@cfx-dev/ui-components 3.0.4 → 3.0.5

package/dist/assets/all_css.css

@@ -12,6 +12,7 @@
 @import "./css/CountryFlag.css";
 @import "./css/Decorate.css";
 @import "./css/Dot.css";
+@import "./css/DropdownSelect.css";
 @import "./css/Flex.css";
 @import "./css/FlexRestricter.css";
 @import "./css/FlexShowcase.css";
@@ -44,6 +45,7 @@
 @import "./css/Separator.css";
 @import "./css/Shroud.css";
 @import "./css/Skeleton.css";
+@import "./css/Slider.css";
 @import "./css/Spacer.css";
 @import "./css/Switch.css";
 @import "./css/Table.css";

package/dist/assets/css/DropdownSelect.css

@@ -0,0 +1 @@
+.cfxui__DropdownSelect__content__05ed8 .cfxui__DropdownSelect__item__0e45f,.cfxui__DropdownSelect__trigger__c03df{font-size:var(--font-size-xsmall)}.cfxui__DropdownSelect__content__05ed8 .cfxui__DropdownSelect__item__0e45f.cfxui__DropdownSelect__small__e614b,.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__small__e614b{font-size:var(--font-size-xxsmall)}.cfxui__DropdownSelect__content__05ed8 .cfxui__DropdownSelect__item__0e45f.cfxui__DropdownSelect__large__dd0b2,.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__large__dd0b2{font-size:var(--font-size-small)}.cfxui__DropdownSelect__trigger__c03df{height:var(--control-height-normal)}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__small__e614b{height:var(--control-height-small)}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__large__dd0b2{height:var(--control-height-large)}.cfxui__DropdownSelect__trigger__c03df{color:var(--color-input-text);font-weight:var(--font-weight-normal);font-family:var(--font-family-primary)}.cfxui__DropdownSelect__trigger__c03df{width:100%;height:var(--control-height-normal);padding:0 var(--offset-medium);border:none;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{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{color:transparent}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible::-webkit-input-placeholder{color:transparent}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible::-moz-placeholder{color:transparent}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible:-ms-input-placeholder{color:transparent}.cfxui__DropdownSelect__trigger__c03df{transition:all .25s ease,outline-offset 0s,outline 0s}.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}[type=search].cfxui__DropdownSelect__trigger__c03df::-ms-clear,[type=search].cfxui__DropdownSelect__trigger__c03df::-ms-reveal{display:none;width:0;height:0}[type=search].cfxui__DropdownSelect__trigger__c03df::-webkit-search-decoration,[type=search].cfxui__DropdownSelect__trigger__c03df::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}[type=search].cfxui__DropdownSelect__trigger__c03df{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{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{color:transparent}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible::-webkit-input-placeholder{color:transparent}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible::-moz-placeholder{color:transparent}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible:-ms-input-placeholder{color:transparent}.cfxui__DropdownSelect__trigger__c03df{width:auto}.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__icon__d05b8{transition:transform .25s ease}.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{height:var(--control-height-small);display:flex;align-items:center;padding:0 var(--offset-medium);cursor:pointer}.cfxui__DropdownSelect__content__05ed8 .cfxui__DropdownSelect__item__0e45f.cfxui__DropdownSelect__large__dd0b2{height:var(--control-height-normal)}.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__fullWidth__dce56{width:100%}

package/dist/assets/css/Input.css

@@ -1 +1 @@
-.cfxui__Input__root__6392b .cfxui__Input__input__07830{font-size:var(--font-size-xsmall)}.cfxui__Input__root__6392b.cfxui__Input__small__c1513 .cfxui__Input__input__07830{font-size:var(--font-size-xxsmall)}.cfxui__Input__root__6392b.cfxui__Input__large__92d72 .cfxui__Input__input__07830{font-size:var(--font-size-small)}.cfxui__Input__root__6392b .cfxui__Input__input__07830{height:var(--control-height-normal)}.cfxui__Input__root__6392b.cfxui__Input__small__c1513 .cfxui__Input__input__07830{height:var(--control-height-small)}.cfxui__Input__root__6392b.cfxui__Input__large__92d72 .cfxui__Input__input__07830{height:var(--control-height-large)}.cfxui__Input__root__6392b .cfxui__Input__input__07830{color:var(--color-input-text);font-weight:var(--font-weight-normal);font-family:var(--font-family-primary)}.cfxui__Input__root__6392b .cfxui__Input__input__07830{width:100%;height:var(--control-height-normal);padding:0 var(--offset-medium);border:none;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__Input__root__6392b .cfxui__Input__input__07830::placeholder{color:var(--color-input-placeholder)}.cfxui__Input__root__6392b .cfxui__Input__input__07830::-webkit-input-placeholder{color:var(--color-input-placeholder)}.cfxui__Input__root__6392b .cfxui__Input__input__07830::-moz-placeholder{color:var(--color-input-placeholder)}.cfxui__Input__root__6392b .cfxui__Input__input__07830:-ms-input-placeholder{color:var(--color-input-placeholder)}.cfxui__Input__root__6392b .cfxui__Input__input__07830:disabled{cursor:not-allowed;opacity:.5;box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-disabled-border) inset}.cfxui__Input__root__6392b .cfxui__Input__input__07830:not(:disabled):hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-hover-border) inset}.cfxui__Input__root__6392b .cfxui__Input__input__07830:not(:disabled):hover::placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Input__root__6392b .cfxui__Input__input__07830:not(:disabled):hover::-webkit-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Input__root__6392b .cfxui__Input__input__07830:not(:disabled):hover::-moz-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Input__root__6392b .cfxui__Input__input__07830:not(:disabled):hover:-ms-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Input__root__6392b .cfxui__Input__input__07830:not(:disabled):hover+.cfxui__Input__placeholderIcon__4d079{color:var(--color-input-placeholder-hover)}.cfxui__Input__root__6392b .cfxui__Input__input__07830:not(:disabled):focus-visible{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-focus-border) inset}.cfxui__Input__root__6392b .cfxui__Input__input__07830:not(:disabled):focus-visible::placeholder{color:transparent}.cfxui__Input__root__6392b .cfxui__Input__input__07830:not(:disabled):focus-visible::-webkit-input-placeholder{color:transparent}.cfxui__Input__root__6392b .cfxui__Input__input__07830:not(:disabled):focus-visible::-moz-placeholder{color:transparent}.cfxui__Input__root__6392b .cfxui__Input__input__07830:not(:disabled):focus-visible:-ms-input-placeholder{color:transparent}.cfxui__Input__root__6392b .cfxui__Input__input__07830{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Input__root__6392b .cfxui__Input__input__07830::placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Input__root__6392b .cfxui__Input__input__07830::-webkit-input-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Input__root__6392b .cfxui__Input__input__07830::-moz-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Input__root__6392b .cfxui__Input__input__07830:-ms-input-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Input__root__6392b [type=search].cfxui__Input__input__07830::-ms-clear,.cfxui__Input__root__6392b [type=search].cfxui__Input__input__07830::-ms-reveal{display:none;width:0;height:0}.cfxui__Input__root__6392b [type=search].cfxui__Input__input__07830::-webkit-search-decoration,.cfxui__Input__root__6392b [type=search].cfxui__Input__input__07830::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.cfxui__Input__root__6392b [type=search].cfxui__Input__input__07830{padding-right:calc(var(--offset-medium) + var(--offset-large));-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}.cfxui__Input__root__6392b .cfxui__Input__placeholderIcon__4d079{position:absolute;left:var(--offset-medium);top:50%;transform:translateY(-50%);color:var(--color-input-placeholder);width:var(--font-size-xsmall, initial);height:var(--font-size-xsmall, initial)}.cfxui__Input__root__6392b .cfxui__Input__placeholderIcon__4d079{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Input__root__6392b .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xsmall, initial);height:var(--font-size-xsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__small__c1513 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__small__c1513 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__large__92d72 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__large__92d72 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b{position:relative;display:inline-flex}.cfxui__Input__root__6392b.cfxui__Input__full-width__587b3{width:100%}.cfxui__Input__root__6392b .cfxui__Input__input__07830{flex-grow:1}.cfxui__Input__root__6392b:not(.cfxui__Input__empty__3b36a) .cfxui__Input__placeholderIcon__4d079,.cfxui__Input__root__6392b .cfxui__Input__input__07830:focus+.cfxui__Input__placeholderIcon__4d079,.cfxui__Input__root__6392b .cfxui__Input__input__07830:focus-visible+.cfxui__Input__placeholderIcon__4d079{display:none}.cfxui__Input__root__6392b .cfxui__Input__decorator__3b81f{position:absolute;display:flex;align-items:center;gap:var(--offset-normal);bottom:var(--input-border-size, initial);right:var(--offset-small);height:calc(var(--control-height-normal) - var(--input-border-size, initial) * 2)}.cfxui__Input__root__6392b.cfxui__Input__small__c1513 .cfxui__Input__decorator__3b81f{height:var(--control-height-small);right:var(--offset-small)}.cfxui__Input__root__6392b.cfxui__Input__large__92d72 .cfxui__Input__decorator__3b81f{height:var(--control-height-large);right:var(--offset-normal)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830{background-color:var(--color-input-background);box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-border) inset}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830::placeholder{color:var(--color-input-placeholder)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830::-webkit-input-placeholder{color:var(--color-input-placeholder)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830::-moz-placeholder{color:var(--color-input-placeholder)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:-ms-input-placeholder{color:var(--color-input-placeholder)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:disabled{cursor:not-allowed;opacity:.5;box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-disabled-border) inset}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-hover-border) inset}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):hover::placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):hover::-webkit-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):hover::-moz-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):hover:-ms-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):hover+.cfxui__Input__placeholderIcon__4d079{color:var(--color-input-placeholder-hover)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible,.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible:hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-focus-border) inset}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible::placeholder,.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible:hover::placeholder{color:transparent}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible::-webkit-input-placeholder,.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible:hover::-webkit-input-placeholder{color:transparent}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible::-moz-placeholder,.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible:hover::-moz-placeholder{color:transparent}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible:-ms-input-placeholder,.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible:hover:-ms-input-placeholder{color:transparent}.cfxui__Input__root__6392b.cfxui__Input__backdrop-blur__6922f .cfxui__Input__input__07830{--backdrop-color: var(--color-input-background);--_backdrop-color: var(--backdrop-color, transparent);--_backdrop-image-blur: var(--backdrop-image-blur, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAACQRJREFUWEddl8uLJFkVh7/7ikdmVlZ1jz2igqILcePOreBWFyKIio4vfCwUkfEB7nTv/Afizp0b97oTHJARZFBR8TGjU9NdXVNdVZmRERlx4z7k3KjpGaS4VJIZEfe75/zO75xQLz68yQBaZbQCRUbljIqQI5CQL9FaoZ3CWoU2Cq2U3EbOuSylMkZnKqOoy9JUWqPLNRBSxMdlzTERUiLKfb97/SbLswoAy1KCJACyuSwBNLIUxi7rLQDZQC7K2DcBrKaxGlcAVAEMd5v7EPApElMmFYBzicCysVFpgSjPU2XznOSkGaUXiAJgFEq+ED45Xkoo0gJgFY0zNM7ijCkAKSVm2TjMCMAsAGVXUC++dpMl7JqEIaKzfAYlG2dNFhC5VCKk8xL+twGUFKSIIuJ0praatrbUVYUzFqUUSU4/z3g/FYg5JQQZpVC/f+02C70mYnLEyOesUILxFKCcdQHQGWV0eXC+Cy8plvsLgBMAVwCsdciTQgx475mmiTl4QspkiaDSqD8+vM1FdAUgoLPA3AFgCsQSrFR0ogqEiKLEqeR3AUg4k2mcpq4WAGPtIsAQ8dO0RGAOJW0FQGvUXy528oSSQ10ABEYeLREwslPJtRJ9yJIIyAVSMnKl7JBziZw1UDtFJfl3Dq3N2wB8iYJoIckt8hCJwF8vJQWifIGQXN5VwV0KJAJlq6KBtwCWKpSrRR5SwlIF4KzCWY0VAWpdKkkiMM+Shpk5iABTSZ/cr/786LrIDLVE4SmAfCvhX359CvBmCu6+XbKzqAGjKRBWAMQ3lABkYkzMc1wqIARijEv1iLZfevXy7pOE9v8AklTBnZOU/L8pxMJe/mSDooNiRqlAOKOw4gElTFIFbyvDeSZIGmJYDOzXf3qtAMjDnwLclaF4gISw0KpU1lIJy+ZyghRzqfOUQnEucUMBkBK02pTrUhaAmWke74Q4EcNcylP94rd/WzQgp1NxEVs5tYRP6MVnpG4j4s8lBYsKC1wMmRDkVJ6c5js3NNSuorKupCFlCf/E6HvGqWeaBsLsiTGgfvqrl4oPKBXQssSMSloNOWoxOWJK5BzIhEUrxQMMMYKfI9Pkmf2RnCacyrTO0dYNtasx2hBzYPI9w7gr6zh1JRKiDfXDn//mrgw9Ons0oeizACRLKmkQgBmQlYouYzZMAY5TpB+P+KlHhSOtSZzUNZtmTV21KK1LdIZxz354wq5/g8O0Y4yeIIb3jRd+uQCkEZVHkI2KqNzd0sXrdZ7RzCVS4tI+a4ZZ0U0z++HINHZUaeDMJs7ahk17QuXaYuXjNLLrrrnaPeLycM7lfMVOTMiuUV/+8c+ykr6bRnIaIPk7VQtAhU52MRkCVnu0DmSdF4AA+1EABsLU0aaeszpzb9Wybk9wtiEE6A89T64vubj8F+fXL/MQqE40Z5sPor7ygxdyafxy+nQsAKWkkkMVAIMh43TAWY+xEWUzQWmOIXMYAwcBGA80DJy1irNNy6bd4ExFmBPdbs/V40dcnP+Bx48Gjg2079yyPns/6mvf/klemr9HMT21Yzm5ShadpKcnjIm4KmDrhK4USSt8yPTjzOFwZD4eqJg4Wxvub9ecbFZUtiLOgW7XcfX4IRf/fZmrRwfmSgDey+rsXaivff1HRQNSAUYFLBGrwMrGSZfyl3rTNqLrhG0UptZko5gFYPAc9gNT31Mxc3ZS8cy9DWfbNU1VlVo/dB1PLi95fP4KVxf/wGeo73+A9vQB6itf+n4u45SSbhapZahQ4NCY4j+ZLJOJTagaTKNQlSnNxM+Jvp847HrGbqAicu+04cEzJ9w73dC2damgoe+5vrri8uKcJ4//zThdYVbvoVnfR33pC98rAFYnagGQlqoVlVLYxe8ozmQzVKIeTbK6TDSj5P8wcrgd8P1AozP3ti0PntlydrZh1dSlT4zHgduba67eeMj11X/o+1fIymKrd6Ce+8LzBcBp2TzSlChApWSmMxjxdCcGDzhFNIgdMcrph5muGxm6gTx5Vhbub1vun56wPVnT1FUR9DQdOXQ33Nw+5vbmnK77O96n0pbV57/4fC7DhJ6pZalAVdIgM50rfd3UFlNpsoWgMmOIHMaZ3cHTHSb80WNzYFtpztY12/WKVd3irJVGgvcjx+OeQ3/Fvrtg3/2Xw3DDcQT1mee+m2XQqJSnVmP572TCVQ5nGqqqwTUVtjal/GYig/fshpmbztMNnjRHWpM5bTTb1rGuapx2aDlakFYs01DPcbylP16z6y+5PbzG7pBRn/zsd7L4f60nGiVCmjAy4eQKa1a4akXVVLhGUiHdYL4D8NwcAt0gJpbZOArAptY0MoyIlQcIPhEmj5+PTP7A4MWSb7g+3PBG9wT1sY9/K1slJxhp9UDNiEkymteovMLYtkTAtQpTRZKeGeNcDGg/iA4WH2stbGtY15QXExls06wIY2I6zvhxZBx7+qljP3RcH/Zc3PaoD3/km7kykY0b2diBVo1ScShfk+YWco2uDGaVsasAdSCqWBrRMCqOR9kkY3Ni5SKbJtFUMg9IM9Plt/EQGG5HDo879rsde3bc0PGEEfXs9qt51UTub0ZO24G1nXBRwbEiPGkIOyc+iXpnxD7rcacB3SiSsszecuw1020iHWZq41mfJjZbTdNWGOOIXjHuZ/bnPTdXtzzhilteZ0KaG6j76rm8EgNh5PSkZ7UaqQTgqiLQ4DHMiBl57Gqifl/AnRi0awhzxdQZhtcj837CMrG5l9i+x7E6FQHXZaYoAK923Ny+wTX/ZJCTS1ULwIfU57J0OmkkKzpqemyZ5BoSrfRAmQBAxHnviHs2YNcWdEP0TQEYzyNhFgDP+l2webZmfbLCuQaiwvcTw+Md3fkjev7NtLxuLhH4qPp0VswYDhiusVzfDSVbYFtA9JnC3POYzRFVjeWdIMaG+Vgz9ZYwiKPMuJNIu9Ws1i11tcLqCiWVcJzw3Q3T7X+Yri/xM8QGcgvqE+pTWSYdxR64AP65jOGcYVbvxj44wZ1a3CpgqiNZDWWg9EfL2Df40Za3HBFpvYGmlbeiFqcbdHIyuZD9kThdE/w/CHHAy7sCy/ofpzqrybn1TzgAAAAASUVORK5CYII=));background-color:var(--_backdrop-color, initial);background-image:linear-gradient(var(--_backdrop-color, initial),var(--_backdrop-color, initial)),linear-gradient(var(--color-backdrop-shader),var(--color-backdrop-shader)),var(--_backdrop-image-blur, initial),var(--_backdrop-image-blur, initial);background-blend-mode:normal,normal,overlay;background-size:cover,cover,cover,cover;background-attachment:scroll,scroll,fixed,fixed}
+.cfxui__Input__root__6392b .cfxui__Input__input__07830{font-size:var(--font-size-xsmall)}.cfxui__Input__root__6392b.cfxui__Input__small__c1513 .cfxui__Input__input__07830{font-size:var(--font-size-xxsmall)}.cfxui__Input__root__6392b.cfxui__Input__large__92d72 .cfxui__Input__input__07830{font-size:var(--font-size-small)}.cfxui__Input__root__6392b .cfxui__Input__input__07830{height:var(--control-height-normal)}.cfxui__Input__root__6392b.cfxui__Input__small__c1513 .cfxui__Input__input__07830{height:var(--control-height-small)}.cfxui__Input__root__6392b.cfxui__Input__large__92d72 .cfxui__Input__input__07830{height:var(--control-height-large)}.cfxui__Input__root__6392b .cfxui__Input__input__07830{color:var(--color-input-text);font-weight:var(--font-weight-normal);font-family:var(--font-family-primary)}.cfxui__Input__root__6392b .cfxui__Input__input__07830{width:100%;height:var(--control-height-normal);padding:0 var(--offset-medium);border:none;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__Input__root__6392b .cfxui__Input__input__07830::placeholder{color:var(--color-input-placeholder)}.cfxui__Input__root__6392b .cfxui__Input__input__07830::-webkit-input-placeholder{color:var(--color-input-placeholder)}.cfxui__Input__root__6392b .cfxui__Input__input__07830::-moz-placeholder{color:var(--color-input-placeholder)}.cfxui__Input__root__6392b .cfxui__Input__input__07830:-ms-input-placeholder{color:var(--color-input-placeholder)}.cfxui__Input__root__6392b .cfxui__Input__input__07830:disabled{cursor:not-allowed;opacity:.5;box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-disabled-border) inset}.cfxui__Input__root__6392b .cfxui__Input__input__07830:not(:disabled):hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-hover-border) inset}.cfxui__Input__root__6392b .cfxui__Input__input__07830:not(:disabled):hover::placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Input__root__6392b .cfxui__Input__input__07830:not(:disabled):hover::-webkit-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Input__root__6392b .cfxui__Input__input__07830:not(:disabled):hover::-moz-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Input__root__6392b .cfxui__Input__input__07830:not(:disabled):hover:-ms-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Input__root__6392b .cfxui__Input__input__07830:not(:disabled):hover+.cfxui__Input__placeholderIcon__4d079{color:var(--color-input-placeholder-hover)}.cfxui__Input__root__6392b .cfxui__Input__input__07830:not(:disabled):focus-visible{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-focus-border) inset}.cfxui__Input__root__6392b .cfxui__Input__input__07830:not(:disabled):focus-visible::placeholder{color:transparent}.cfxui__Input__root__6392b .cfxui__Input__input__07830:not(:disabled):focus-visible::-webkit-input-placeholder{color:transparent}.cfxui__Input__root__6392b .cfxui__Input__input__07830:not(:disabled):focus-visible::-moz-placeholder{color:transparent}.cfxui__Input__root__6392b .cfxui__Input__input__07830:not(:disabled):focus-visible:-ms-input-placeholder{color:transparent}.cfxui__Input__root__6392b .cfxui__Input__input__07830{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Input__root__6392b .cfxui__Input__input__07830::placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Input__root__6392b .cfxui__Input__input__07830::-webkit-input-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Input__root__6392b .cfxui__Input__input__07830::-moz-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Input__root__6392b .cfxui__Input__input__07830:-ms-input-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Input__root__6392b [type=search].cfxui__Input__input__07830::-ms-clear,.cfxui__Input__root__6392b [type=search].cfxui__Input__input__07830::-ms-reveal{display:none;width:0;height:0}.cfxui__Input__root__6392b [type=search].cfxui__Input__input__07830::-webkit-search-decoration,.cfxui__Input__root__6392b [type=search].cfxui__Input__input__07830::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.cfxui__Input__root__6392b [type=search].cfxui__Input__input__07830{padding-right:calc(var(--offset-medium) + var(--offset-large));-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}.cfxui__Input__root__6392b .cfxui__Input__placeholderIcon__4d079{position:absolute;left:var(--offset-medium);top:50%;transform:translateY(-50%);color:var(--color-input-placeholder);width:var(--font-size-xsmall, initial);height:var(--font-size-xsmall, initial)}.cfxui__Input__root__6392b .cfxui__Input__placeholderIcon__4d079{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Input__root__6392b .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xsmall, initial);height:var(--font-size-xsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__small__c1513 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__small__c1513 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__large__92d72 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__large__92d72 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830{background-color:var(--color-input-background);box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-border) inset}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830::placeholder{color:var(--color-input-placeholder)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830::-webkit-input-placeholder{color:var(--color-input-placeholder)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830::-moz-placeholder{color:var(--color-input-placeholder)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:-ms-input-placeholder{color:var(--color-input-placeholder)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:disabled{cursor:not-allowed;opacity:.5;box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-disabled-border) inset}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-hover-border) inset}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):hover::placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):hover::-webkit-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):hover::-moz-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):hover:-ms-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):hover+.cfxui__Input__placeholderIcon__4d079{color:var(--color-input-placeholder-hover)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-focus-border) inset}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible::placeholder{color:transparent}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible::-webkit-input-placeholder{color:transparent}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible::-moz-placeholder{color:transparent}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible:-ms-input-placeholder{color:transparent}.cfxui__Input__root__6392b{position:relative;display:inline-flex}.cfxui__Input__root__6392b.cfxui__Input__full-width__587b3{width:100%}.cfxui__Input__root__6392b .cfxui__Input__input__07830{flex-grow:1}.cfxui__Input__root__6392b:not(.cfxui__Input__empty__3b36a) .cfxui__Input__placeholderIcon__4d079,.cfxui__Input__root__6392b .cfxui__Input__input__07830:focus+.cfxui__Input__placeholderIcon__4d079,.cfxui__Input__root__6392b .cfxui__Input__input__07830:focus-visible+.cfxui__Input__placeholderIcon__4d079{display:none}.cfxui__Input__root__6392b .cfxui__Input__decorator__3b81f{position:absolute;display:flex;align-items:center;gap:var(--offset-normal);bottom:var(--input-border-size, initial);right:var(--offset-small);height:calc(var(--control-height-normal) - var(--input-border-size, initial) * 2)}.cfxui__Input__root__6392b.cfxui__Input__small__c1513 .cfxui__Input__decorator__3b81f{height:var(--control-height-small);right:var(--offset-small)}.cfxui__Input__root__6392b.cfxui__Input__large__92d72 .cfxui__Input__decorator__3b81f{height:var(--control-height-large);right:var(--offset-normal)}.cfxui__Input__root__6392b.cfxui__Input__backdrop-blur__6922f .cfxui__Input__input__07830{--backdrop-color: var(--color-input-background);--_backdrop-color: var(--backdrop-color, transparent);--_backdrop-image-blur: var(--backdrop-image-blur, url(data:image/png;base64,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));background-color:var(--_backdrop-color, initial);background-image:linear-gradient(var(--_backdrop-color, initial),var(--_backdrop-color, initial)),linear-gradient(var(--color-backdrop-shader),var(--color-backdrop-shader)),var(--_backdrop-image-blur, initial),var(--_backdrop-image-blur, initial);background-blend-mode:normal,normal,overlay;background-size:cover,cover,cover,cover;background-attachment:scroll,scroll,fixed,fixed}

