@cfx-dev/ui-components 4.3.15 → 4.3.17

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/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-BertjH0y.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';

package/dist/main.js

@@ -13,189 +13,190 @@ import { formatDate as D, formatLocaleDate as y, formatShortDate as P } from "./
 import { CURRENCY_MAP as b, FREE_PRICE_TEXT as k, formatCurrency as _ } from "./utils/formatCurrency.js";
 import { identity as F, invoke as v, noop as h, returnFalse as U, returnTrue as M } from "./utils/functional.js";
 import { Linkify as z, defaultLinkReplacer as N, defaultLinkReplacerx as G, isExternalUrl as V, linkify as Y, linkifyx as K, matchLinkNodes as X, matchLinks as H } from "./utils/links.js";
-import { clamp as J, clamp01 as Q, minmax as Z } from "./utils/math.js";
+import { clamp as j, clamp01 as J, minmax as Q } from "./utils/math.js";
 import { isFalseString as q, isTrueString as $, normalizeSlashes as oo, replaceRange as ro, splitByIndices as eo, unicodeCharAt as to } from "./utils/string.js";
 import { debounce as fo, throttle as mo } from "./utils/execution.js";
 import { getColor as xo } from "./utils/color.js";
 import { ui as lo } from "./utils/ui/ui.js";
 import { BorderRadiusEnum as so, ColorEnum as io, MediaQueryEnum as co, OffsetEnum as To, TextSizeEnum as Io, ZIndexEnum as Co } from "./utils/ui/ui.types.js";
 import { isInEnum as go } from "./utils/enum.js";
