@memobit/libs 3.4.1 → 3.4.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/components/Dropdown/Dropdown.css +1 -1
  2. package/dist/components/Dropdown/Dropdown2.js +69 -69
  3. package/dist/helpers/VersionInfo.js +1 -1
  4. package/dist/index.d.ts +1 -1
  5. package/dist/version.js +1 -1
  6. package/dist/version.json +4 -4
  7. package/package.json +1 -1
package/dist/components/Dropdown/Dropdown.css CHANGED
@@ -1 +1 @@
1
- .dropdown-container{width:100%;position:relative}.dropdown-container.disabled{cursor:not-allowed;pointer-events:none;opacity:.6}.dropdown-container .dropdown-label{margin-bottom:var(--spacing-8);color:var(--form-control-label-color,var(--body-color));font-size:var(--form-control-label-font-size,var(--font-size-sm));font-weight:var(--form-control-label-font-weight,var(--font-weight-medium));letter-spacing:var(--form-control-label-letter-spacing,normal);text-transform:var(--form-control-label-text-transform,none);display:block}.dropdown-container .dropdown-input-container{background-color:var(--dropdown-header-background-color);width:100%;color:var(--dropdown-header-color);position:relative;overflow:hidden}.dropdown-container .dropdown-input-container .input-text{background-color:#0000}.dropdown-container .dropdown-input-container--has-prefix-icon input[type=text]{padding-left:var(--spacing-40)}.dropdown-container .dropdown-input-container .dropdown-selected-icon{color:var(--dropdown-header-color);align-items:center;display:flex}.dropdown-container .dropdown-input-container .dropdown-selected-icon--prefix{top:50%;left:var(--spacing-12);z-index:1;pointer-events:none;position:absolute;transform:translateY(-50%)}.dropdown-container .dropdown-input-container .dropdown-selected-icon--suffix{padding:0 var(--spacing-4);pointer-events:none}.dropdown-container .dropdown-input-container input[type=text]{transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.dropdown-container .dropdown-input-container .dropdown-value-chip{top:50%;left:var(--spacing-12);z-index:1;align-items:center;gap:var(--spacing-4);padding:var(--spacing-2) var(--spacing-8);border-radius:var(--radius-full);border:var(--spacing-1) solid var(--chip-selected-border-color,var(--body-accent-color));background:var(--chip-selected-background-color,var(--card-background-accent-color));color:var(--chip-selected-color,var(--body-accent-color));font-size:var(--font-size-xs);cursor:pointer;max-width:calc(100% - 80px);display:inline-flex;position:absolute;transform:translateY(-50%)}.dropdown-container .dropdown-input-container .dropdown-value-chip__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropdown-container .dropdown-input-container .dropdown-value-chip svg{width:var(--spacing-12);height:var(--spacing-12);flex-shrink:0}.dropdown-container .dropdown-input-container--chips{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-80) var(--spacing-4) var(--spacing-8);flex-wrap:nowrap;display:flex;overflow:auto hidden}.dropdown-container .dropdown-input-container--chips::-webkit-scrollbar{height:var(--scrollbar-size)}.dropdown-container .dropdown-input-container--chips .input-text-wrapper{flex:1 1 var(--spacing-80);min-width:var(--spacing-80)}.dropdown-container .dropdown-input-container--chips input[type=text]{padding:var(--spacing-4);border:none}.dropdown-container .dropdown-input-container--chips-multiline{min-height:var(--spacing-40);flex-wrap:wrap;overflow:visible}.dropdown-container .dropdown-input-container--chips-multiline .dropdown-actions-buttons{top:var(--spacing-4);transform:none}.dropdown-container .dropdown-input-container .dropdown-chip{align-items:center;gap:var(--spacing-4);padding:var(--spacing-2) var(--spacing-8);border-radius:var(--radius-full);border:var(--spacing-1) solid var(--chip-selected-border-color,var(--body-accent-color));background:var(--chip-selected-background-color,var(--card-background-accent-color));color:var(--chip-selected-color,var(--body-accent-color));font-size:var(--font-size-xs);flex-shrink:0;max-width:100%;display:inline-flex}.dropdown-container .dropdown-input-container .dropdown-chip__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropdown-container .dropdown-input-container .dropdown-chip__remove{cursor:pointer;color:inherit;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.dropdown-container .dropdown-input-container .dropdown-chip__remove svg{width:var(--spacing-12);height:var(--spacing-12)}.dropdown-container .dropdown-input-container .dropdown-selected-count{font-size:var(--font-size-xs);color:var(--body-color-muted);pointer-events:none;position:absolute;bottom:-20px;left:0}.dropdown-container .dropdown-input-container .dropdown-actions-buttons{z-index:1;justify-content:center;align-items:center;height:calc(100% - 2px);padding:0 6px;display:flex;position:absolute;top:50%;right:1px;transform:translateY(-50%)}.dropdown-container .dropdown-input-container .dropdown-actions-buttons:before{content:"";opacity:.9;z-index:-1;position:absolute;inset:0}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-action-button{justify-content:center;align-items:center;display:flex}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-action-button button{padding:var(--spacing-8) var(--spacing-12);border-radius:0}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-action-button button span{justify-content:center;align-items:center;display:flex}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-action-button button:hover{background-color:var(--dropdown-action-hover-background-color)}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-action-button button svg{fill:var(--dropdown-action-color)}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-action-button button svg:hover{fill:var(--dropdown-action-hover-color)}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-clear-button:focus{box-shadow:0 0 0 var(--spacing-2) var(--form-control-focus-ring);outline:none}@media (width<=768px){.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-clear-button{width:var(--spacing-40);height:var(--spacing-40);right:var(--spacing-40)}}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-toggle-button button{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-toggle-button svg{width:var(--spacing-16);height:var(--spacing-16);transition:transform .2s ease-in-out}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-toggle-button:focus{box-shadow:inset 0 0 0 var(--spacing-2) var(--form-control-focus-ring);outline:none}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-toggle-button.open svg{transform:rotate(180deg)}.dropdown-container.dropdown-highlighted .dropdown-input-container input[type=text]{border-color:var(--form-control-focus-border-color)}.dropdown-container.dropdown-error .dropdown-input-container{background-color:var(--form-control-error-background-color)}.dropdown-container.dropdown-error .dropdown-input-container input[type=text]{background-color:var(--form-control-error-background-color);border-color:var(--form-control-error-border-color);color:var(--form-control-error-color)}.dropdown-container.dropdown-error .dropdown-input-container input[type=text]:focus{background-color:var(--form-control-error-background-color);border-color:var(--form-control-error-border-color);box-shadow:0 0 0 var(--spacing-2) var(--box-shadow)}.dropdown-container .dropdown-error-message{font-size:var(--font-size-xs);color:var(--form-control-error-color)}.dropdown-container.dropdown-success .dropdown-input-container{background-color:var(--form-control-success-background-color)}.dropdown-container.dropdown-success .dropdown-input-container input[type=text]{background-color:var(--form-control-success-background-color);border-color:var(--form-control-success-border-color);color:var(--form-control-success-color)}.dropdown-container.dropdown-success .dropdown-input-container input[type=text]:focus{background-color:var(--form-control-success-background-color);border-color:var(--form-control-success-border-color);box-shadow:0 0 0 var(--spacing-2) var(--box-shadow)}.dropdown-container .dropdown-success-message{font-size:var(--font-size-xs);color:var(--form-control-success-color)}.dropdown-container.multiple .dropdown-input-container,.dropdown-container.multiple input[type=text]{min-height:var(--spacing-40)}.dropdown-container.multiple .dropdown-input-container--chips input[type=text]{min-height:var(--spacing-24)}.dropdown-container.count-display-floating .dropdown-input-container{overflow:visible}.dropdown-menu{z-index:1000;width:100%;margin-top:var(--spacing-4);background-color:var(--dropdown-options-background-color);color:var(--dropdown-options-color);border:var(--spacing-1) solid var(--dropdown-border-color);border-radius:var(--radius-sm);box-shadow:0 var(--spacing-8) var(--spacing-16) -3px var(--box-shadow), 0 var(--spacing-4) var(--spacing-8) -2px var(--box-shadow);max-height:240px;position:absolute;overflow-y:auto}.dropdown-menu--portal{margin-top:var(--spacing-4)}.dropdown-menu--upward{margin-top:0;margin-bottom:var(--spacing-4);top:auto;bottom:100%}.dropdown-menu::-webkit-scrollbar{width:var(--scrollbar-size)}.dropdown-menu::-webkit-scrollbar-track{background:var(--scrollbar-track-color);border-radius:var(--scrollbar-radius)}.dropdown-menu::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color);border-radius:var(--scrollbar-radius)}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-color)}.dropdown-menu .dropdown-options-list{padding:var(--spacing-4) 0;margin:0;list-style:none}.dropdown-menu .dropdown-options-list .dropdown-option{padding:var(--spacing-12) var(--spacing-12);cursor:pointer;border-left:var(--spacing-4) solid transparent;align-items:center;transition:background-color .2s ease-in-out;display:flex}.dropdown-menu .dropdown-options-list .dropdown-option.focused{color:var(--dropdown-options-hover-color);background-color:var(--dropdown-options-hover-background-color);outline:none}.dropdown-menu .dropdown-options-list .dropdown-option.dropdown-option--disabled{opacity:.45;cursor:not-allowed}.dropdown-menu .dropdown-options-list .dropdown-option.dropdown-option--disabled:hover,.dropdown-menu .dropdown-options-list .dropdown-option.dropdown-option--disabled.focused{color:inherit;background-color:#0000}.dropdown-menu .dropdown-options-list .dropdown-option.selected{background-color:var(--dropdown-options-selected-background-color);color:var(--dropdown-options-selected-color)}.dropdown-menu .dropdown-options-list .dropdown-option.selected:hover,.dropdown-menu .dropdown-options-list .dropdown-option.selected.focused{color:var(--dropdown-options-hover-color);background-color:var(--dropdown-options-hover-background-color);opacity:.9}.dropdown-menu .dropdown-options-list .dropdown-option .dropdown-option-checkbox{margin-right:var(--spacing-8);flex-shrink:0}.dropdown-menu .dropdown-options-list .dropdown-option .dropdown-option-checkbox .checkbox{width:var(--spacing-16);height:var(--spacing-16);border:var(--spacing-2) solid var(--form-control-selection-border-color);border-radius:var(--spacing-4);background-color:#0000;justify-content:center;align-items:center;transition:all .2s ease-in-out;display:flex}.dropdown-menu .dropdown-options-list .dropdown-option .dropdown-option-checkbox .checkbox.checked{background-color:var(--form-control-selection-background-color);color:var(--form-control-selection-color)}.dropdown-menu .dropdown-options-list .dropdown-option .dropdown-option-content{flex:1;min-width:0}.dropdown-menu .dropdown-options-list .dropdown-option .dropdown-option-content .dropdown-option-label{align-items:center;gap:var(--spacing-8);min-width:0;display:inline-flex}.dropdown-menu .dropdown-options-list .dropdown-option .dropdown-option-content .dropdown-option-prefix{flex:none;justify-content:center;align-items:center;display:inline-flex}.dropdown-menu .dropdown-options-list .dropdown-option .dropdown-option-content .dropdown-option-details{width:100%;font-size:var(--font-size-xs);margin-top:var(--spacing-2);display:block}@media (width<=768px){.dropdown-menu .dropdown-options-list .dropdown-option{padding:var(--spacing-16) var(--spacing-12)}.dropdown-menu .dropdown-options-list .dropdown-option .dropdown-option-content{font-size:var(--font-size-md)}}.dropdown-menu .dropdown-no-options{padding:var(--spacing-12);text-align:center;font-style:italic}.dropdown-menu .dropdown-options-list .dropdown-option--create{color:var(--body-accent-color);border-top:1px solid var(--delimiter-color);font-weight:var(--font-weight-medium)}@media (width<=768px){.dropdown-menu{max-height:var(--spacing-300)}.dropdown-menu .dropdown-options-list .dropdown-option{min-height:var(--spacing-48)}}
1
+ .dropdown-container{width:100%;position:relative}.dropdown-container.disabled{cursor:not-allowed;pointer-events:none;opacity:.6}.dropdown-container .dropdown-label{margin-bottom:var(--spacing-8);color:var(--form-control-label-color,var(--body-color));font-size:var(--form-control-label-font-size,var(--font-size-sm));font-weight:var(--form-control-label-font-weight,var(--font-weight-medium));letter-spacing:var(--form-control-label-letter-spacing,normal);text-transform:var(--form-control-label-text-transform,none);display:block}.dropdown-container .dropdown-input-container{--dropdown-actions-space:var(--spacing-48);background-color:var(--dropdown-header-background-color);width:100%;color:var(--dropdown-header-color);position:relative;overflow:hidden;container-type:inline-size}.dropdown-container .dropdown-input-container .input-text{background-color:#0000}.dropdown-container .dropdown-input-container--clearable{--dropdown-actions-space:calc(var(--spacing-80) + var(--spacing-12))}.dropdown-container .dropdown-input-container:not(.dropdown-input-container--chips) input[type=text]{padding-right:var(--dropdown-actions-space);text-overflow:ellipsis}.dropdown-container .dropdown-input-container--has-prefix-icon input[type=text]{padding-left:var(--spacing-40)}.dropdown-container .dropdown-input-container .dropdown-selected-icon{color:var(--dropdown-header-color);align-items:center;display:flex}.dropdown-container .dropdown-input-container .dropdown-selected-icon--prefix{top:50%;left:var(--spacing-12);z-index:1;pointer-events:none;position:absolute;transform:translateY(-50%)}.dropdown-container .dropdown-input-container .dropdown-selected-icon--suffix{padding:0 var(--spacing-4);pointer-events:none}.dropdown-container .dropdown-input-container input[type=text]{transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.dropdown-container .dropdown-input-container .dropdown-value-chip{box-sizing:border-box;top:50%;left:var(--spacing-12);z-index:1;align-items:center;gap:var(--spacing-4);padding:var(--spacing-2) var(--spacing-8);border-radius:var(--radius-full);border:var(--spacing-1) solid var(--chip-selected-border-color,var(--body-accent-color));background:var(--chip-selected-background-color,var(--card-background-accent-color));color:var(--chip-selected-color,var(--body-accent-color));font-size:var(--font-size-xs);max-width:calc(100% - var(--spacing-12) - var(--dropdown-actions-space));cursor:pointer;display:inline-flex;position:absolute;transform:translateY(-50%)}.dropdown-container .dropdown-input-container .dropdown-value-chip__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropdown-container .dropdown-input-container .dropdown-value-chip svg{width:var(--spacing-12);height:var(--spacing-12);flex-shrink:0}.dropdown-container .dropdown-input-container--chips{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-80) var(--spacing-4) var(--spacing-8);flex-wrap:nowrap;display:flex;overflow:auto hidden}.dropdown-container .dropdown-input-container--chips::-webkit-scrollbar{height:var(--scrollbar-size)}.dropdown-container .dropdown-input-container--chips .input-text-wrapper{flex:1 1 var(--spacing-80);min-width:var(--spacing-80)}.dropdown-container .dropdown-input-container--chips input[type=text]{padding:var(--spacing-4);border:none}.dropdown-container .dropdown-input-container--chips-multiline{min-height:var(--spacing-40);flex-wrap:wrap;overflow:visible}.dropdown-container .dropdown-input-container--chips-multiline .dropdown-actions-buttons{top:var(--spacing-4);transform:none}.dropdown-container .dropdown-input-container .dropdown-chip{align-items:center;gap:var(--spacing-4);padding:var(--spacing-2) var(--spacing-8);border-radius:var(--radius-full);border:var(--spacing-1) solid var(--chip-selected-border-color,var(--body-accent-color));background:var(--chip-selected-background-color,var(--card-background-accent-color));color:var(--chip-selected-color,var(--body-accent-color));font-size:var(--font-size-xs);flex-shrink:0;max-width:100%;display:inline-flex}.dropdown-container .dropdown-input-container .dropdown-chip__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropdown-container .dropdown-input-container .dropdown-chip__remove{cursor:pointer;color:inherit;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.dropdown-container .dropdown-input-container .dropdown-chip__remove svg{width:var(--spacing-12);height:var(--spacing-12)}.dropdown-container .dropdown-input-container .dropdown-selected-count{font-size:var(--font-size-xs);color:var(--body-color-muted);pointer-events:none;position:absolute;bottom:-20px;left:0}.dropdown-container .dropdown-input-container .dropdown-actions-buttons{z-index:1;justify-content:center;align-items:center;height:calc(100% - 2px);padding:0 6px;display:flex;position:absolute;top:50%;right:1px;transform:translateY(-50%)}.dropdown-container .dropdown-input-container .dropdown-actions-buttons:before{content:"";opacity:.9;z-index:-1;position:absolute;inset:0}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-action-button{justify-content:center;align-items:center;display:flex}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-action-button button{padding:var(--spacing-8);border-radius:0}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-action-button button span{justify-content:center;align-items:center;display:flex}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-action-button button:hover{background-color:var(--dropdown-action-hover-background-color)}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-action-button button svg{fill:var(--dropdown-action-color)}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-action-button button svg:hover{fill:var(--dropdown-action-hover-color)}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-clear-button:focus{box-shadow:0 0 0 var(--spacing-2) var(--form-control-focus-ring);outline:none}@media (width<=768px){.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-clear-button{width:var(--spacing-40);height:var(--spacing-40);right:var(--spacing-40)}}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-toggle-button button{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-toggle-button svg{width:var(--spacing-16);height:var(--spacing-16);transition:transform .2s ease-in-out}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-toggle-button:focus{box-shadow:inset 0 0 0 var(--spacing-2) var(--form-control-focus-ring);outline:none}.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-toggle-button.open svg{transform:rotate(180deg)}.dropdown-container.dropdown-highlighted .dropdown-input-container input[type=text]{border-color:var(--form-control-focus-border-color)}.dropdown-container.dropdown-error .dropdown-input-container{background-color:var(--form-control-error-background-color)}.dropdown-container.dropdown-error .dropdown-input-container input[type=text]{background-color:var(--form-control-error-background-color);border-color:var(--form-control-error-border-color);color:var(--form-control-error-color)}.dropdown-container.dropdown-error .dropdown-input-container input[type=text]:focus{background-color:var(--form-control-error-background-color);border-color:var(--form-control-error-border-color);box-shadow:0 0 0 var(--spacing-2) var(--box-shadow)}.dropdown-container .dropdown-error-message{font-size:var(--font-size-xs);color:var(--form-control-error-color)}.dropdown-container.dropdown-success .dropdown-input-container{background-color:var(--form-control-success-background-color)}.dropdown-container.dropdown-success .dropdown-input-container input[type=text]{background-color:var(--form-control-success-background-color);border-color:var(--form-control-success-border-color);color:var(--form-control-success-color)}.dropdown-container.dropdown-success .dropdown-input-container input[type=text]:focus{background-color:var(--form-control-success-background-color);border-color:var(--form-control-success-border-color);box-shadow:0 0 0 var(--spacing-2) var(--box-shadow)}.dropdown-container .dropdown-success-message{font-size:var(--font-size-xs);color:var(--form-control-success-color)}.dropdown-container.multiple .dropdown-input-container,.dropdown-container.multiple input[type=text]{min-height:var(--spacing-40)}.dropdown-container.multiple .dropdown-input-container--chips input[type=text]{min-height:var(--spacing-24)}.dropdown-container.count-display-floating .dropdown-input-container{overflow:visible}.dropdown-menu{z-index:1000;width:100%;margin-top:var(--spacing-4);background-color:var(--dropdown-options-background-color);color:var(--dropdown-options-color);border:var(--spacing-1) solid var(--dropdown-border-color);border-radius:var(--radius-sm);box-shadow:0 var(--spacing-8) var(--spacing-16) -3px var(--box-shadow), 0 var(--spacing-4) var(--spacing-8) -2px var(--box-shadow);max-height:240px;position:absolute;overflow-y:auto}.dropdown-menu--portal{margin-top:var(--spacing-4)}.dropdown-menu--upward{margin-top:0;margin-bottom:var(--spacing-4);top:auto;bottom:100%}.dropdown-menu::-webkit-scrollbar{width:var(--scrollbar-size)}.dropdown-menu::-webkit-scrollbar-track{background:var(--scrollbar-track-color);border-radius:var(--scrollbar-radius)}.dropdown-menu::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color);border-radius:var(--scrollbar-radius)}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-color)}.dropdown-menu .dropdown-options-list{padding:var(--spacing-4) 0;margin:0;list-style:none}.dropdown-menu .dropdown-options-list .dropdown-option{padding:var(--spacing-12) var(--spacing-12);cursor:pointer;border-left:var(--spacing-4) solid transparent;align-items:center;transition:background-color .2s ease-in-out;display:flex}.dropdown-menu .dropdown-options-list .dropdown-option.focused{color:var(--dropdown-options-hover-color);background-color:var(--dropdown-options-hover-background-color);outline:none}.dropdown-menu .dropdown-options-list .dropdown-option.dropdown-option--disabled{opacity:.45;cursor:not-allowed}.dropdown-menu .dropdown-options-list .dropdown-option.dropdown-option--disabled:hover,.dropdown-menu .dropdown-options-list .dropdown-option.dropdown-option--disabled.focused{color:inherit;background-color:#0000}.dropdown-menu .dropdown-options-list .dropdown-option.selected{background-color:var(--dropdown-options-selected-background-color);color:var(--dropdown-options-selected-color)}.dropdown-menu .dropdown-options-list .dropdown-option.selected:hover,.dropdown-menu .dropdown-options-list .dropdown-option.selected.focused{color:var(--dropdown-options-hover-color);background-color:var(--dropdown-options-hover-background-color);opacity:.9}.dropdown-menu .dropdown-options-list .dropdown-option .dropdown-option-checkbox{margin-right:var(--spacing-8);flex-shrink:0}.dropdown-menu .dropdown-options-list .dropdown-option .dropdown-option-checkbox .checkbox{width:var(--spacing-16);height:var(--spacing-16);border:var(--spacing-2) solid var(--form-control-selection-border-color);border-radius:var(--spacing-4);background-color:#0000;justify-content:center;align-items:center;transition:all .2s ease-in-out;display:flex}.dropdown-menu .dropdown-options-list .dropdown-option .dropdown-option-checkbox .checkbox.checked{background-color:var(--form-control-selection-background-color);color:var(--form-control-selection-color)}.dropdown-menu .dropdown-options-list .dropdown-option .dropdown-option-content{flex:1;min-width:0}.dropdown-menu .dropdown-options-list .dropdown-option .dropdown-option-content .dropdown-option-label{align-items:center;gap:var(--spacing-8);min-width:0;display:inline-flex}.dropdown-menu .dropdown-options-list .dropdown-option .dropdown-option-content .dropdown-option-prefix{flex:none;justify-content:center;align-items:center;display:inline-flex}.dropdown-menu .dropdown-options-list .dropdown-option .dropdown-option-content .dropdown-option-details{width:100%;font-size:var(--font-size-xs);margin-top:var(--spacing-2);display:block}@media (width<=768px){.dropdown-menu .dropdown-options-list .dropdown-option{padding:var(--spacing-16) var(--spacing-12)}.dropdown-menu .dropdown-options-list .dropdown-option .dropdown-option-content{font-size:var(--font-size-md)}}.dropdown-menu .dropdown-no-options{padding:var(--spacing-12);text-align:center;font-style:italic}.dropdown-menu .dropdown-options-list .dropdown-option--create{color:var(--body-accent-color);border-top:1px solid var(--delimiter-color);font-weight:var(--font-weight-medium)}@media (width<=768px){.dropdown-menu{max-height:var(--spacing-300)}.dropdown-menu .dropdown-options-list .dropdown-option{min-height:var(--spacing-48)}}@container (width<=160px){.dropdown-container .dropdown-input-container .dropdown-actions-buttons .dropdown-action-button.dropdown-clear-button{display:none}.dropdown-container .dropdown-input-container .dropdown-value-chip{max-width:calc(100% - var(--spacing-12) - var(--spacing-48))}.dropdown-container .dropdown-input-container:not(.dropdown-input-container--chips) input[type=text]{padding-right:var(--spacing-48)}}
package/dist/components/Dropdown/Dropdown2.js CHANGED
@@ -1,22 +1,22 @@
1
1
  import './Dropdown.css';
2
2
  import { Icon as I } from "../Icon/Icon2.js";
3
- import { Button as de } from "../Button/Button2.js";
4
- import { Tooltip as Te } from "../Tooltip/Tooltip2.js";
5
- import { InputText as Ae } from "../InputText/InputText2.js";
6
- import { foldDiacritics as le } from "../../helpers/Search.js";
3
+ import { Button as le } from "../Button/Button2.js";
4
+ import { Tooltip as Ae } from "../Tooltip/Tooltip2.js";
5
+ import { InputText as Ce } from "../InputText/InputText2.js";
6
+ import { foldDiacritics as ae } from "../../helpers/Search.js";
7
7
  /* empty css */
8
8
  import { useEffect as E, useId as He, useRef as D, useState as k } from "react";
9
9
  import { jsx as c, jsxs as g } from "react/jsx-runtime";
10
10
  import { createPortal as je } from "react-dom";
11
- import { caretDown as Ce, clear as fe } from "@memobit/icons";
12
- var Xe = ({ allowCustomValue: h = !1, autofocus: ae = !1, className: pe = "", disabled: x = !1, error: A, highlighted: ue = !1, id: we, label: J, maxVisibleSelectedLabels: he = 1, multilineChips: me = !1, multiple: o = !1, name: N, onChange: u, onSearchChange: ge, options: m, placeholder: H = "Select an option", searchable: a = !0, searchValue: B, selectedCountDisplay: j = "inline", showChips: C = !1, sortSelectedFirst: Q = !1, success: _, usePortal: $ = !0, value: d, valueAsChip: ve = !0 }) => {
13
- const [p, v] = k(!1), [s, l] = k(B || ""), [f, X] = k(m), [L, S] = k(-1), [i, w] = k([]), [R, be] = k({
11
+ import { caretDown as _e, clear as fe } from "@memobit/icons";
12
+ var Ye = ({ allowCustomValue: h = !1, autofocus: pe = !1, className: ue = "", disabled: x = !1, error: A, highlighted: we = !1, id: he, label: J, maxVisibleSelectedLabels: me = 1, multilineChips: ge = !1, multiple: o = !1, name: N, onChange: u, onSearchChange: ve, options: m, placeholder: C = "Select an option", searchable: f = !0, searchValue: M, selectedCountDisplay: H = "inline", showChips: j = !1, sortSelectedFirst: Q = !1, success: _, usePortal: $ = !0, value: d, valueAsChip: be = !0 }) => {
13
+ const [p, v] = k(!1), [s, l] = k(M || ""), [a, X] = k(m), [L, S] = k(-1), [i, w] = k([]), [R, xe] = k({
14
14
  top: 0,
15
15
  bottom: 0,
16
16
  left: 0,
17
17
  width: 0,
18
18
  maxHeight: 300
19
- }), [z, xe] = k(!1), O = D(null), y = D([]), F = D(null), Ne = D(null), Y = He(), Z = we ?? `dropdown-${Y}`, U = D(null);
19
+ }), [z, Ne] = k(!1), O = D(null), y = D([]), F = D(null), $e = D(null), Y = He(), Z = he ?? `dropdown-${Y}`, U = D(null);
20
20
  E(() => {
21
21
  if (p && Q && o) {
22
22
  const n = new Set(i.map((r) => r.value)), e = [], t = [];
@@ -29,16 +29,16 @@ var Xe = ({ allowCustomValue: h = !1, autofocus: ae = !1, className: pe = "", di
29
29
  m
30
30
  ]), E(() => {
31
31
  const n = U.current ?? m;
32
- if (!a || !s) X(n);
32
+ if (!f || !s) X(n);
33
33
  else {
34
- const e = le(s), t = n.filter((r) => le(r.label).includes(e));
34
+ const e = ae(s), t = n.filter((r) => ae(r.label).includes(e));
35
35
  X(t);
36
36
  }
37
37
  S(-1);
38
38
  }, [
39
39
  s,
40
40
  m,
41
- a,
41
+ f,
42
42
  p
43
43
  ]);
44
44
  const V = D(d);
@@ -87,23 +87,23 @@ var Xe = ({ allowCustomValue: h = !1, autofocus: ae = !1, className: pe = "", di
87
87
  d,
88
88
  m,
89
89
  o,
90
- a,
90
+ f,
91
91
  h
92
92
  ]), E(() => {
93
- a && B !== void 0 && l(B);
94
- }, [B, a]), E(() => {
93
+ f && M !== void 0 && l(M);
94
+ }, [M, f]), E(() => {
95
95
  if (!p || !O.current) return;
96
96
  const n = () => {
97
97
  if (!O.current) return;
98
- const t = O.current.getBoundingClientRect(), r = window.visualViewport, T = r?.offsetTop ?? 0, Re = T + (r?.height ?? window.innerHeight), ie = 300, Me = 8, G = Re - t.bottom, se = t.top - T, ce = G < ie && se > G;
99
- if (xe(ce), $) {
100
- const Be = Math.max(0, (ce ? se : G) - Me);
101
- be({
98
+ const t = O.current.getBoundingClientRect(), r = window.visualViewport, T = r?.offsetTop ?? 0, Be = T + (r?.height ?? window.innerHeight), se = 300, Me = 8, G = Be - t.bottom, ce = t.top - T, de = G < se && ce > G;
99
+ if (Ne(de), $) {
100
+ const Te = Math.max(0, (de ? ce : G) - Me);
101
+ xe({
102
102
  top: t.bottom,
103
103
  bottom: window.innerHeight - t.top,
104
104
  left: t.left,
105
105
  width: t.width,
106
- maxHeight: Math.min(ie, Be)
106
+ maxHeight: Math.min(se, Te)
107
107
  });
108
108
  }
109
109
  };
@@ -128,7 +128,7 @@ var Xe = ({ allowCustomValue: h = !1, autofocus: ae = !1, className: pe = "", di
128
128
  w([t]), l(t.label), v(!1), u && u(t, N);
129
129
  return;
130
130
  }
131
- v(!1), !o && i.length > 0 ? l(i[0].label) : o && a && l("");
131
+ v(!1), !o && i.length > 0 ? l(i[0].label) : o && f && l("");
132
132
  }
133
133
  };
134
134
  return document.addEventListener("mousedown", n), () => {
@@ -142,7 +142,7 @@ var Xe = ({ allowCustomValue: h = !1, autofocus: ae = !1, className: pe = "", di
142
142
  N,
143
143
  u,
144
144
  m,
145
- a,
145
+ f,
146
146
  i,
147
147
  $
148
148
  ]);
@@ -151,7 +151,7 @@ var Xe = ({ allowCustomValue: h = !1, autofocus: ae = !1, className: pe = "", di
151
151
  if (o) {
152
152
  const e = i.some((r) => r.value === n.value);
153
153
  let t;
154
- e ? t = i.filter((r) => r.value !== n.value) : t = [...i, n], w(t), a && l(""), u && u(t, N);
154
+ e ? t = i.filter((r) => r.value !== n.value) : t = [...i, n], w(t), f && l(""), u && u(t, N);
155
155
  } else
156
156
  l(n.label), w([n]), v(!1), u && u(n, N);
157
157
  }, P = () => {
@@ -173,16 +173,16 @@ var Xe = ({ allowCustomValue: h = !1, autofocus: ae = !1, className: pe = "", di
173
173
  w([e]), l(e.label), v(!1), u && u(e, N);
174
174
  }, ee = (n) => {
175
175
  const e = i.filter((t) => t.value !== n.value);
176
- w(e), u && (o ? u(e, N) : (u(null, N), a || l("")));
177
- }, $e = () => {
178
- w([]), (!a || !o) && l(""), v(!1), u && u(o ? [] : null, N);
179
- }, ke = (n) => {
180
- l(n), p || v(!0), ge?.(n);
176
+ w(e), u && (o ? u(e, N) : (u(null, N), f || l("")));
177
+ }, ke = () => {
178
+ w([]), (!f || !o) && l(""), v(!1), u && u(o ? [] : null, N);
179
+ }, Le = (n) => {
180
+ l(n), p || v(!0), ve?.(n);
181
181
  }, ne = () => {
182
- x || (v(!0), !o && a && i.length > 0 && l(""), (o || a) && F.current?.focus());
183
- }, Le = () => {
184
- x || (v(!p), p || (S(-1), !o && a && i.length > 0 && l(""), (o || a) && F.current?.focus()));
185
- }, Se = (n) => {
182
+ x || (v(!0), !o && f && i.length > 0 && l(""), (o || f) && F.current?.focus());
183
+ }, Se = () => {
184
+ x || (v(!p), p || (S(-1), !o && f && i.length > 0 && l(""), (o || f) && F.current?.focus()));
185
+ }, Oe = (n) => {
186
186
  if (!x) {
187
187
  if (!p) {
188
188
  (n.key === "ArrowDown" || n.key === "Enter") && (v(!0), n.preventDefault());
@@ -190,24 +190,24 @@ var Xe = ({ allowCustomValue: h = !1, autofocus: ae = !1, className: pe = "", di
190
190
  }
191
191
  switch (n.key) {
192
192
  case "ArrowDown":
193
- if (n.preventDefault(), h && s && f.length === 0) return;
193
+ if (n.preventDefault(), h && s && a.length === 0) return;
194
194
  S((e) => {
195
- const t = e < (h && s && !f.some((r) => r.label.toLowerCase() === s.toLowerCase()) ? f.length : f.length - 1) ? e + 1 : 0;
196
- return t < f.length && y.current[t] && y.current[t]?.scrollIntoView({ block: "nearest" }), t;
195
+ const t = e < (h && s && !a.some((r) => r.label.toLowerCase() === s.toLowerCase()) ? a.length : a.length - 1) ? e + 1 : 0;
196
+ return t < a.length && y.current[t] && y.current[t]?.scrollIntoView({ block: "nearest" }), t;
197
197
  });
198
198
  break;
199
199
  case "ArrowUp":
200
- if (n.preventDefault(), h && s && f.length === 0) return;
200
+ if (n.preventDefault(), h && s && a.length === 0) return;
201
201
  S((e) => {
202
- const t = h && s && !f.some((T) => T.label.toLowerCase() === s.toLowerCase()) ? f.length : f.length - 1, r = e > 0 ? e - 1 : t;
203
- return r < f.length && y.current[r] && y.current[r]?.scrollIntoView({ block: "nearest" }), r;
202
+ const t = h && s && !a.some((T) => T.label.toLowerCase() === s.toLowerCase()) ? a.length : a.length - 1, r = e > 0 ? e - 1 : t;
203
+ return r < a.length && y.current[r] && y.current[r]?.scrollIntoView({ block: "nearest" }), r;
204
204
  });
205
205
  break;
206
206
  case "Enter":
207
- n.preventDefault(), L >= 0 && L < f.length ? K(f[L]) : (h && s && L === f.length || h && s && f.length === 0) && P();
207
+ n.preventDefault(), L >= 0 && L < a.length ? K(a[L]) : (h && s && L === a.length || h && s && a.length === 0) && P();
208
208
  break;
209
209
  case "Escape":
210
- n.preventDefault(), v(!1), !o && i.length > 0 ? l(i[0].label) : o && a && l("");
210
+ n.preventDefault(), v(!1), !o && i.length > 0 ? l(i[0].label) : o && f && l("");
211
211
  break;
212
212
  case "Backspace":
213
213
  o && s === "" && i.length > 0 && (n.preventDefault(), ee(i[i.length - 1]));
@@ -216,19 +216,19 @@ var Xe = ({ allowCustomValue: h = !1, autofocus: ae = !1, className: pe = "", di
216
216
  break;
217
217
  }
218
218
  }
219
- }, q = (n) => i.some((e) => e.value === n.value), Oe = () => {
219
+ }, q = (n) => i.some((e) => e.value === n.value), ye = () => {
220
220
  if (i.length === 0) return "";
221
- const n = Math.max(1, he);
221
+ const n = Math.max(1, me);
222
222
  if (i.length <= n) return i.map((r) => r.label).join(", ");
223
223
  const e = i.slice(0, n).map((r) => r.label).join(", "), t = i.length - n;
224
224
  return `${e} (+${t} ${t === 1 ? "other" : "others"})`;
225
- }, ye = () => o && C || a && p ? s : i.length > 0 ? o ? Oe() : i[0].label : "", Ie = () => o && C ? i.length > 0 ? "" : H : p && a ? H : i.length > 0 ? "" : H, Ee = () => !o || i.length === 0 || j === "none" ? null : j === "floating" ? /* @__PURE__ */ g("div", {
225
+ }, Ie = () => o && j || f && p ? s : i.length > 0 ? o ? ye() : i[0].label : "", Ee = () => o && j ? i.length > 0 ? "" : C : p && f ? C : i.length > 0 ? "" : C, De = () => !o || i.length === 0 || H === "none" ? null : H === "floating" ? /* @__PURE__ */ g("div", {
226
226
  className: "dropdown-selected-count",
227
227
  children: [i.length, " selected"]
228
- }) : null, te = () => !!(h && s && s.trim() && !f.some((n) => n.label.toLowerCase() === s.toLowerCase() || n.value.toString() === s)), De = () => {
228
+ }) : null, te = () => !!(h && s && s.trim() && !a.some((n) => n.label.toLowerCase() === s.toLowerCase() || n.value.toString() === s)), Re = () => {
229
229
  if (!p || x) return null;
230
230
  const n = /* @__PURE__ */ c("div", {
231
- ref: Ne,
231
+ ref: $e,
232
232
  className: `dropdown-menu ${$ ? "dropdown-menu--portal" : ""} ${z ? "dropdown-menu--upward" : ""}`,
233
233
  style: $ ? {
234
234
  position: "fixed",
@@ -239,9 +239,9 @@ var Xe = ({ allowCustomValue: h = !1, autofocus: ae = !1, className: pe = "", di
239
239
  maxHeight: `${R.maxHeight}px`,
240
240
  zIndex: 9999
241
241
  } : void 0,
242
- children: f.length > 0 || te() ? /* @__PURE__ */ g("ul", {
242
+ children: a.length > 0 || te() ? /* @__PURE__ */ g("ul", {
243
243
  className: "dropdown-options-list",
244
- children: [f.map((e, t) => /* @__PURE__ */ g("li", {
244
+ children: [a.map((e, t) => /* @__PURE__ */ g("li", {
245
245
  ref: (r) => {
246
246
  y.current[t] = r;
247
247
  },
@@ -287,11 +287,11 @@ var Xe = ({ allowCustomValue: h = !1, autofocus: ae = !1, className: pe = "", di
287
287
  })]
288
288
  }, `dd-option-${Y}-${t}`)), te() && /* @__PURE__ */ c("li", {
289
289
  ref: (e) => {
290
- y.current[f.length] = e;
290
+ y.current[a.length] = e;
291
291
  },
292
- className: `dropdown-option dropdown-option--create ${L === f.length ? "focused" : ""}`,
292
+ className: `dropdown-option dropdown-option--create ${L === a.length ? "focused" : ""}`,
293
293
  onClick: P,
294
- onMouseEnter: () => S(f.length),
294
+ onMouseEnter: () => S(a.length),
295
295
  children: /* @__PURE__ */ c("div", {
296
296
  className: "dropdown-option-content",
297
297
  children: /* @__PURE__ */ g("span", {
@@ -310,9 +310,9 @@ var Xe = ({ allowCustomValue: h = !1, autofocus: ae = !1, className: pe = "", di
310
310
  })
311
311
  });
312
312
  return $ ? je(n, document.body) : n;
313
- }, b = !o && i.length === 1 ? i[0] : null, M = ve && !p && !o && i.length > 0, re = !!(b?.icon && !s && !M), oe = !!(b?.suffixIcon && !M), W = o && C;
313
+ }, b = !o && i.length === 1 ? i[0] : null, B = be && !p && !o && i.length > 0, re = !!(b?.icon && !s && !B), oe = !!(b?.suffixIcon && !B), W = o && j, ie = i.length > 0;
314
314
  return /* @__PURE__ */ g("div", {
315
- className: `dropdown-container ${A ? "dropdown-error" : ""} ${_ ? "dropdown-success" : ""} ${ue ? "dropdown-highlighted" : ""} ${o ? "multiple" : ""} ${x ? "disabled" : ""} ${o ? `count-display-${j}` : ""} ${pe}`,
315
+ className: `dropdown-container ${A ? "dropdown-error" : ""} ${_ ? "dropdown-success" : ""} ${we ? "dropdown-highlighted" : ""} ${o ? "multiple" : ""} ${x ? "disabled" : ""} ${o ? `count-display-${H}` : ""} ${ue}`,
316
316
  ref: O,
317
317
  children: [
318
318
  J && /* @__PURE__ */ c("label", {
@@ -321,13 +321,13 @@ var Xe = ({ allowCustomValue: h = !1, autofocus: ae = !1, className: pe = "", di
321
321
  children: J
322
322
  }),
323
323
  /* @__PURE__ */ g("div", {
324
- className: `dropdown-input-container ${re ? "dropdown-input-container--has-prefix-icon" : ""} ${oe ? "dropdown-input-container--has-suffix-icon" : ""} ${W ? "dropdown-input-container--chips" : ""} ${W && me ? "dropdown-input-container--chips-multiline" : ""}`,
324
+ className: `dropdown-input-container ${re ? "dropdown-input-container--has-prefix-icon" : ""} ${oe ? "dropdown-input-container--has-suffix-icon" : ""} ${W ? "dropdown-input-container--chips" : ""} ${W && ge ? "dropdown-input-container--chips-multiline" : ""} ${ie ? "dropdown-input-container--clearable" : ""}`,
325
325
  children: [
326
326
  re && b?.icon && /* @__PURE__ */ c("span", {
327
327
  className: "dropdown-selected-icon dropdown-selected-icon--prefix",
328
328
  children: /* @__PURE__ */ c(I, { name: b.icon })
329
329
  }),
330
- M && b && /* @__PURE__ */ g("span", {
330
+ B && b && /* @__PURE__ */ g("span", {
331
331
  className: "dropdown-value-chip",
332
332
  onClick: ne,
333
333
  children: [b.icon && /* @__PURE__ */ c(I, { name: b.icon }), /* @__PURE__ */ c("span", {
@@ -340,7 +340,7 @@ var Xe = ({ allowCustomValue: h = !1, autofocus: ae = !1, className: pe = "", di
340
340
  children: [/* @__PURE__ */ c("span", {
341
341
  className: "dropdown-chip__label",
342
342
  children: n.label
343
- }), /* @__PURE__ */ c(Te, {
343
+ }), /* @__PURE__ */ c(Ae, {
344
344
  title: "Remove",
345
345
  children: /* @__PURE__ */ c("button", {
346
346
  type: "button",
@@ -353,17 +353,17 @@ var Xe = ({ allowCustomValue: h = !1, autofocus: ae = !1, className: pe = "", di
353
353
  })
354
354
  })]
355
355
  }, `dd-chip-${n.value}`)),
356
- /* @__PURE__ */ c(Ae, {
356
+ /* @__PURE__ */ c(Ce, {
357
357
  ref: F,
358
358
  id: Z,
359
- placeholder: M ? "" : Ie(),
360
- value: M ? "" : ye(),
361
- onChange: a || o ? ke : () => {
359
+ placeholder: B ? "" : Ee(),
360
+ value: B ? "" : Ie(),
361
+ onChange: f || o ? Le : () => {
362
362
  },
363
363
  onClick: ne,
364
- onKeyDown: Se,
364
+ onKeyDown: Oe,
365
365
  autoComplete: "off",
366
- autoFocus: ae,
366
+ autoFocus: pe,
367
367
  disabled: x
368
368
  }),
369
369
  /* @__PURE__ */ g("div", {
@@ -373,30 +373,30 @@ var Xe = ({ allowCustomValue: h = !1, autofocus: ae = !1, className: pe = "", di
373
373
  className: "dropdown-selected-icon dropdown-selected-icon--suffix",
374
374
  children: /* @__PURE__ */ c(I, { name: b.suffixIcon })
375
375
  }),
376
- (!o && i.length > 0 || o && i.length > 0) && /* @__PURE__ */ c("span", {
376
+ ie && /* @__PURE__ */ c("span", {
377
377
  className: "dropdown-action-button dropdown-clear-button",
378
- children: /* @__PURE__ */ c(de, {
378
+ children: /* @__PURE__ */ c(le, {
379
379
  variant: "plain",
380
- onClick: $e,
380
+ onClick: ke,
381
381
  disabled: x,
382
382
  children: fe
383
383
  })
384
384
  }),
385
385
  /* @__PURE__ */ c("span", {
386
386
  className: `dropdown-action-button dropdown-toggle-button ${p ? "open" : ""}`,
387
- children: /* @__PURE__ */ c(de, {
387
+ children: /* @__PURE__ */ c(le, {
388
388
  variant: "plain",
389
- onClick: Le,
389
+ onClick: Se,
390
390
  disabled: x,
391
- children: Ce
391
+ children: _e
392
392
  })
393
393
  })
394
394
  ]
395
395
  }),
396
- Ee()
396
+ De()
397
397
  ]
398
398
  }),
399
- De(),
399
+ Re(),
400
400
  A && /* @__PURE__ */ c("span", {
401
401
  className: "dropdown-error-message",
402
402
  children: A
@@ -409,5 +409,5 @@ var Xe = ({ allowCustomValue: h = !1, autofocus: ae = !1, className: pe = "", di
409
409
  });
410
410
  };
411
411
  export {
412
- Xe as Dropdown
412
+ Ye as Dropdown
413
413
  };
package/dist/helpers/VersionInfo.js CHANGED
@@ -23,7 +23,7 @@ var r = (i) => {
23
23
  const o = {
24
24
  ...i,
25
25
  lib: d,
26
- libBuildNumber: 470,
26
+ libBuildNumber: 472,
27
27
  libCommit: n,
28
28
  libBuildDate: t
29
29
  };
package/dist/index.d.ts CHANGED
@@ -3031,7 +3031,7 @@ export declare interface SwipeHandlers {
3031
3031
  onTouchCancel: () => void;
3032
3032
  }
3033
3033
 
3034
- export declare type Theme = 'amber-meridian' | 'archive-indigo' | 'arctic-blue' | 'asphalt-code' | 'atelier-media' | 'audit-ember' | 'azure-night' | 'blossom-meadow' | 'blueprint-clay' | 'blush-market' | 'brass-chronicle' | 'carbon-velocity' | 'chalk-circuit' | 'chrono-atlas' | 'clinical-aqua' | 'cobalt-pulse' | 'citrus-vital' | 'command-slate' | 'crawler-dusk' | 'crimson-dusk' | 'cyber-forest' | 'dashdarkx' | 'ember-night' | 'emerald-ledger' | 'frost-petal' | 'garden-harvest' | 'gilded-bear' | 'graphite-shell' | 'horizon-amber' | 'horizon-drift' | 'ivory-serif' | 'lavender-mist' | 'light-blue' | 'lumen' | 'luna' | 'mesh-circuit' | 'midnight-atlas' | 'midnight-amber' | 'midnight-folio' | 'mint-meadow' | 'mintone' | 'neon-tokyo' | 'noir-marquee' | 'ocean-breeze' | 'ocean-depths' | 'orbital-night' | 'sandstone' | 'sandy-parchment' | 'screening-room' | 'signal-burst' | 'signal-clarity' | 'slate-focus' | 'slate-bazaar' | 'spectrum-vault' | 'tailwind-vue-dark' | 'terminal-phosphor' | 'terracotta-kitchen' | 'twilight-pulse' | 'vault-guard' | 'velvet-reel' | 'velvet-tome' | 'verdant-pulse' | 'vital-aurora' | 'vital-signal';
3034
+ export declare type Theme = 'amber-meridian' | 'archive-indigo' | 'arctic-blue' | 'asphalt-code' | 'atelier-media' | 'audit-ember' | 'azure-night' | 'blossom-meadow' | 'blueprint-clay' | 'blush-market' | 'brass-chronicle' | 'carbon-velocity' | 'chalk-circuit' | 'chrono-atlas' | 'clinical-aqua' | 'cobalt-pulse' | 'citrus-vital' | 'command-slate' | 'crawler-dusk' | 'crimson-dusk' | 'cyber-forest' | 'dashdarkx' | 'ember-night' | 'emerald-ledger' | 'frost-petal' | 'garden-harvest' | 'gilded-bear' | 'graphite-shell' | 'horizon-amber' | 'horizon-drift' | 'ivory-serif' | 'kindred-ink' | 'lavender-mist' | 'light-blue' | 'lumen' | 'luna' | 'mesh-circuit' | 'midnight-atlas' | 'midnight-amber' | 'midnight-folio' | 'mint-meadow' | 'mintone' | 'neon-tokyo' | 'noir-marquee' | 'ocean-breeze' | 'ocean-depths' | 'orbital-night' | 'sandstone' | 'sandy-parchment' | 'screening-room' | 'signal-burst' | 'signal-clarity' | 'slate-focus' | 'slate-bazaar' | 'spectrum-vault' | 'tailwind-vue-dark' | 'terminal-phosphor' | 'terracotta-kitchen' | 'twilight-pulse' | 'vault-guard' | 'velvet-reel' | 'velvet-tome' | 'verdant-pulse' | 'vital-aurora' | 'vital-signal';
3035
3035
 
3036
3036
  export { THEME_CONFIGS }
3037
3037
 
package/dist/version.js CHANGED
@@ -1,4 +1,4 @@
1
- var I = "3.4.1", B = 470, L = "7df1852", _ = "2026-10-02T17:37:08.883Z", r = "470";
1
+ var I = "3.4.3", B = 472, L = "54f2e30", _ = "2026-10-04T12:25:40.645Z", r = "472";
2
2
  export {
3
3
  _ as LIB_BUILD_DATE,
4
4
  r as LIB_BUILD_ID,
package/dist/version.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
- "version": "3.4.1",
3
- "buildNumber": 470,
4
- "commit": "7df1852",
5
- "buildDate": "2026-10-02T17:37:08.883Z"
2
+ "version": "3.4.3",
3
+ "buildNumber": 472,
4
+ "commit": "54f2e30",
5
+ "buildDate": "2026-10-04T12:25:40.645Z"
6
6
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@memobit/libs",
3
- "version": "3.4.1",
3
+ "version": "3.4.3",
4
4
  "description": "React component library powering the Memobit apps — 100+ components, helpers and hooks. Icons ship as @memobit/icons and themes as @memobit/themes. TypeScript-first, ESM-only, React 19.",
5
5
  "keywords": [
6
6
  "react",