@cfx-dev/ui-components 4.3.10 → 4.3.11

package/dist/assets/all_css.css

@@ -14,6 +14,7 @@
 @import "./css/DataTable.css";
 @import "./css/Decorate.css";
 @import "./css/Dot.css";
+@import "./css/DropdownContent.css";
 @import "./css/DropdownSelect.css";
 @import "./css/Flex.css";
 @import "./css/FlexRestricter.css";

package/dist/assets/css/DropdownContent.css

@@ -0,0 +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)}}

package/dist/assets/css/DropdownSelect.css

@@ -1 +1 @@
-.cfxui__DropdownSelect__icon__d05b8{transition:transform .25s ease}.cfxui__DropdownSelect__trigger__c03df{width:100%;padding:0 var(--offset-medium);border:none;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__DropdownSelect__trigger__c03df::placeholder{color:var(--color-input-placeholder)}.cfxui__DropdownSelect__trigger__c03df::-webkit-input-placeholder{color:var(--color-input-placeholder)}.cfxui__DropdownSelect__trigger__c03df::-moz-placeholder{color:var(--color-input-placeholder)}.cfxui__DropdownSelect__trigger__c03df:-ms-input-placeholder{color:var(--color-input-placeholder)}.cfxui__DropdownSelect__trigger__c03df:disabled{cursor:not-allowed;opacity:.5;box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-disabled-border) inset}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-hover-border) inset}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):hover::placeholder{color:var(--color-input-placeholder-hover)}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):hover::-webkit-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):hover::-moz-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):hover:-ms-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible,.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible:hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-focus-border) inset}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible::placeholder,.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible:hover::placeholder{color:transparent}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible::-webkit-input-placeholder,.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible:hover::-webkit-input-placeholder{color:transparent}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible::-moz-placeholder,.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible:hover::-moz-placeholder{color:transparent}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible:-ms-input-placeholder,.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible:hover:-ms-input-placeholder{color:transparent}.cfxui__DropdownSelect__trigger__c03df::placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__DropdownSelect__trigger__c03df::-webkit-input-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__DropdownSelect__trigger__c03df::-moz-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__DropdownSelect__trigger__c03df:-ms-input-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__DropdownSelect__trigger__c03df{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__DropdownSelect__trigger__c03df[type=search]::-ms-clear,.cfxui__DropdownSelect__trigger__c03df[type=search]::-ms-reveal{display:none;width:0;height:0}.cfxui__DropdownSelect__trigger__c03df[type=search]::-webkit-search-decoration,.cfxui__DropdownSelect__trigger__c03df[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.cfxui__DropdownSelect__trigger__c03df[type=search]{padding-right:calc(var(--offset-medium) + var(--offset-large));-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191{background-color:var(--color-input-background);box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-border) inset}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191::placeholder{color:var(--color-input-placeholder)}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191::-webkit-input-placeholder{color:var(--color-input-placeholder)}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191::-moz-placeholder{color:var(--color-input-placeholder)}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:-ms-input-placeholder{color:var(--color-input-placeholder)}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:disabled{cursor:not-allowed;opacity:.5;box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-disabled-border) inset}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-hover-border) inset}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):hover::placeholder{color:var(--color-input-placeholder-hover)}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):hover::-webkit-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):hover::-moz-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):hover:-ms-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible,.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible:hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-focus-border) inset}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible::placeholder,.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible:hover::placeholder{color:transparent}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible::-webkit-input-placeholder,.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible:hover::-webkit-input-placeholder{color:transparent}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible::-moz-placeholder,.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible:hover::-moz-placeholder{color:transparent}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible:-ms-input-placeholder,.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible:hover:-ms-input-placeholder{color:transparent}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__fullWidth__dce56{width:100%}.cfxui__DropdownSelect__trigger__c03df:not(:disabled){cursor:pointer}.cfxui__DropdownSelect__trigger__c03df:not(:disabled) .cfxui__DropdownSelect__icon__d05b8{color:var(--color-input-text)}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):hover .cfxui__DropdownSelect__icon__d05b8{transform:translateY(calc(var(--quant) * .25))}.cfxui__DropdownSelect__trigger__c03df:not(:disabled).cfxui__DropdownSelect__placeholder__e0d89{color:var(--color-input-placeholder)}.cfxui__DropdownSelect__trigger__c03df:not(:disabled).cfxui__DropdownSelect__placeholder__e0d89:hover,.cfxui__DropdownSelect__trigger__c03df:not(:disabled).cfxui__DropdownSelect__placeholder__e0d89:focus{color:var(--color-input-placeholder-hover)}.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8{width:var(--font-size-xsmall, initial);height:var(--font-size-xsmall, initial)}.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8 svg{width:var(--font-size-xsmall, initial);height:var(--font-size-xsmall, initial)}.cfxui__DropdownSelect__content__05ed8{--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__DropdownSelect__content__05ed8.cfxui__DropdownSelect__onlight__f0191{--border-color: var(--color-input-onlight-border)}.cfxui__DropdownSelect__content__05ed8 .cfxui__DropdownSelect__item__0e45f{font-size:var(--font-size-xsmall);height:var(--control-height-normal);display:flex;align-items:center;padding:0 var(--offset-medium);cursor:pointer}.cfxui__DropdownSelect__content__05ed8 .cfxui__DropdownSelect__item__0e45f:not(:last-child){box-shadow:0 calc(-1 * var(--input-border-size, initial)) 0 0 var(--border-color) inset}.cfxui__DropdownSelect__content__05ed8 .cfxui__DropdownSelect__item__0e45f:hover{background-color:rgba(var(--color-bg-light),1)}.cfxui__DropdownSelect__content__05ed8.cfxui__DropdownSelect__fullWidth__dce56,.cfxui__DropdownSelect__content__05ed8.cfxui__DropdownSelect__fullWidth__dce56 .cfxui__DropdownSelect__item__0e45f{width:100%}.cfxui__DropdownSelect__dropdownselect-size-initial-large__d6bf3.cfxui__DropdownSelect__trigger__c03df{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownSelect__dropdownselect-size-initial-large__d6bf3.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownSelect__dropdownselect-size-initial-large__d6bf3.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownSelect__dropdownselect-size-initial-large__d6bf3.cfxui__DropdownSelect__content__05ed8 .cfxui__DropdownSelect__item__0e45f{font-size:var(--font-size-small);height:var(--control-height-normal)}.cfxui__DropdownSelect__dropdownselect-size-initial-small__56570.cfxui__DropdownSelect__trigger__c03df{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownSelect__dropdownselect-size-initial-small__56570.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownSelect__dropdownselect-size-initial-small__56570.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownSelect__dropdownselect-size-initial-small__56570.cfxui__DropdownSelect__content__05ed8 .cfxui__DropdownSelect__item__0e45f{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}@media (min-width: 360px){.cfxui__DropdownSelect__dropdownselect-size-small-large__7f027.cfxui__DropdownSelect__trigger__c03df{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownSelect__dropdownselect-size-small-large__7f027.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownSelect__dropdownselect-size-small-large__7f027.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownSelect__dropdownselect-size-small-large__7f027.cfxui__DropdownSelect__content__05ed8 .cfxui__DropdownSelect__item__0e45f{font-size:var(--font-size-small);height:var(--control-height-normal)}}@media (min-width: 360px){.cfxui__DropdownSelect__dropdownselect-size-small-small__bea7a.cfxui__DropdownSelect__trigger__c03df{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownSelect__dropdownselect-size-small-small__bea7a.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownSelect__dropdownselect-size-small-small__bea7a.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownSelect__dropdownselect-size-small-small__bea7a.cfxui__DropdownSelect__content__05ed8 .cfxui__DropdownSelect__item__0e45f{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 640px){.cfxui__DropdownSelect__dropdownselect-size-small-medium-large__c82c6.cfxui__DropdownSelect__trigger__c03df{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownSelect__dropdownselect-size-small-medium-large__c82c6.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownSelect__dropdownselect-size-small-medium-large__c82c6.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownSelect__dropdownselect-size-small-medium-large__c82c6.cfxui__DropdownSelect__content__05ed8 .cfxui__DropdownSelect__item__0e45f{font-size:var(--font-size-small);height:var(--control-height-normal)}}@media (min-width: 640px){.cfxui__DropdownSelect__dropdownselect-size-small-medium-small__f719a.cfxui__DropdownSelect__trigger__c03df{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownSelect__dropdownselect-size-small-medium-small__f719a.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownSelect__dropdownselect-size-small-medium-small__f719a.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownSelect__dropdownselect-size-small-medium-small__f719a.cfxui__DropdownSelect__content__05ed8 .cfxui__DropdownSelect__item__0e45f{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1024px){.cfxui__DropdownSelect__dropdownselect-size-medium-large__eb839.cfxui__DropdownSelect__trigger__c03df{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownSelect__dropdownselect-size-medium-large__eb839.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownSelect__dropdownselect-size-medium-large__eb839.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownSelect__dropdownselect-size-medium-large__eb839.cfxui__DropdownSelect__content__05ed8 .cfxui__DropdownSelect__item__0e45f{font-size:var(--font-size-small);height:var(--control-height-normal)}}@media (min-width: 1024px){.cfxui__DropdownSelect__dropdownselect-size-medium-small__698db.cfxui__DropdownSelect__trigger__c03df{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownSelect__dropdownselect-size-medium-small__698db.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownSelect__dropdownselect-size-medium-small__698db.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownSelect__dropdownselect-size-medium-small__698db.cfxui__DropdownSelect__content__05ed8 .cfxui__DropdownSelect__item__0e45f{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1280px){.cfxui__DropdownSelect__dropdownselect-size-medium-large-large__dd545.cfxui__DropdownSelect__trigger__c03df{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownSelect__dropdownselect-size-medium-large-large__dd545.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownSelect__dropdownselect-size-medium-large-large__dd545.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownSelect__dropdownselect-size-medium-large-large__dd545.cfxui__DropdownSelect__content__05ed8 .cfxui__DropdownSelect__item__0e45f{font-size:var(--font-size-small);height:var(--control-height-normal)}}@media (min-width: 1280px){.cfxui__DropdownSelect__dropdownselect-size-medium-large-small__8cd70.cfxui__DropdownSelect__trigger__c03df{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownSelect__dropdownselect-size-medium-large-small__8cd70.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownSelect__dropdownselect-size-medium-large-small__8cd70.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownSelect__dropdownselect-size-medium-large-small__8cd70.cfxui__DropdownSelect__content__05ed8 .cfxui__DropdownSelect__item__0e45f{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1920px){.cfxui__DropdownSelect__dropdownselect-size-large-large__3b065.cfxui__DropdownSelect__trigger__c03df{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownSelect__dropdownselect-size-large-large__3b065.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownSelect__dropdownselect-size-large-large__3b065.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownSelect__dropdownselect-size-large-large__3b065.cfxui__DropdownSelect__content__05ed8 .cfxui__DropdownSelect__item__0e45f{font-size:var(--font-size-small);height:var(--control-height-normal)}}@media (min-width: 1920px){.cfxui__DropdownSelect__dropdownselect-size-large-small__5bca7.cfxui__DropdownSelect__trigger__c03df{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownSelect__dropdownselect-size-large-small__5bca7.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownSelect__dropdownselect-size-large-small__5bca7.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownSelect__dropdownselect-size-large-small__5bca7.cfxui__DropdownSelect__content__05ed8 .cfxui__DropdownSelect__item__0e45f{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 2560px){.cfxui__DropdownSelect__dropdownselect-size-xlarge-large__23eae.cfxui__DropdownSelect__trigger__c03df{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownSelect__dropdownselect-size-xlarge-large__23eae.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownSelect__dropdownselect-size-xlarge-large__23eae.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownSelect__dropdownselect-size-xlarge-large__23eae.cfxui__DropdownSelect__content__05ed8 .cfxui__DropdownSelect__item__0e45f{font-size:var(--font-size-small);height:var(--control-height-normal)}}@media (min-width: 2560px){.cfxui__DropdownSelect__dropdownselect-size-xlarge-small__d232d.cfxui__DropdownSelect__trigger__c03df{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownSelect__dropdownselect-size-xlarge-small__d232d.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownSelect__dropdownselect-size-xlarge-small__d232d.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownSelect__dropdownselect-size-xlarge-small__d232d.cfxui__DropdownSelect__content__05ed8 .cfxui__DropdownSelect__item__0e45f{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}
+.cfxui__DropdownSelect__icon__d05b8{transition:transform .25s ease}.cfxui__DropdownSelect__trigger__c03df{width:100%;padding:0 var(--offset-medium);border:none;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__DropdownSelect__trigger__c03df::placeholder{color:var(--color-input-placeholder)}.cfxui__DropdownSelect__trigger__c03df::-webkit-input-placeholder{color:var(--color-input-placeholder)}.cfxui__DropdownSelect__trigger__c03df::-moz-placeholder{color:var(--color-input-placeholder)}.cfxui__DropdownSelect__trigger__c03df:-ms-input-placeholder{color:var(--color-input-placeholder)}.cfxui__DropdownSelect__trigger__c03df:disabled{cursor:not-allowed;opacity:.5;box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-disabled-border) inset}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-hover-border) inset}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):hover::placeholder{color:var(--color-input-placeholder-hover)}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):hover::-webkit-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):hover::-moz-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):hover:-ms-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible,.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible:hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-focus-border) inset}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible::placeholder,.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible:hover::placeholder{color:transparent}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible::-webkit-input-placeholder,.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible:hover::-webkit-input-placeholder{color:transparent}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible::-moz-placeholder,.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible:hover::-moz-placeholder{color:transparent}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible:-ms-input-placeholder,.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible:hover:-ms-input-placeholder{color:transparent}.cfxui__DropdownSelect__trigger__c03df::placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__DropdownSelect__trigger__c03df::-webkit-input-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__DropdownSelect__trigger__c03df::-moz-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__DropdownSelect__trigger__c03df:-ms-input-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__DropdownSelect__trigger__c03df{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__DropdownSelect__trigger__c03df[type=search]::-ms-clear,.cfxui__DropdownSelect__trigger__c03df[type=search]::-ms-reveal{display:none;width:0;height:0}.cfxui__DropdownSelect__trigger__c03df[type=search]::-webkit-search-decoration,.cfxui__DropdownSelect__trigger__c03df[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.cfxui__DropdownSelect__trigger__c03df[type=search]{padding-right:calc(var(--offset-medium) + var(--offset-large));-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191{background-color:var(--color-input-background);box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-border) inset}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191::placeholder{color:var(--color-input-placeholder)}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191::-webkit-input-placeholder{color:var(--color-input-placeholder)}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191::-moz-placeholder{color:var(--color-input-placeholder)}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:-ms-input-placeholder{color:var(--color-input-placeholder)}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:disabled{cursor:not-allowed;opacity:.5;box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-disabled-border) inset}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-hover-border) inset}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):hover::placeholder{color:var(--color-input-placeholder-hover)}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):hover::-webkit-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):hover::-moz-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):hover:-ms-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible,.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible:hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-focus-border) inset}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible::placeholder,.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible:hover::placeholder{color:transparent}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible::-webkit-input-placeholder,.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible:hover::-webkit-input-placeholder{color:transparent}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible::-moz-placeholder,.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible:hover::-moz-placeholder{color:transparent}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible:-ms-input-placeholder,.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible:hover:-ms-input-placeholder{color:transparent}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__fullWidth__dce56{width:100%}.cfxui__DropdownSelect__trigger__c03df:not(:disabled){cursor:pointer}.cfxui__DropdownSelect__trigger__c03df:not(:disabled) .cfxui__DropdownSelect__icon__d05b8{color:var(--color-input-text)}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):hover .cfxui__DropdownSelect__icon__d05b8{transform:translateY(calc(var(--quant) * .25))}.cfxui__DropdownSelect__trigger__c03df:not(:disabled).cfxui__DropdownSelect__placeholder__e0d89{color:var(--color-input-placeholder)}.cfxui__DropdownSelect__trigger__c03df:not(:disabled).cfxui__DropdownSelect__placeholder__e0d89:hover,.cfxui__DropdownSelect__trigger__c03df:not(:disabled).cfxui__DropdownSelect__placeholder__e0d89:focus{color:var(--color-input-placeholder-hover)}.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8{width:var(--font-size-xsmall, initial);height:var(--font-size-xsmall, initial)}.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8 svg{width:var(--font-size-xsmall, initial);height:var(--font-size-xsmall, initial)}

package/dist/components/Button/Button.js

@@ -1,19 +1,19 @@
-import { jsx as a, jsxs as N, Fragment as W } from "react/jsx-runtime";
+import { jsx as s, jsxs as W, Fragment as g } from "react/jsx-runtime";
 import m from "react";
-import { Icon as g } from "../Icon/Icon.js";
-import { clsx as A } from "../../utils/clsx.js";
+import { Icon as A } from "../Icon/Icon.js";
+import { clsx as q } from "../../utils/clsx.js";
 import { noop as d } from "../../utils/functional.js";
-const q = "cfxui__Button__unsetAll__44b96", I = "cfxui__Button__root__e2ace", M = "cfxui__Button__fullWidth__f61d9", j = "cfxui__Button__primary__1c59f", F = "cfxui__Button__secondary__b2b84", v = "cfxui__Button__linked__330cb", w = "cfxui__Button__quicklink__204ac", D = "cfxui__Button__icon__44e51", L = "cfxui__Button__icononly__4f786", R = "cfxui__Button__decorator__39a9b", t = {
-  unsetAll: q,
-  root: I,
-  fullWidth: M,
-  primary: j,
-  secondary: F,
+const I = "cfxui__Button__unsetAll__44b96", M = "cfxui__Button__root__e2ace", j = "cfxui__Button__fullWidth__f61d9", F = "cfxui__Button__primary__1c59f", v = "cfxui__Button__secondary__b2b84", w = "cfxui__Button__linked__330cb", D = "cfxui__Button__quicklink__204ac", L = "cfxui__Button__icon__44e51", P = "cfxui__Button__icononly__4f786", R = "cfxui__Button__decorator__39a9b", t = {
+  unsetAll: I,
+  root: M,
+  fullWidth: j,
+  primary: F,
+  secondary: v,
   "on-light": "cfxui__Button__on-light__ae69c",
-  linked: v,
-  quicklink: w,
-  icon: D,
-  icononly: L,
+  linked: w,
+  quicklink: D,
+  icon: L,
+  icononly: P,
   decorator: R
 };
 function U(c) {
@@ -22,10 +22,10 @@ function U(c) {
     icon: n,
     decorator: l = null
   } = c;
-  return /* @__PURE__ */ N(W, { children: [
+  return /* @__PURE__ */ W(g, { children: [
     o,
-    !!n && /* @__PURE__ */ a(g, { name: n, className: t.icon }),
-    !!l && /* @__PURE__ */ a("div", { className: t.decorator, children: l })
+    !!n && /* @__PURE__ */ s(A, { name: n, className: t.icon }),
+    !!l && /* @__PURE__ */ s("div", { className: t.decorator, children: l })
   ] });
 }
 function $(c) {
@@ -33,14 +33,14 @@ function $(c) {
     text: o = null,
     icon: n,
     theme: l = "default",
-    disabled: s = !1,
+    disabled: a = !1,
     className: u = "",
     autofocus: _ = !1,
     fullWidth: e = !1,
     tabIndex: i
   } = c;
-  return A(t.unsetAll, t.root, t[l], u, {
-    [t.disabled]: s,
+  return q(t.unsetAll, t.root, t[l], u, {
+    [t.disabled]: a,
     [t.icononly]: !!n && (o === null || typeof o > "u"),
     [t.text]: !!o,
     [t.autofocus]: _ || typeof i < "u",
@@ -52,7 +52,7 @@ function z(c) {
     text: o = null,
     icon: n,
     title: l = "",
-    type: s = "button",
+    type: a = "button",
     className: u = "",
     theme: _ = "default",
     disabled: e = !1,
@@ -63,7 +63,8 @@ function z(c) {
     tabIndex: f,
     fullWidth: x = !1,
     ariaLabel: h = "",
-    ref: k
+    ref: k,
+    ...p
   } = c, y = m.useMemo(() => $({
     text: o,
     icon: n,
@@ -82,24 +83,25 @@ function z(c) {
     f,
     o,
     _
-  ]), p = m.useCallback((C) => {
-    e || i(C);
+  ]), C = m.useCallback((N) => {
+    e || i(N);
   }, [e, i]);
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ s(
     "button",
     {
       ref: k,
       disabled: e,
       className: y,
-      onClick: p,
+      onClick: C,
       onMouseDown: b,
       onMouseUp: B,
       autoFocus: r,
       tabIndex: f,
       title: l,
-      type: s,
+      type: a,
       "aria-label": h,
-      children: /* @__PURE__ */ a(U, { ...c })
+      ...p,
+      children: /* @__PURE__ */ s(U, { ...c })
     }
   );
 }

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

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { InputSize } from '../Input';
+import { SelectOption } from '../Select';
+import { ResponsiveValueType } from '../../utils/ui';
+
+export type ExtraClassNameTyape = 'content' | 'trigger';
+export type DropdownContentOption = SelectOption<string>;
+export interface DropdownContentProps {
+    options: DropdownContentOption[];
+    className?: string;
+    triggerWidth?: React.CSSProperties['width'];
+    size?: ResponsiveValueType<InputSize>;
+    fullWidth?: boolean;
+    onSelect: (value: string) => void;
+}
+export declare function getDropdownContentSizeClassNames(size?: DropdownContentProps['size'], extraClassName?: ExtraClassNameTyape): string;
+declare function DropdownContent(props: DropdownContentProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof DropdownContent>;
+export default _default;

package/dist/components/DropdownContent/DropdownContent.js

@@ -0,0 +1,9 @@
+import "react/jsx-runtime";
+import { D as a, g as i } from "../../DropdownContent-Robn2rha.js";
+import "react";
+import "../../utils/clsx.js";
+import "../../utils/ui/ui.js";
+export {
+  a as default,
+  i as getDropdownContentSizeClassNames
+};

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

@@ -0,0 +1,2 @@
+export { default as DropdownContent, getDropdownContentSizeClassNames, } from './DropdownContent';
+export type { DropdownContentProps, DropdownContentOption, } from './DropdownContent';

package/dist/components/DropdownContent/index.js

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

package/dist/components/DropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { DropdownContentProps } from '../DropdownContent';
+
+export interface DropdownMenuProps extends React.PropsWithChildren, Omit<DropdownContentProps, 'className' | 'size'> {
+    contentClassName?: string;
+    contentSize?: DropdownContentProps['size'];
+    dir?: 'ltr' | 'rtl';
+}
+declare function DropdownMenu(props: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof DropdownMenu>;
+export default _default;

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -0,0 +1,33 @@
+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 u from "react";
+function h(t) {
+  const {
+    options: e,
+    onSelect: r,
+    contentClassName: n,
+    contentSize: s,
+    fullWidth: a = !1,
+    dir: i = "ltr",
+    children: l,
+    ...c
+  } = t;
+  return /* @__PURE__ */ d(m, { dir: i, children: [
+    /* @__PURE__ */ o(p, { asChild: !0, children: l }),
+    /* @__PURE__ */ o(
+      f,
+      {
+        options: e,
+        size: s,
+        fullWidth: a,
+        onSelect: r,
+        className: n,
+        ...c
+      }
+    )
+  ] });
+}
+const C = u.memo(h);
+export {
+  C as default
+};

package/dist/components/DropdownMenu/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DropdownMenu } from './DropdownMenu';
+export type { DropdownMenuProps } from './DropdownMenu';

package/dist/components/DropdownMenu/index.js

@@ -0,0 +1,4 @@
+import { default as r } from "./DropdownMenu.js";
+export {
+  r as DropdownMenu
+};