-import { default as Lo } from "./components/IconButton/IconButton.js";
-import { Accordion as So, AccordionContent as Do, AccordionHeader as yo, AccordionItem as Po, AccordionTrigger as Ao } from "./components/Accordion/Accordion.js";
-import { default as ko } from "./components/ClipboardButton/ClipboardButton.js";
-import { default as Oo } from "./components/Checkbox/Checkbox.js";
-import { default as vo, ButtonContent as ho, getButtonClassName as Uo } from "./components/Button/Button.js";
-import { ButtonBar as wo } from "./components/Button/ButtonBar.js";
-import { LinkButton as No } from "./components/Button/LinkButton.js";
-import { BurgerMenuButton as Vo } from "./components/BurgerMenu/BurgerMenuButton.js";
-import { BurgerMenu as Ko } from "./components/BurgerMenu/BurgerMenu.js";
-import { default as Ho, getLinkClassName as Wo, getLinkStyles as Jo } from "./components/Link/Link.js";
-import { default as Zo } from "./components/Link/ButtonLink.js";
-import { Avatar as qo } from "./components/Avatar/Avatar.js";
-import { BACKDROP_OUTLET_ID as or, default as rr } from "./components/BackdropPortal/BackdropPortal.js";
-import { Badge as tr } from "./components/Badge/Badge.js";
-import { default as fr } from "./components/ControlBox/ControlBox.js";
-import { default as pr } from "./components/CountryFlag/CountryFlag.js";
-import { default as nr } from "./components/Decorate/Decorate.js";
-import { Dot as ur } from "./components/Dot/Dot.js";
-import { FLYOUT_OUTLET_ID as ir, Flyout as dr } from "./components/Flyout/Flyout.js";
-import { Logos as Tr } from "./components/Logos/index.js";
-import { I as Cr } from "./cfxIcons-B9nzO6TW.js";
-import { I as gr } from "./cfxIconsBig-BLJjMT-Y.js";
-import { Icon as Lr } from "./components/Icon/Icon.js";
-import { IconBig as Sr } from "./components/IconBig/IconBig.js";
-import { Indicator as yr } from "./components/Indicator/Indicator.js";
-import { default as Ar } from "./components/InfoPanel/InfoPanel.js";
-import { default as kr } from "./components/Input/Input.js";
-import { default as Or } from "./components/Input/RichInput.js";
-import { Interactive as vr } from "./components/Interactive/Interactive.js";
-import { Island as Ur, IslandCorner as Mr } from "./components/Island/Island.js";
-import { default as zr } from "./components/Box/Box.js";
-import { stringPropFormater as Gr } from "./components/RSC/Box/Box.js";
-import { Center as Yr } from "./components/Layout/Center/Center.js";
-import { default as Xr } from "./components/Flex/Flex.js";
-import { FlexAlignItemsEnum as Wr, FlexDirectionEnum as Jr, FlexJustifyContentEnum as Qr, FlexWrapEnum as Zr } from "./components/RSC/Flex/Flex.types.js";
-import { FlexRestricter as qr } from "./components/RSC/Flex/FlexRestricter.js";
-import { Pad as oe } from "./components/Layout/Pad/Pad.js";
-import { Page as ee } from "./components/Layout/Page/Page.js";
-import { R as ae } from "./Rail-CHFAf3wJ.js";
-import { Scrollable as me } from "./components/Scrollable/Scrollable.js";
-import { VirtualScrollable as xe } from "./components/Scrollable/VirtualScrollable.js";
-import { Loaf as le } from "./components/Loaf/Loaf.js";
-import { Modal as se } from "./components/Modal/Modal.js";
-import { NavList as de } from "./components/NavList/NavList.js";
-import { OVERLAY_OUTLET_ID as Te, Overlay as Ie } from "./components/Overlay/Overlay.js";
-import { default as Ee } from "./components/Pagination/Pagination.js";
-import { Popover as Be } from "./components/Popover/Popover.js";
-import { PremiumBadge as Re } from "./components/PremiumBadge/PremiumBadge.js";
-import { Prose as De } from "./components/Prose/Prose.js";
-import { Radio as Pe } from "./components/Radio/Radio.js";
-import { Select as be } from "./components/Select/Select.js";
-import { DropdownSelect as _e } from "./components/DropdownSelect/DropdownSelect.js";
-import { default as Fe } from "./components/DropdownMenu/DropdownMenu.js";
-import { Separator as he } from "./components/Separator/Separator.js";
-import { Shroud as Me } from "./components/Shroud/Shroud.js";
-import { Slider as ze } from "./components/Slider/Slider.js";
-import { Spacer as Ge } from "./components/Spacer/Spacer.js";
-import { Style as Ye, useContextualStyle as Ke } from "./components/Style/Style.js";
-import { default as He } from "./components/Switch/Switch.js";
-import { ToggleGroup as Je } from "./components/ToggleGroup/ToggleGroup.js";
-import { Tabular as Ze } from "./components/Tabular/Tabular.js";
-import { DataTable as qe, DataTableHeaderItem as $e, DataTableRow as ot } from "./components/DataTable/DataTable.js";
-import { Table as et } from "./components/Table/index.js";
-import { default as at } from "./components/TableResponsiveText/TableResponsiveText.js";
-import { DEFAULT_TEXT_COLOR as mt, TEXT_OPACITY_MAP as pt, Text as xt, TextBlock as nt, getTextOpacity as lt, textSizeResponsiveValueFormatter as ut } from "./components/Text/Text.js";
-import { Textarea as it } from "./components/Textarea/Textarea.js";
-import { TITLE_OUTLET_ID as ct, Title as Tt, titleGetCoords as It, titleGetCssStyle as Ct } from "./components/Title/Title.js";
-import { default as gt } from "./components/InputDropzone/InputDropzone.js";
-import { default as Lt } from "./components/InputDropzone/ItemPreview.js";
-import { default as St } from "./components/Skeleton/Skeleton.js";
-import { OnScreenSensor as yt } from "./components/OnScreenSensor.js";
-import { Symbols as At } from "./components/Symbols.js";
-import { default as kt } from "./components/Table/TableIconButton.js";
+import { joaat32 as Lo } from "./utils/joaat32.js";
+import { default as So } from "./components/IconButton/IconButton.js";
+import { Accordion as yo, AccordionContent as Po, AccordionHeader as Ao, AccordionItem as bo, AccordionTrigger as ko } from "./components/Accordion/Accordion.js";
+import { default as Oo } from "./components/ClipboardButton/ClipboardButton.js";
+import { default as vo } from "./components/Checkbox/Checkbox.js";
+import { default as Uo, ButtonContent as Mo, getButtonClassName as wo } from "./components/Button/Button.js";
+import { ButtonBar as No } from "./components/Button/ButtonBar.js";
+import { LinkButton as Vo } from "./components/Button/LinkButton.js";
+import { BurgerMenuButton as Ko } from "./components/BurgerMenu/BurgerMenuButton.js";
+import { BurgerMenu as Ho } from "./components/BurgerMenu/BurgerMenu.js";
+import { default as jo, getLinkClassName as Jo, getLinkStyles as Qo } from "./components/Link/Link.js";
+import { default as qo } from "./components/Link/ButtonLink.js";
+import { Avatar as or } from "./components/Avatar/Avatar.js";
+import { BACKDROP_OUTLET_ID as er, default as tr } from "./components/BackdropPortal/BackdropPortal.js";
+import { Badge as fr } from "./components/Badge/Badge.js";
+import { default as pr } from "./components/ControlBox/ControlBox.js";
+import { default as nr } from "./components/CountryFlag/CountryFlag.js";
+import { default as ur } from "./components/Decorate/Decorate.js";
+import { Dot as ir } from "./components/Dot/Dot.js";
+import { FLYOUT_OUTLET_ID as cr, Flyout as Tr } from "./components/Flyout/Flyout.js";
+import { Logos as Cr } from "./components/Logos/index.js";
+import { I as gr } from "./cfxIcons-B9nzO6TW.js";
+import { I as Lr } from "./cfxIconsBig-BLJjMT-Y.js";
+import { Icon as Sr } from "./components/Icon/Icon.js";
+import { IconBig as yr } from "./components/IconBig/IconBig.js";
+import { Indicator as Ar } from "./components/Indicator/Indicator.js";
+import { default as kr } from "./components/InfoPanel/InfoPanel.js";
+import { default as Or } from "./components/Input/Input.js";
+import { default as vr } from "./components/Input/RichInput.js";
+import { Interactive as Ur } from "./components/Interactive/Interactive.js";
+import { Island as wr, IslandCorner as zr } from "./components/Island/Island.js";
+import { default as Gr } from "./components/Box/Box.js";
+import { stringPropFormater as Yr } from "./components/RSC/Box/Box.js";
+import { Center as Xr } from "./components/Layout/Center/Center.js";
+import { default as Wr } from "./components/Flex/Flex.js";
+import { FlexAlignItemsEnum as Jr, FlexDirectionEnum as Qr, FlexJustifyContentEnum as Zr, FlexWrapEnum as qr } from "./components/RSC/Flex/Flex.types.js";
+import { FlexRestricter as oe } from "./components/RSC/Flex/FlexRestricter.js";
+import { Pad as ee } from "./components/Layout/Pad/Pad.js";
+import { Page as ae } from "./components/Layout/Page/Page.js";
+import { R as me } from "./Rail-CHFAf3wJ.js";
+import { Scrollable as xe } from "./components/Scrollable/Scrollable.js";
+import { VirtualScrollable as le } from "./components/Scrollable/VirtualScrollable.js";
+import { Loaf as se } from "./components/Loaf/Loaf.js";
+import { Modal as de } from "./components/Modal/Modal.js";
+import { NavList as Te } from "./components/NavList/NavList.js";
+import { OVERLAY_OUTLET_ID as Ce, Overlay as Ee } from "./components/Overlay/Overlay.js";
+import { default as Be } from "./components/Pagination/Pagination.js";
+import { Popover as Re } from "./components/Popover/Popover.js";
+import { PremiumBadge as De } from "./components/PremiumBadge/PremiumBadge.js";
+import { Prose as Pe } from "./components/Prose/Prose.js";
+import { Radio as be } from "./components/Radio/Radio.js";
+import { Select as _e } from "./components/Select/Select.js";
+import { DropdownSelect as Fe } from "./components/DropdownSelect/DropdownSelect.js";
+import { default as he } from "./components/DropdownMenu/DropdownMenu.js";
+import { Separator as Me } from "./components/Separator/Separator.js";
+import { Shroud as ze } from "./components/Shroud/Shroud.js";
+import { Slider as Ge } from "./components/Slider/Slider.js";
+import { Spacer as Ye } from "./components/Spacer/Spacer.js";
+import { Style as Xe, useContextualStyle as He } from "./components/Style/Style.js";
+import { default as je } from "./components/Switch/Switch.js";
+import { ToggleGroup as Qe } from "./components/ToggleGroup/ToggleGroup.js";
+import { Tabular as qe } from "./components/Tabular/Tabular.js";
+import { DataTable as ot, DataTableHeaderItem as rt, DataTableRow as et } from "./components/DataTable/DataTable.js";
+import { Table as at } from "./components/Table/index.js";
+import { default as mt } from "./components/TableResponsiveText/TableResponsiveText.js";
+import { DEFAULT_TEXT_COLOR as xt, TEXT_OPACITY_MAP as nt, Text as lt, TextBlock as ut, getTextOpacity as st, textSizeResponsiveValueFormatter as it } from "./components/Text/Text.js";
+import { Textarea as ct } from "./components/Textarea/Textarea.js";
+import { TITLE_OUTLET_ID as It, Title as Ct, titleGetCoords as Et, titleGetCssStyle as gt } from "./components/Title/Title.js";
+import { default as Lt } from "./components/InputDropzone/InputDropzone.js";
+import { default as St } from "./components/InputDropzone/ItemPreview.js";
+import { default as yt } from "./components/Skeleton/Skeleton.js";
+import { OnScreenSensor as At } from "./components/OnScreenSensor.js";
+import { Symbols as kt } from "./components/Symbols.js";
+import { default as Ot } from "./components/Table/TableIconButton.js";
 export {
-  So as Accordion,
-  Do as AccordionContent,
-  yo as AccordionHeader,
-  Po as AccordionItem,
-  Ao as AccordionTrigger,
-  qo as Avatar,
-  or as BACKDROP_OUTLET_ID,
-  rr as BackdropPortal,
-  tr as Badge,
+  yo as Accordion,
+  Po as AccordionContent,
+  Ao as AccordionHeader,
+  bo as AccordionItem,
+  ko as AccordionTrigger,
+  or as Avatar,
+  er as BACKDROP_OUTLET_ID,
+  tr as BackdropPortal,
+  fr as Badge,
   so as BorderRadiusEnum,
-  zr as Box,
-  Ko as BurgerMenu,
-  Vo as BurgerMenuButton,
-  vo as Button,
-  wo as ButtonBar,
-  ho as ButtonContent,
-  Zo as ButtonLink,
+  Gr as Box,
+  Ho as BurgerMenu,
+  Ko as BurgerMenuButton,
+  Uo as Button,
+  No as ButtonBar,
+  Mo as ButtonContent,
+  qo as ButtonLink,
   L as CLIPBOARD_TITLE_APPEARANCE,
   b as CURRENCY_MAP,
-  Yr as Center,
-  Oo as Checkbox,
-  ko as ClipboardButton,
+  Xr as Center,
+  vo as Checkbox,
+  Oo as ClipboardButton,
   io as ColorEnum,
-  fr as ControlBox,
-  pr as CountryFlag,
-  mt as DEFAULT_TEXT_COLOR,
-  qe as DataTable,
-  $e as DataTableHeaderItem,
-  ot as DataTableRow,
-  nr as Decorate,
-  ur as Dot,
-  Fe as DropdownMenu,
-  _e as DropdownSelect,
-  Lt as DropzoneItemPreview,
-  ir as FLYOUT_OUTLET_ID,
+  pr as ControlBox,
+  nr as CountryFlag,
+  xt as DEFAULT_TEXT_COLOR,
+  ot as DataTable,
+  rt as DataTableHeaderItem,
+  et as DataTableRow,
+  ur as Decorate,
+  ir as Dot,
+  he as DropdownMenu,
+  Fe as DropdownSelect,
+  St as DropzoneItemPreview,
+  cr as FLYOUT_OUTLET_ID,
   k as FREE_PRICE_TEXT,
-  Xr as Flex,
-  Wr as FlexAlignItemsEnum,
-  Jr as FlexDirectionEnum,
-  Qr as FlexJustifyContentEnum,
-  qr as FlexRestricter,
-  Zr as FlexWrapEnum,
-  dr as Flyout,
-  Lr as Icon,
-  Sr as IconBig,
-  Lo as IconButton,
-  Cr as Icons,
-  gr as IconsBig,
-  yr as Indicator,
-  Ar as InfoPanel,
-  kr as Input,
-  gt as InputDropzone,
-  vr as Interactive,
-  Ur as Island,
-  Mr as IslandCorner,
-  Ho as Link,
-  No as LinkButton,
+  Wr as Flex,
+  Jr as FlexAlignItemsEnum,
+  Qr as FlexDirectionEnum,
+  Zr as FlexJustifyContentEnum,
+  oe as FlexRestricter,
+  qr as FlexWrapEnum,
+  Tr as Flyout,
+  Sr as Icon,
+  yr as IconBig,
+  So as IconButton,
+  gr as Icons,
+  Lr as IconsBig,
+  Ar as Indicator,
+  kr as InfoPanel,
+  Or as Input,
+  Lt as InputDropzone,
+  Ur as Interactive,
+  wr as Island,
+  zr as IslandCorner,
+  jo as Link,
+  Vo as LinkButton,
   z as Linkify,
-  le as Loaf,
-  Tr as Logos,
+  se as Loaf,
+  Cr as Logos,
   co as MediaQueryEnum,
-  se as Modal,
-  de as NavList,
-  Te as OVERLAY_OUTLET_ID,
+  de as Modal,
+  Te as NavList,
+  Ce as OVERLAY_OUTLET_ID,
   To as OffsetEnum,
-  yt as OnScreenSensor,
-  Ie as Overlay,
-  oe as Pad,
-  ee as Page,
-  Ee as Pagination,
-  Be as Popover,
-  Re as PremiumBadge,
-  De as Prose,
-  Pe as Radio,
-  ae as Rail,
-  Or as RichInput,
-  me as Scrollable,
-  be as Select,
-  he as Separator,
-  Me as Shroud,
-  St as Skeleton,
-  ze as Slider,
-  Ge as Spacer,
-  Ye as Style,
-  He as Switch,
-  At as Symbols,
-  pt as TEXT_OPACITY_MAP,
-  ct as TITLE_OUTLET_ID,
-  et as Table,
-  kt as TableIconButton,
-  at as TableResponsiveText,
-  Ze as Tabular,
-  xt as Text,
-  nt as TextBlock,
+  At as OnScreenSensor,
+  Ee as Overlay,
+  ee as Pad,
+  ae as Page,
+  Be as Pagination,
+  Re as Popover,
+  De as PremiumBadge,
+  Pe as Prose,
+  be as Radio,
+  me as Rail,
+  vr as RichInput,
+  xe as Scrollable,
+  _e as Select,
+  Me as Separator,
+  ze as Shroud,
+  yt as Skeleton,
+  Ge as Slider,
+  Ye as Spacer,
+  Xe as Style,
+  je as Switch,
+  kt as Symbols,
+  nt as TEXT_OPACITY_MAP,
+  It as TITLE_OUTLET_ID,
+  at as Table,
+  Ot as TableIconButton,
+  mt as TableResponsiveText,
+  qe as Tabular,
+  lt as Text,
+  ut as TextBlock,
   Io as TextSizeEnum,
-  it as Textarea,
-  Tt as Title,
-  Je as ToggleGroup,
-  xe as VirtualScrollable,
+  ct as Textarea,
+  Ct as Title,
+  Qe as ToggleGroup,
+  le as VirtualScrollable,
   Co as ZIndexEnum,
-  J as clamp,
-  Q as clamp01,
+  j as clamp,
+  J as clamp01,
   a as clsx,
   fo as debounce,
   N as defaultLinkReplacer,
@@ -204,11 +205,11 @@ export {
   D as formatDate,
   y as formatLocaleDate,
   P as formatShortDate,
-  Uo as getButtonClassName,
+  wo as getButtonClassName,
   xo as getColor,
-  Wo as getLinkClassName,
-  Jo as getLinkStyles,
-  lt as getTextOpacity,
+  Jo as getLinkClassName,
+  Qo as getLinkStyles,
+  st as getTextOpacity,
   m as getValue,
   F as identity,
   v as invoke,
@@ -216,27 +217,28 @@ export {
   q as isFalseString,
   go as isInEnum,
   $ as isTrueString,
+  Lo as joaat32,
   Y as linkify,
   K as linkifyx,
   X as matchLinkNodes,
   H as matchLinks,
   e as mergeRefs,
-  Z as minmax,
+  Q as minmax,
   h as noop,
   oo as normalizeSlashes,
   ro as replaceRange,
   U as returnFalse,
   M as returnTrue,
   eo as splitByIndices,
-  Gr as stringPropFormater,
-  ut as textSizeResponsiveValueFormatter,
+  Yr as stringPropFormater,
+  it as textSizeResponsiveValueFormatter,
   mo as throttle,
-  It as titleGetCoords,
-  Ct as titleGetCssStyle,
+  Et as titleGetCoords,
+  gt as titleGetCssStyle,
   lo as ui,
   to as unicodeCharAt,
   R as useClipboardComponent,
-  Ke as useContextualStyle,
+  He as useContextualStyle,
   s as useDynamicRef,
   d as useGlobalKeyboardEvent,
   l as useInstance,

package/dist/utils/joaat32.d.ts

@@ -0,0 +1 @@
+export declare function joaat32(key: string): number;

package/dist/utils/joaat32.js

@@ -0,0 +1,11 @@
+const t = new Uint32Array(1);
+function e(a) {
+  const o = a.toLowerCase();
+  t[0] = 0;
+  for (const r in o)
+    Object.prototype.hasOwnProperty.call(o, r) && (t[0] += o.charCodeAt(r), t[0] += t[0] << 10, t[0] ^= t[0] >>> 6);
+  return t[0] += t[0] << 3, t[0] ^= t[0] >>> 11, t[0] += t[0] << 15, t[0];
+}
+export {
+  e as joaat32
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cfx-dev/ui-components",
   "private": false,
-  "version": "4.3.15",
+  "version": "4.3.17",
   "type": "module",
   "license": "MIT",
   "main": "dist/main.js",