package/dist/assets/css/Slider.css

@@ -0,0 +1 @@
+.cfxui__Slider__sliderContainer__fac82{display:flex;flex-direction:column;align-items:center;width:100%}.cfxui__Slider__sliderLabels__f63f4{display:flex;justify-content:space-between;width:100%;margin-top:calc(var(--quant) * 1.25)}.cfxui__Slider__sliderRoot__032df{position:relative;display:flex;align-items:center;width:100%;height:calc(var(--quant) * 2.5)}.cfxui__Slider__sliderTrack__b32a8{background-color:rgba(var(--color-bg),1);position:relative;flex-grow:1;height:var(--quant);border-radius:calc(var(--quant) * .25)}.cfxui__Slider__sliderRange__a13a7{position:absolute;background-color:rgba(var(--color-secondary),1);height:100%;border-radius:var(--quant) 0 0 var(--quant)}.cfxui__Slider__sliderThumb__e8450{display:block;width:calc(var(--quant) * 2.5);height:calc(var(--quant) * 2.5);background-color:rgba(var(--color-primary),1);border-radius:var(--border-radius-pill);box-shadow:0 0 calc(var(--quant) * .25) #0003;cursor:pointer}.cfxui__Slider__sliderValueBubble__086d6{position:absolute;top:calc(var(--quant) * -4.5);left:50%;transform:translate(-50%);background-color:rgba(var(--color-secondary),1);color:rgba(var(--color-bg),1);padding:calc(var(--quant) * .625) calc(var(--quant) * 1.25);border-radius:var(--border-radius-xsmall);white-space:nowrap;font-size:var(--font-size-xxsmall)}.cfxui__Slider__sliderValueBubble__086d6:after{content:"";position:absolute;bottom:calc(var(--quant) * -1.25);left:50%;transform:translate(-50%);border-width:calc(var(--quant) * .625);border-style:solid;border-color:rgba(var(--color-secondary),1) transparent transparent transparent}

package/dist/components/Checkbox/Checkbox.js

@@ -1,8 +1,9 @@
-import { jsxs as z, jsx as l } from "react/jsx-runtime";
+import { jsx as _, jsxs as D } from "react/jsx-runtime";
 import * as c from "react";
-import L from "react";
-import { u as S, f as y, c as j, a as W, P as O, b as A, d as B, e as H } from "../../index-CjWRnNpt.js";
-import { r as K } from "../../index-2hJuj4UN.js";
+import $ from "react";
+import { c as y, u as z, a as L, b as j } from "../../index-BCnz73Lm.js";
+import { r as B } from "../../index-2hJuj4UN.js";
+import { P as E } from "../../index-BlbvKsmN.js";
 import "../Icons/cfx-icons/Close.js";
 import "../Icons/cfx-icons/Controller.js";
 import "../Icons/cfx-icons/Copy.js";
@@ -32,7 +33,7 @@ import "../Icons/cfx-icons/Sort.js";
 import "../Icons/cfx-icons/Square.js";
 import "../Icons/cfx-icons/SquareCheck.js";
 import "../Icons/cfx-icons/Stop.js";
-import $ from "../Icons/cfx-icons/Tick.js";
+import W from "../Icons/cfx-icons/Tick.js";
 import "../Icons/cfx-icons/Transfer.js";
 import "../Icons/cfx-icons/Trash.js";
 import "../Icons/cfx-icons/Undo.js";
@@ -53,18 +54,89 @@ import "../Icons/cfx-icons-big/Subscriptions.js";
 import "../Icons/cfx-icons-big/Upload.js";
 import "../Icons/cfx-icons-big/Warning.js";
 import "../Icons/cfx-icons-big/Confirm.js";
-import { clsx as R } from "../../utils/clsx.js";
-import { getColor as q } from "../../utils/color.js";
-function X(e, t) {
+import { clsx as g } from "../../utils/clsx.js";
+import { getColor as K } from "../../utils/color.js";
+function q(e, t) {
+  typeof e == "function" ? e(t) : e != null && (e.current = t);
+}
+function X(...e) {
+  return (t) => e.forEach((o) => q(o, t));
+}
+function F(...e) {
+  return c.useCallback(X(...e), e);
+}
+function G(e, t = []) {
+  let o = [];
+  function n(u, p) {
+    const m = c.createContext(p), s = o.length;
+    o = [...o, p];
+    function i(a) {
+      const { scope: f, children: h, ...C } = a, N = (f == null ? void 0 : f[e][s]) || m, x = c.useMemo(() => C, Object.values(C));
+      return /* @__PURE__ */ _(N.Provider, { value: x, children: h });
+    }
+    function d(a, f) {
+      const h = (f == null ? void 0 : f[e][s]) || m, C = c.useContext(h);
+      if (C) return C;
+      if (p !== void 0) return p;
+      throw new Error(`\`${a}\` must be used within \`${u}\``);
+    }
+    return i.displayName = u + "Provider", [i, d];
+  }
+  const r = () => {
+    const u = o.map((p) => c.createContext(p));
+    return function(m) {
+      const s = (m == null ? void 0 : m[e]) || u;
+      return c.useMemo(
+        () => ({ [`__scope${e}`]: { ...m, [e]: s } }),
+        [m, s]
+      );
+    };
+  };
+  return r.scopeName = e, [n, J(r, ...t)];
+}
+function J(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const o = () => {
+    const n = e.map((r) => ({
+      useScope: r(),
+      scopeName: r.scopeName
+    }));
+    return function(u) {
+      const p = n.reduce((m, { useScope: s, scopeName: i }) => {
+        const a = s(u)[`__scope${i}`];
+        return { ...m, ...a };
+      }, {});
+      return c.useMemo(() => ({ [`__scope${t.scopeName}`]: p }), [p]);
+    };
+  };
+  return o.scopeName = t.scopeName, o;
+}
+function A(e, t, { checkForDefaultPrevented: o = !0 } = {}) {
+  return function(r) {
+    if (e == null || e(r), o === !1 || !r.defaultPrevented)
+      return t == null ? void 0 : t(r);
+  };
+}
+function Q(e, t) {
+  typeof e == "function" ? e(t) : e != null && (e.current = t);
+}
+function V(...e) {
+  return (t) => e.forEach((o) => Q(o, t));
+}
+function Y(...e) {
+  return c.useCallback(V(...e), e);
+}
+function Z(e, t) {
   return c.useReducer((o, n) => t[o][n] ?? o, e);
 }
-var I = (e) => {
-  const { present: t, children: o } = e, n = F(t), s = typeof o == "function" ? o({ present: n.isPresent }) : c.Children.only(o), a = S(n.ref, G(s));
-  return typeof o == "function" || n.isPresent ? c.cloneElement(s, { ref: a }) : null;
+var O = (e) => {
+  const { present: t, children: o } = e, n = H(t), r = typeof o == "function" ? o({ present: n.isPresent }) : c.Children.only(o), u = Y(n.ref, ee(r));
+  return typeof o == "function" || n.isPresent ? c.cloneElement(r, { ref: u }) : null;
 };
-I.displayName = "Presence";
-function F(e) {
-  const [t, o] = c.useState(), n = c.useRef({}), s = c.useRef(e), a = c.useRef("none"), f = e ? "mounted" : "unmounted", [u, m] = X(f, {
+O.displayName = "Presence";
+function H(e) {
+  const [t, o] = c.useState(), n = c.useRef({}), r = c.useRef(e), u = c.useRef("none"), p = e ? "mounted" : "unmounted", [m, s] = Z(p, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -78,140 +150,140 @@ function F(e) {
     }
   });
   return c.useEffect(() => {
-    const r = x(n.current);
-    a.current = u === "mounted" ? r : "none";
-  }, [u]), y(() => {
-    const r = n.current, d = s.current;
+    const i = v(n.current);
+    u.current = m === "mounted" ? i : "none";
+  }, [m]), y(() => {
+    const i = n.current, d = r.current;
     if (d !== e) {
-      const C = a.current, _ = x(r);
-      e ? m("MOUNT") : _ === "none" || (r == null ? void 0 : r.display) === "none" ? m("UNMOUNT") : m(d && C !== _ ? "ANIMATION_OUT" : "UNMOUNT"), s.current = e;
+      const f = u.current, h = v(i);
+      e ? s("MOUNT") : h === "none" || (i == null ? void 0 : i.display) === "none" ? s("UNMOUNT") : s(d && f !== h ? "ANIMATION_OUT" : "UNMOUNT"), r.current = e;
     }
-  }, [e, m]), y(() => {
+  }, [e, s]), y(() => {
     if (t) {
-      const r = (i) => {
-        const _ = x(n.current).includes(i.animationName);
-        i.target === t && _ && K.flushSync(() => m("ANIMATION_END"));
-      }, d = (i) => {
-        i.target === t && (a.current = x(n.current));
+      const i = (a) => {
+        const h = v(n.current).includes(a.animationName);
+        a.target === t && h && B.flushSync(() => s("ANIMATION_END"));
+      }, d = (a) => {
+        a.target === t && (u.current = v(n.current));
       };
-      return t.addEventListener("animationstart", d), t.addEventListener("animationcancel", r), t.addEventListener("animationend", r), () => {
-        t.removeEventListener("animationstart", d), t.removeEventListener("animationcancel", r), t.removeEventListener("animationend", r);
+      return t.addEventListener("animationstart", d), t.addEventListener("animationcancel", i), t.addEventListener("animationend", i), () => {
+        t.removeEventListener("animationstart", d), t.removeEventListener("animationcancel", i), t.removeEventListener("animationend", i);
       };
     } else
-      m("ANIMATION_END");
-  }, [t, m]), {
-    isPresent: ["mounted", "unmountSuspended"].includes(u),
-    ref: c.useCallback((r) => {
-      r && (n.current = getComputedStyle(r)), o(r);
+      s("ANIMATION_END");
+  }, [t, s]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(m),
+    ref: c.useCallback((i) => {
+      i && (n.current = getComputedStyle(i)), o(i);
     }, [])
   };
 }
-function x(e) {
+function v(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-function G(e) {
-  var n, s;
+function ee(e) {
+  var n, r;
   let t = (n = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : n.get, o = t && "isReactWarning" in t && t.isReactWarning;
-  return o ? e.ref : (t = (s = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : s.get, o = t && "isReactWarning" in t && t.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
+  return o ? e.ref : (t = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, o = t && "isReactWarning" in t && t.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
 }
-var E = "Checkbox", [J, ct] = j(E), [Q, V] = J(E), M = c.forwardRef(
+var S = "Checkbox", [te, lt] = G(S), [oe, ne] = te(S), M = c.forwardRef(
   (e, t) => {
     const {
       __scopeCheckbox: o,
       name: n,
-      checked: s,
-      defaultChecked: a,
-      required: f,
-      disabled: u,
-      value: m = "on",
-      onCheckedChange: r,
+      checked: r,
+      defaultChecked: u,
+      required: p,
+      disabled: m,
+      value: s = "on",
+      onCheckedChange: i,
       ...d
-    } = e, [i, C] = c.useState(null), _ = S(t, (p) => C(p)), k = c.useRef(!1), P = i ? !!i.closest("form") : !0, [b = !1, g] = W({
-      prop: s,
-      defaultProp: a,
-      onChange: r
-    }), D = c.useRef(b);
+    } = e, [a, f] = c.useState(null), h = F(t, (l) => f(l)), C = c.useRef(!1), N = a ? !!a.closest("form") : !0, [x = !1, R] = z({
+      prop: r,
+      defaultProp: u,
+      onChange: i
+    }), w = c.useRef(x);
     return c.useEffect(() => {
-      const p = i == null ? void 0 : i.form;
-      if (p) {
-        const N = () => g(D.current);
-        return p.addEventListener("reset", N), () => p.removeEventListener("reset", N);
+      const l = a == null ? void 0 : a.form;
+      if (l) {
+        const k = () => R(w.current);
+        return l.addEventListener("reset", k), () => l.removeEventListener("reset", k);
       }
-    }, [i, g]), /* @__PURE__ */ z(Q, { scope: o, state: b, disabled: u, children: [
-      /* @__PURE__ */ l(
-        O.button,
+    }, [a, R]), /* @__PURE__ */ D(oe, { scope: o, state: x, disabled: m, children: [
+      /* @__PURE__ */ _(
+        E.button,
         {
           type: "button",
           role: "checkbox",
-          "aria-checked": h(b) ? "mixed" : b,
-          "aria-required": f,
-          "data-state": w(b),
-          "data-disabled": u ? "" : void 0,
-          disabled: u,
-          value: m,
+          "aria-checked": b(x) ? "mixed" : x,
+          "aria-required": p,
+          "data-state": U(x),
+          "data-disabled": m ? "" : void 0,
+          disabled: m,
+          value: s,
           ...d,
-          ref: _,
-          onKeyDown: A(e.onKeyDown, (p) => {
-            p.key === "Enter" && p.preventDefault();
+          ref: h,
+          onKeyDown: A(e.onKeyDown, (l) => {
+            l.key === "Enter" && l.preventDefault();
           }),
-          onClick: A(e.onClick, (p) => {
-            g((N) => h(N) ? !0 : !N), P && (k.current = p.isPropagationStopped(), k.current || p.stopPropagation());
+          onClick: A(e.onClick, (l) => {
+            R((k) => b(k) ? !0 : !k), N && (C.current = l.isPropagationStopped(), C.current || l.stopPropagation());
           })
         }
       ),
-      P && /* @__PURE__ */ l(
-        Y,
+      N && /* @__PURE__ */ _(
+        re,
         {
-          control: i,
-          bubbles: !k.current,
+          control: a,
+          bubbles: !C.current,
           name: n,
-          value: m,
-          checked: b,
-          required: f,
-          disabled: u,
+          value: s,
+          checked: x,
+          required: p,
+          disabled: m,
           style: { transform: "translateX(-100%)" }
         }
       )
     ] });
   }
 );
-M.displayName = E;
-var T = "CheckboxIndicator", U = c.forwardRef(
+M.displayName = S;
+var I = "CheckboxIndicator", T = c.forwardRef(
   (e, t) => {
-    const { __scopeCheckbox: o, forceMount: n, ...s } = e, a = V(T, o);
-    return /* @__PURE__ */ l(I, { present: n || h(a.state) || a.state === !0, children: /* @__PURE__ */ l(
-      O.span,
+    const { __scopeCheckbox: o, forceMount: n, ...r } = e, u = ne(I, o);
+    return /* @__PURE__ */ _(O, { present: n || b(u.state) || u.state === !0, children: /* @__PURE__ */ _(
+      E.span,
       {
-        "data-state": w(a.state),
-        "data-disabled": a.disabled ? "" : void 0,
-        ...s,
+        "data-state": U(u.state),
+        "data-disabled": u.disabled ? "" : void 0,
+        ...r,
         ref: t,
         style: { pointerEvents: "none", ...e.style }
       }
     ) });
   }
 );
-U.displayName = T;
-var Y = (e) => {
-  const { control: t, checked: o, bubbles: n = !0, ...s } = e, a = c.useRef(null), f = B(o), u = H(t);
+T.displayName = I;
+var re = (e) => {
+  const { control: t, checked: o, bubbles: n = !0, ...r } = e, u = c.useRef(null), p = L(o), m = j(t);
   return c.useEffect(() => {
-    const m = a.current, r = window.HTMLInputElement.prototype, i = Object.getOwnPropertyDescriptor(r, "checked").set;
-    if (f !== o && i) {
-      const C = new Event("click", { bubbles: n });
-      m.indeterminate = h(o), i.call(m, h(o) ? !1 : o), m.dispatchEvent(C);
+    const s = u.current, i = window.HTMLInputElement.prototype, a = Object.getOwnPropertyDescriptor(i, "checked").set;
+    if (p !== o && a) {
+      const f = new Event("click", { bubbles: n });
+      s.indeterminate = b(o), a.call(s, b(o) ? !1 : o), s.dispatchEvent(f);
     }
-  }, [f, o, n]), /* @__PURE__ */ l(
+  }, [p, o, n]), /* @__PURE__ */ _(
     "input",
     {
       type: "checkbox",
       "aria-hidden": !0,
-      defaultChecked: h(o) ? !1 : o,
-      ...s,
+      defaultChecked: b(o) ? !1 : o,
+      ...r,
       tabIndex: -1,
-      ref: a,
+      ref: u,
       style: {
         ...e.style,
-        ...u,
+        ...m,
         position: "absolute",
         pointerEvents: "none",
         opacity: 0,
@@ -220,41 +292,41 @@ var Y = (e) => {
     }
   );
 };
-function h(e) {
+function b(e) {
   return e === "indeterminate";
 }
-function w(e) {
-  return h(e) ? "indeterminate" : e ? "checked" : "unchecked";
+function U(e) {
+  return b(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
-var Z = M, ee = U;
-const te = "cfxui__Checkbox__rootUnset__cbb57", oe = "cfxui__Checkbox__root__865aa", ne = "cfxui__Checkbox__indicator__2afc0", v = {
-  rootUnset: te,
-  root: oe,
-  indicator: ne,
+var ie = M, ce = T;
+const se = "cfxui__Checkbox__rootUnset__cbb57", ae = "cfxui__Checkbox__root__865aa", ue = "cfxui__Checkbox__indicator__2afc0", P = {
+  rootUnset: se,
+  root: ae,
+  indicator: ue,
   "size-small": "cfxui__Checkbox__size-small__02440",
   "size-normal": "cfxui__Checkbox__size-normal__700f4",
   "size-large": "cfxui__Checkbox__size-large__28529"
 };
-function re(e) {
+function me(e) {
   const {
     id: t,
     size: o = "normal",
     rootClassName: n,
-    indicatorClassName: s,
-    colorToken: a,
-    color: f,
-    opacity: u,
-    luminance: m,
-    ...r
-  } = e, d = R(
-    v.root,
-    v.rootUnset,
-    v[`size-${o}`],
+    indicatorClassName: r,
+    colorToken: u,
+    color: p,
+    opacity: m,
+    luminance: s,
+    ...i
+  } = e, d = g(
+    P.root,
+    P.rootUnset,
+    P[`size-${o}`],
     n
-  ), i = q(e);
-  return /* @__PURE__ */ l(Z, { ...r, id: t, style: { color: i }, className: d, children: /* @__PURE__ */ l(ee, { className: R(v.indicator, s), children: /* @__PURE__ */ l($, {}) }) });
+  ), a = K(e);
+  return /* @__PURE__ */ _(ie, { ...i, id: t, style: { color: a }, className: d, children: /* @__PURE__ */ _(ce, { className: g(P.indicator, r), children: /* @__PURE__ */ _(W, {}) }) });
 }
-const at = L.memo(re);
+const ht = $.memo(me);
 export {
-  at as default
+  ht as default
 };

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

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { InputSize } from '../Input';
+import { SelectOption } from '../Select';
+
+export interface DropdownSelectProps<T = string> {
+    options: SelectOption<T>[];
+    value?: T;
+    onChange: (value: T) => void;
+    placeholder?: React.ReactNode;
+    size?: InputSize;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    onlight?: boolean;
+}
+export declare const DropdownSelect: React.FC<DropdownSelectProps>;
+export default DropdownSelect;