mimir-ui-kit 1.46.0 → 1.47.0

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 (24) hide show
  1. package/dist/assets/CheckboxMimir.css +1 -1
  2. package/dist/assets/SelectSearch.css +1 -1
  3. package/dist/assets/useNestedSelection.css +1 -1
  4. package/dist/components/CheckboxMimir/CheckboxMimir.d.ts +2 -0
  5. package/dist/components/CheckboxMimir/CheckboxMimir.js +42 -41
  6. package/dist/components/MultiSelectSearch/MultiSelectSearch.d.ts +3 -0
  7. package/dist/components/MultiSelectSearch/MultiSelectSearch.js +260 -245
  8. package/dist/components/MultiSelectSearch/hooks/useChips.js +79 -57
  9. package/dist/components/MultiSelectSearch/hooks/useNestedSelection.d.ts +5 -2
  10. package/dist/components/MultiSelectSearch/hooks/useNestedSelection.js +3 -2
  11. package/dist/components/MultiSelectSearch/hooks/useRenderVirtualizedList.d.ts +5 -2
  12. package/dist/components/MultiSelectSearch/hooks/useRenderVirtualizedList.js +151 -136
  13. package/dist/components/MultiSelectSearch/hooks/useSearch.d.ts +4 -1
  14. package/dist/components/MultiSelectSearch/hooks/useSearch.js +54 -30
  15. package/dist/components/MultiSelectSearch/hooks/useVirtualization.d.ts +0 -1
  16. package/dist/components/MultiSelectSearch/hooks/useVirtualization.js +25 -46
  17. package/dist/components/MultiSelectSearch/types.d.ts +15 -0
  18. package/dist/components/SelectSearch/SelectSearch.d.ts +1 -0
  19. package/dist/components/SelectSearch/SelectSearch.js +304 -324
  20. package/dist/components/SelectSearch/types.d.ts +5 -0
  21. package/dist/components/SelectSearch/utils.js +18 -17
  22. package/dist/useNestedSelection-bo9wXvE-.js +181 -0
  23. package/package.json +1 -1
  24. package/dist/useNestedSelection-DnuUbEqM.js +0 -119
@@ -1 +1 @@
1
- ._container_13bjb_2{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--mimir-space-xs);-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._checkbox_13bjb_8{position:relative;display:inline-block;-ms-flex-negative:0;flex-shrink:0;width:24px;height:24px;padding:var(--mimir-space-2xs);vertical-align:middle;background-color:var(--sapphire-20);border-radius:var(--mimir-control-radius-xs);cursor:pointer}._checkbox_13bjb_8 svg{display:none}._checkbox_13bjb_8 svg path{fill:var(--white)}._label_13bjb_27{padding-top:var(--mimir-space-2xs)}._enabled_13bjb_31{background-color:var(--sapphire-100)}._enabled_13bjb_31 svg{display:block}
1
+ ._container_1pp41_2{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--mimir-space-xs);-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._checkbox_1pp41_8{position:relative;display:inline-block;-ms-flex-negative:0;flex-shrink:0;width:24px;height:24px;padding:var(--mimir-space-2xs);vertical-align:middle;background-color:var(--sapphire-20);border-radius:var(--mimir-control-radius-xs);cursor:pointer}._checkbox_1pp41_8 svg{display:none}._checkbox_1pp41_8 svg path{fill:var(--white);stroke:#fff}._label_1pp41_28{padding-top:var(--mimir-space-2xs)}._enabled_1pp41_32{background-color:var(--sapphire-100)}._enabled_1pp41_32 svg{display:block}
@@ -1 +1 @@
1
- ._container_rnc9v_2{position:relative;z-index:10;display:block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--mimir-select-search-height);background-color:var(--black-5);border-radius:var(--mimir-select-search-radius)}._container-open_rnc9v_11{border-bottom:1px solid var(--citrine-100)}._options_rnc9v_15{position:absolute;z-index:5;width:100%;min-height:100%;max-height:var(--mimir-select-search-options-height);overflow-y:auto;font-size:var(--mimir-size-text-l);background:var(--white);-webkit-box-shadow:var(--mimir-box-shadow-select-search);box-shadow:var(--mimir-box-shadow-select-search)}._options_rnc9v_15._top_rnc9v_26{bottom:90%;margin-bottom:1px;padding-bottom:5px;border-radius:var(--mimir-select-search-radius) var(--mimir-select-search-radius) 0 0}._options_rnc9v_15._bottom_rnc9v_32{top:90%;margin-top:1px;padding-top:5px;border-radius:0 0 var(--mimir-select-search-radius) var(--mimir-select-search-radius)}._options_rnc9v_15._no-options_rnc9v_38{height:100%;padding:var(--mimir-select-search-option-space);color:var(--black-80)}._options_rnc9v_15::-webkit-scrollbar{width:3px}._options_rnc9v_15::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:var(--mimir-control-radius-xs2)}._options_rnc9v_15::-webkit-scrollbar-track{background-color:var(--white)}@media (max-width: 600px){._options_rnc9v_15{max-height:var(--mimir-select-search-options-height-mobile)}}._select-search_rnc9v_59{position:relative;isolation:isolate}._select-search_rnc9v_59._disabled_rnc9v_63{cursor:not-allowed}._select-search_rnc9v_59:has([data-headlessui-state=open]){z-index:100}._select-search_rnc9v_59._border-radius-left_rnc9v_69 ._container_rnc9v_2,._select-search_rnc9v_59._border-radius-left_rnc9v_69 ._options_rnc9v_15._bottom_rnc9v_32,._select-search_rnc9v_59._border-radius-left_rnc9v_69 ._options_rnc9v_15._top_rnc9v_26{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._select-search_rnc9v_59._border-radius-right_rnc9v_81 ._container_rnc9v_2,._select-search_rnc9v_59._border-radius-right_rnc9v_81 ._options_rnc9v_15._bottom_rnc9v_32,._select-search_rnc9v_59._border-radius-right_rnc9v_81 ._options_rnc9v_15._top_rnc9v_26{border-top-left-radius:0!important;border-bottom-left-radius:0!important}._select-search_rnc9v_59._border-radius-none_rnc9v_93 ._container_rnc9v_2,._select-search_rnc9v_59._border-radius-none_rnc9v_93 ._options_rnc9v_15{border-radius:0!important}._full_rnc9v_100{width:100%}._selected-icon_rnc9v_104 path{fill:var(--sapphire-100)}._selector-icon-open_rnc9v_108{-webkit-transform:rotate(180deg);transform:rotate(180deg)}._button_rnc9v_112{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;cursor:pointer}._button_rnc9v_112._disabled_rnc9v_63{cursor:not-allowed}._button_rnc9v_112._disabled_rnc9v_63 ._selector-icon_rnc9v_108 path{fill:var(--white)}._s_rnc9v_59{--mimir-select-search-height: var(--mimir-select-search-height-s);--mimir-select-search-space: var(--mimir-space-xss) var(--mimir-space-m);--mimir-select-search-radius: var(--mimir-control-radius);--mimir-select-search-option-space: var(--mimir-space-xss) var(--mimir-space-m);--mimir-select-search-options-height: var( --mimir-select-search-options-height-mobile );--clear-right: var(--mimir-space-2xxl);--select-input-disabled-margin-right: var(--mimir-space-l);--required-mark-space-right: 5px}._m_rnc9v_140{--mimir-select-search-height: var(--mimir-select-search-height-l);--mimir-select-search-space: var(--mimir-space-xss) var(--mimir-space-m);--mimir-select-search-radius: var(--mimir-control-radius);--mimir-select-search-option-space: var(--mimir-space-2s) var(--mimir-space-m);--mimir-select-search-options-height: var( --mimir-select-search-options-height-mobile );--clear-right: var(--mimir-space-2xxl);--select-input-disabled-margin-right: var(--mimir-space-l);--required-mark-space-right: 5px}._l_rnc9v_153{--mimir-select-search-height: var(--mimir-select-search-height-xxl);--mimir-select-search-space: var(--mimir-space-xss) var(--mimir-space-m);--mimir-select-search-radius: var(--mimir-control-radius-s);--mimir-select-search-option-space: var(--mimir-space-2l) var(--mimir-space-m);--mimir-select-search-options-height: var( --mimir-select-search-options-height-desktop );--clear-right: var(--mimir-space-4xl);--select-input-disabled-margin-right: var(--mimir-space-1xl);--required-mark-space-right: var(--mimir-space-xs)}._select-search-input_rnc9v_166{width:100%!important}._select-search-input-disabled_rnc9v_169{margin-right:var(--select-input-disabled-margin-right)}._select-search-input_rnc9v_166:last-child{padding-right:var(--mimir-space-4xl)}._group-header_rnc9v_176{position:-webkit-sticky;position:sticky;top:0;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:var(--mimir-select-search-option-space);background-color:var(--black-10);border-bottom:1px solid var(--black-20)}._group-header_rnc9v_176._sticky-active_rnc9v_187{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px #0000001a}._loader_rnc9v_191{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--mimir-space-m)}._input-container_rnc9v_196{position:relative;width:100%}._option_rnc9v_15{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--mimir-space-m);-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:var(--mimir-select-search-option-space);cursor:pointer;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}._option-active_rnc9v_210{background-color:var(--black-5)}._option-inner_rnc9v_213{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--mimir-space-xs);width:100%}._right-slot_rnc9v_220{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding-top:0!important}._required-mark_rnc9v_225{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin-right:var(--required-mark-space-right)}._clear_rnc9v_230{position:absolute;top:50%;right:var(--clear-right);-webkit-transform:translateY(-50%);transform:translateY(-50%)}._clear_rnc9v_230._disabled_rnc9v_63{cursor:not-allowed}._clear_rnc9v_230._disabled_rnc9v_63 ._icon-button_rnc9v_239 path{fill:var(--white)}._highlighted-text_rnc9v_243{color:var(--citrine-100);font-weight:inherit}._highlighted-text-wrapper_rnc9v_248{display:inline}
1
+ ._container_11tdb_2{position:relative;z-index:10;display:block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--mimir-select-search-height);background-color:var(--black-5);border-radius:var(--mimir-select-search-radius)}._container-open_11tdb_11{border-bottom:1px solid var(--citrine-100)}._options_11tdb_15{position:absolute;z-index:5;width:100%;min-height:100%;max-height:var(--mimir-select-search-options-height);overflow-y:auto;font-size:var(--mimir-size-text-l);background:var(--white);-webkit-box-shadow:var(--mimir-box-shadow-select-search);box-shadow:var(--mimir-box-shadow-select-search)}._options_11tdb_15._top_11tdb_26{bottom:90%;margin-bottom:1px;padding-bottom:5px;border-radius:var(--mimir-select-search-radius) var(--mimir-select-search-radius) 0 0}._options_11tdb_15._bottom_11tdb_32{top:90%;margin-top:1px;padding-top:5px;border-radius:0 0 var(--mimir-select-search-radius) var(--mimir-select-search-radius)}._options_11tdb_15._no-options_11tdb_38{height:100%;padding:var(--mimir-select-search-option-space);color:var(--black-80)}._options_11tdb_15::-webkit-scrollbar{width:3px}._options_11tdb_15::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:var(--mimir-control-radius-xs2)}._options_11tdb_15::-webkit-scrollbar-track{background-color:var(--white)}@media (max-width: 600px){._options_11tdb_15{max-height:var(--mimir-select-search-options-height-mobile)}}._select-search_11tdb_59{position:relative;isolation:isolate}._select-search_11tdb_59._disabled_11tdb_63{cursor:not-allowed}._select-search_11tdb_59:has([data-headlessui-state=open]){z-index:100}._select-search_11tdb_59._border-radius-left_11tdb_69 ._container_11tdb_2,._select-search_11tdb_59._border-radius-left_11tdb_69 ._options_11tdb_15._bottom_11tdb_32,._select-search_11tdb_59._border-radius-left_11tdb_69 ._options_11tdb_15._top_11tdb_26{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._select-search_11tdb_59._border-radius-right_11tdb_81 ._container_11tdb_2,._select-search_11tdb_59._border-radius-right_11tdb_81 ._options_11tdb_15._bottom_11tdb_32,._select-search_11tdb_59._border-radius-right_11tdb_81 ._options_11tdb_15._top_11tdb_26{border-top-left-radius:0!important;border-bottom-left-radius:0!important}._select-search_11tdb_59._border-radius-none_11tdb_93 ._container_11tdb_2,._select-search_11tdb_59._border-radius-none_11tdb_93 ._options_11tdb_15{border-radius:0!important}._full_11tdb_100{width:100%}._selected-icon_11tdb_104 path{fill:var(--sapphire-100)}._selector-icon-open_11tdb_108{-webkit-transform:rotate(180deg);transform:rotate(180deg)}._button_11tdb_112{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;cursor:pointer}._button_11tdb_112._disabled_11tdb_63{cursor:not-allowed}._button_11tdb_112._disabled_11tdb_63 ._selector-icon_11tdb_108 path{fill:var(--white)}._s_11tdb_59{--mimir-select-search-height: var(--mimir-select-search-height-s);--mimir-select-search-space: var(--mimir-space-xss) var(--mimir-space-m);--mimir-select-search-radius: var(--mimir-control-radius);--mimir-select-search-option-space: var(--mimir-space-xss) var(--mimir-space-m);--mimir-select-search-options-height: var( --mimir-select-search-options-height-mobile );--clear-right: var(--mimir-space-2xxl);--select-input-disabled-margin-right: var(--mimir-space-l);--required-mark-space-right: 5px}._m_11tdb_140{--mimir-select-search-height: var(--mimir-select-search-height-l);--mimir-select-search-space: var(--mimir-space-xss) var(--mimir-space-m);--mimir-select-search-radius: var(--mimir-control-radius);--mimir-select-search-option-space: var(--mimir-space-2s) var(--mimir-space-m);--mimir-select-search-options-height: var( --mimir-select-search-options-height-mobile );--clear-right: var(--mimir-space-2xxl);--select-input-disabled-margin-right: var(--mimir-space-l);--required-mark-space-right: 5px}._l_11tdb_153{--mimir-select-search-height: var(--mimir-select-search-height-xxl);--mimir-select-search-space: var(--mimir-space-xss) var(--mimir-space-m);--mimir-select-search-radius: var(--mimir-control-radius-s);--mimir-select-search-option-space: var(--mimir-space-2l) var(--mimir-space-m);--mimir-select-search-options-height: var( --mimir-select-search-options-height-desktop );--clear-right: var(--mimir-space-4xl);--select-input-disabled-margin-right: var(--mimir-space-1xl);--required-mark-space-right: var(--mimir-space-xs)}._select-search-input_11tdb_166{width:100%!important}._select-search-input-disabled_11tdb_169{margin-right:var(--select-input-disabled-margin-right)}._select-search-input_11tdb_166:last-child{padding-right:var(--mimir-space-4xl)}._group-header_11tdb_176{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;max-height:28px;padding:var(--mimir-select-search-option-space) 0;color:var(--black-60);font-size:var(--mimir-size-text-xs)}._loader_11tdb_186{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--mimir-space-m)}._input-container_11tdb_191{position:relative;width:100%}._option_11tdb_15{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--mimir-space-m);-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:var(--mimir-select-search-option-space);cursor:pointer;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}._option-active_11tdb_205{background-color:var(--black-5)}._option-inner_11tdb_208{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--mimir-space-xs);width:100%}._right-slot_11tdb_215{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding-top:0!important}._required-mark_11tdb_220{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin-right:var(--required-mark-space-right)}._clear_11tdb_225{position:absolute;top:50%;right:var(--clear-right);-webkit-transform:translateY(-50%);transform:translateY(-50%)}._clear_11tdb_225._disabled_11tdb_63{cursor:not-allowed}._clear_11tdb_225._disabled_11tdb_63 ._icon-button_11tdb_234 path{fill:var(--white)}._highlighted-text_11tdb_238{color:var(--citrine-100);font-weight:inherit}._highlighted-text-wrapper_11tdb_243{display:inline}
@@ -1 +1 @@
1
- ._multi-select-search_dbl8p_2{position:relative}._multi-select-search_dbl8p_2._disabled_dbl8p_5{cursor:not-allowed}._container_dbl8p_9{display:block;gap:var(--select-search-gap);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:var(--select-search-height);background-color:var(--black-5);border-radius:var(--select-search-radius)}._container-open_dbl8p_18{border-bottom:1px solid var(--citrine-100)}._group-header_dbl8p_22{position:-webkit-sticky;position:sticky;top:0;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:var(--select-search-option-space);background-color:var(--black-10);border-bottom:1px solid var(--black-20)}._group-header_dbl8p_22._sticky-active_dbl8p_33{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px #0000001a}._group-header_dbl8p_22._sticky_dbl8p_33{position:-webkit-sticky;position:sticky;top:0;z-index:3}._group-header_dbl8p_22._hidden_dbl8p_41{visibility:hidden}._options-container_dbl8p_45{height:240px;overflow:auto}._options-container_dbl8p_45._l_dbl8p_49{height:320px}._loader_dbl8p_53{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--mimir-space-m)}._input-container_dbl8p_58{position:relative;width:100%}._full_dbl8p_63{width:100%}._selected-icon_dbl8p_67 path{fill:var(--sapphire-100)}._selector-icon-open_dbl8p_71{-webkit-transform:rotate(180deg);transform:rotate(180deg)}._button_dbl8p_75{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;cursor:pointer}._button_dbl8p_75._disabled_dbl8p_5{cursor:not-allowed}._button_dbl8p_75._disabled_dbl8p_5 ._selector-icon_dbl8p_71 path{fill:var(--white)}._options_dbl8p_45{position:absolute;z-index:10;width:100%;min-height:50%;max-height:var(--select-search-options-height);overflow-y:auto;font-size:var(--mimir-size-text-l);background:var(--white);-webkit-box-shadow:var(--mimir-box-shadow-select-search);box-shadow:var(--mimir-box-shadow-select-search);opacity:0;-webkit-transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:transform .2s ease-out,opacity .2s ease-out;transition:transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out}._options_dbl8p_45._visible_dbl8p_102{opacity:1}._options_dbl8p_45._top_dbl8p_105{bottom:100%;margin-bottom:1px;border-radius:var(--select-search-radius) var(--select-search-radius) 0 0}._options_dbl8p_45._bottom_dbl8p_110{top:100%;margin-top:1px;border-radius:0 0 var(--select-search-radius) var(--select-search-radius)}._options_dbl8p_45::-webkit-scrollbar{width:3px}._options_dbl8p_45::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:var(--mimir-control-radius-xs2)}._options_dbl8p_45::-webkit-scrollbar-track{background-color:var(--white)}@media (max-width: 600px){._options_dbl8p_45{max-height:var(--mimir-select-search-options-height-mobile)}}._no-options_dbl8p_131{height:100%;padding:var(--select-search-option-space);color:var(--black-80)}._m_dbl8p_2{--select-search-height: var(--mimir-select-search-height-l);--select-search-space: var(--mimir-space-xss) var(--mimir-space-m);--select-search-radius: var(--mimir-control-radius);--select-search-gap: var(--mimir-space-2xs);--select-search-btn-space: var(--mimir-space-m) var(--mimir-space-m) var(--mimir-space-m) var(--mimir-space-xs);--select-search-option-space: var(--mimir-space-2s) var(--mimir-space-m);--select-search-options-height: var( --mimir-select-search-options-height-mobile );--clear-right: var(--mimir-space-2xxl);--multi-select-input-disabled-margin-right: var(--mimir-space-l)}._l_dbl8p_49{--select-search-height: var(--mimir-select-search-height-xxl);--select-search-space: var(--mimir-space-xss) var(--mimir-space-m);--select-search-radius: var(--mimir-control-radius-s);--select-search-gap: var(--mimir-space-xs);--select-search-btn-space: var(--mimir-space-l) var(--mimir-space-m) var(--mimir-space-l) var(--mimir-space-xs);--select-search-option-space: var(--mimir-space-2l) var(--mimir-space-m);--select-search-options-height: var( --mimir-select-search-options-height-desktop );--clear-right: var(--mimir-space-4xl);--multi-select-input-disabled-margin-right: var(--mimir-space-1xl)}._multi-select-input-disabled_dbl8p_167{margin-right:var(--multi-select-input-disabled-margin-right)}._multi-select-input_dbl8p_167._focused_dbl8p_170{height:auto;min-height:var(--input-height);overflow:hidden;resize:vertical}._multi-select-input_dbl8p_167:last-child{padding-right:var(--mimir-space-4xl)}._option_dbl8p_45{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--mimir-space-m);-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:var(--select-search-option-space);cursor:pointer;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}._option-active_dbl8p_189{background-color:var(--black-5)}._option-inner_dbl8p_192{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--mimir-space-xs);width:100%}._chip_dbl8p_199{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._chip-container_dbl8p_204{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--mimir-space-2xs);margin-top:var(--mimir-space-xs)}._chip-root_dbl8p_210{max-width:100%}._right-slot_dbl8p_214{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding-top:0!important}._required-mark_dbl8p_219{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin-right:var(--mimir-space-xs)}._clear_dbl8p_224{position:absolute;top:50%;right:var(--clear-right);-webkit-transform:translateY(-50%);transform:translateY(-50%)}._clear_dbl8p_224._disabled_dbl8p_5{cursor:not-allowed}._clear_dbl8p_224._disabled_dbl8p_5 ._icon-button_dbl8p_233 path{fill:var(--white)}._highlighted-text_dbl8p_237{color:var(--citrine-100);font-weight:inherit}._highlighted-text-wrapper_dbl8p_242{display:inline}._nested-option_dbl8p_246{padding-left:var(--mimir-space-4xl)}._nested-option_dbl8p_246 ._option-inner_dbl8p_192{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}._expand-button_dbl8p_254{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:var(--mimir-space-xs);padding:0;background:none;border:none;cursor:pointer;pointer-events:auto}._expand-icon_dbl8p_266{-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}._expand-icon-expanded_dbl8p_269{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
1
+ ._multi-select-search_1l3p8_2{position:relative}._multi-select-search_1l3p8_2._disabled_1l3p8_5{cursor:not-allowed}._container_1l3p8_9{display:block;gap:var(--select-search-gap);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:var(--select-search-height);background-color:var(--black-5);border-radius:var(--select-search-radius)}._container-open_1l3p8_18{border-bottom:1px solid var(--citrine-100)}._group-header_1l3p8_22{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;max-height:28px;padding:var(--select-search-option-space) 0;color:var(--black-60);font-size:var(--mimir-size-text-xs)}._options-container_1l3p8_32{height:240px;overflow:auto}._options-container_1l3p8_32._l_1l3p8_36{height:320px}._loader_1l3p8_40{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--mimir-space-m)}._input-container_1l3p8_45{position:relative;width:100%}._full_1l3p8_50{width:100%}._selected-icon_1l3p8_54 path{fill:var(--sapphire-100)}._selector-icon-open_1l3p8_58{-webkit-transform:rotate(180deg);transform:rotate(180deg)}._button_1l3p8_62{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;cursor:pointer}._button_1l3p8_62._disabled_1l3p8_5{cursor:not-allowed}._button_1l3p8_62._disabled_1l3p8_5 ._selector-icon_1l3p8_58 path{fill:var(--white)}._options_1l3p8_32{position:absolute;z-index:10;width:100%;min-height:50%;max-height:var(--select-search-options-height);overflow-y:auto;font-size:var(--mimir-size-text-l);background:var(--white);-webkit-box-shadow:var(--mimir-box-shadow-select-search);box-shadow:var(--mimir-box-shadow-select-search);opacity:0;-webkit-transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:transform .2s ease-out,opacity .2s ease-out;transition:transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out}._options_1l3p8_32._visible_1l3p8_89{opacity:1}._options_1l3p8_32._top_1l3p8_92{bottom:100%;margin-bottom:1px;border-radius:var(--select-search-radius) var(--select-search-radius) 0 0}._options_1l3p8_32._bottom_1l3p8_97{top:100%;margin-top:1px;border-radius:0 0 var(--select-search-radius) var(--select-search-radius)}._options_1l3p8_32::-webkit-scrollbar{width:3px}._options_1l3p8_32::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:var(--mimir-control-radius-xs2)}._options_1l3p8_32::-webkit-scrollbar-track{background-color:var(--white)}@media (max-width: 600px){._options_1l3p8_32{max-height:var(--mimir-select-search-options-height-mobile)}}._no-options_1l3p8_118{height:100%;padding:var(--select-search-option-space);color:var(--black-80)}._m_1l3p8_2{--select-search-height: var(--mimir-select-search-height-l);--select-search-space: var(--mimir-space-xss) var(--mimir-space-m);--select-search-radius: var(--mimir-control-radius);--select-search-gap: var(--mimir-space-2xs);--select-search-btn-space: var(--mimir-space-m) var(--mimir-space-m) var(--mimir-space-m) var(--mimir-space-xs);--select-search-option-space: var(--mimir-space-2s) var(--mimir-space-m);--select-search-options-height: var( --mimir-select-search-options-height-mobile );--clear-right: var(--mimir-space-2xxl);--multi-select-input-disabled-margin-right: var(--mimir-space-l)}._l_1l3p8_36{--select-search-height: var(--mimir-select-search-height-xxl);--select-search-space: var(--mimir-space-xss) var(--mimir-space-m);--select-search-radius: var(--mimir-control-radius-s);--select-search-gap: var(--mimir-space-xs);--select-search-btn-space: var(--mimir-space-l) var(--mimir-space-m) var(--mimir-space-l) var(--mimir-space-xs);--select-search-option-space: var(--mimir-space-2l) var(--mimir-space-m);--select-search-options-height: var( --mimir-select-search-options-height-desktop );--clear-right: var(--mimir-space-4xl);--multi-select-input-disabled-margin-right: var(--mimir-space-1xl)}._multi-select-input-disabled_1l3p8_154{margin-right:var(--multi-select-input-disabled-margin-right)}._multi-select-input_1l3p8_154._focused_1l3p8_157{height:auto;min-height:var(--input-height);overflow:hidden;resize:vertical}._multi-select-input_1l3p8_154:last-child{padding-right:var(--mimir-space-4xl)}._option_1l3p8_32{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--mimir-space-m);-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:var(--select-search-option-space);cursor:pointer;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}._option-active_1l3p8_176{background-color:var(--black-5)}._option-inner_1l3p8_179{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--mimir-space-xs);width:100%}._chip_1l3p8_186{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._chip-container_1l3p8_191{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--mimir-space-2xs);margin-top:var(--mimir-space-xs)}._chip-root_1l3p8_197{max-width:100%}._right-slot_1l3p8_201{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding-top:0!important}._required-mark_1l3p8_206{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin-right:var(--mimir-space-xs)}._clear_1l3p8_211{position:absolute;top:50%;right:var(--clear-right);-webkit-transform:translateY(-50%);transform:translateY(-50%)}._clear_1l3p8_211._disabled_1l3p8_5{cursor:not-allowed}._clear_1l3p8_211._disabled_1l3p8_5 ._icon-button_1l3p8_220 path{fill:var(--white)}._highlighted-text_1l3p8_224{color:var(--citrine-100);font-weight:inherit}._highlighted-text-wrapper_1l3p8_229{display:inline}._nested-option_1l3p8_233{padding-left:var(--mimir-space-4xl)}._nested-option_1l3p8_233 ._option-inner_1l3p8_179{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}._expand-button_1l3p8_241{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:var(--mimir-space-xs);padding:0;background:none;border:none;cursor:pointer;pointer-events:auto}._expand-icon_1l3p8_253{-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}._expand-icon-expanded_1l3p8_256{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
@@ -4,6 +4,7 @@ import { ReactNode } from 'react';
4
4
  export type TCheckboxMimirProps = CheckboxProps & {
5
5
  children?: ReactNode;
6
6
  isInteractive?: boolean;
7
+ isMinusIcon?: boolean;
7
8
  };
8
9
  export declare const CheckboxMimir: import('react').ForwardRefExoticComponent<{
9
10
  suppressHydrationWarning?: boolean | undefined;
@@ -298,4 +299,5 @@ export declare const CheckboxMimir: import('react').ForwardRefExoticComponent<{
298
299
  } & {
299
300
  children?: ReactNode;
300
301
  isInteractive?: boolean;
302
+ isMinusIcon?: boolean;
301
303
  } & import('react').RefAttributes<HTMLInputElement>>;
@@ -1,63 +1,64 @@
1
- import { jsxs as L, jsx as p } from "react/jsx-runtime";
2
- import { W as O, p as V, o as d, $ as W, b as X, D as q, H as z, c as D } from "../../keyboard-wis2TUql.js";
3
- import h, { useId as J, useState as Q, useMemo as Y, useCallback as Z, forwardRef as ee } from "react";
1
+ import { jsxs as O, jsx as d } from "react/jsx-runtime";
2
+ import { W as V, p as W, o as p, $ as X, b as q, D as z, H as J, c as P } from "../../keyboard-wis2TUql.js";
3
+ import v, { useId as Q, useState as Y, useMemo as Z, useCallback as ee, forwardRef as ae } from "react";
4
4
  import { w as re } from "../../use-active-press-CnDeVvQq.js";
5
- import { u as ae, a as oe, b as te, T as ce, I as ne, G as se, j as ie, p as le, K as de } from "../../label-BmphTIGY.js";
6
- import { r as be } from "../../bugs-diTMAGNw.js";
7
- import { H as ue } from "../../field-BLi5834s.js";
8
- import { c as me } from "../../index-DIxK0V-G.js";
9
- import { Icon as fe } from "../../icons/Icon.js";
10
- import '../../assets/CheckboxMimir.css';let pe = "span";
11
- function he(u, m) {
12
- let n = J(), f = ae(), s = oe(), { id: i = f || `headlessui-checkbox-${n}`, disabled: e = s || !1, autoFocus: a = !1, checked: P, defaultChecked: j, onChange: y, name: v, value: F, form: I, indeterminate: l = !1, ...H } = u, o = te(j), [t, c] = ce(P, y, o ?? !1), N = ne(), R = se(), E = V(), [k, x] = Q(!1), $ = d(() => {
13
- x(!0), c == null || c(!t), E.nextFrame(() => {
14
- x(!1);
5
+ import { u as oe, a as te, b as ne, T as ce, I as se, G as ie, j as le, p as de, K as pe } from "../../label-BmphTIGY.js";
6
+ import { r as ue } from "../../bugs-diTMAGNw.js";
7
+ import { H as me } from "../../field-BLi5834s.js";
8
+ import { c as fe } from "../../index-DIxK0V-G.js";
9
+ import { Icon as y } from "../../icons/Icon.js";
10
+ import '../../assets/CheckboxMimir.css';let be = "span";
11
+ function he(m, f) {
12
+ let c = Q(), b = oe(), s = te(), { id: i = b || `headlessui-checkbox-${c}`, disabled: e = s || !1, autoFocus: r = !1, checked: h, defaultChecked: F, onChange: I, name: k, value: N, form: H, indeterminate: l = !1, ...M } = m, o = ne(F), [t, n] = ce(h, I, o ?? !1), R = se(), E = ie(), K = W(), [x, $] = Y(!1), _ = p(() => {
13
+ $(!0), n == null || n(!t), K.nextFrame(() => {
14
+ $(!1);
15
15
  });
16
- }), K = d((r) => {
17
- if (be(r.currentTarget)) return r.preventDefault();
18
- r.preventDefault(), $();
19
- }), T = d((r) => {
20
- r.key === D.Space ? (r.preventDefault(), $()) : r.key === D.Enter && le(r.currentTarget);
21
- }), M = d((r) => r.preventDefault()), { isFocusVisible: _, focusProps: w } = W({ autoFocus: a }), { isHovered: g, hoverProps: G } = X({ isDisabled: e }), { pressed: C, pressProps: S } = re({ disabled: e }), U = q({ ref: m, id: i, role: "checkbox", "aria-checked": l ? "mixed" : t ? "true" : "false", "aria-labelledby": N, "aria-describedby": R, "aria-disabled": e ? !0 : void 0, indeterminate: l ? "true" : void 0, tabIndex: e ? void 0 : 0, onKeyUp: e ? void 0 : T, onKeyPress: e ? void 0 : M, onClick: e ? void 0 : K }, w, G, S), A = Y(() => ({ checked: t, disabled: e, hover: g, focus: _, active: C, indeterminate: l, changing: k, autofocus: a }), [t, l, e, g, _, C, k, a]), B = Z(() => {
22
- if (o !== void 0) return c == null ? void 0 : c(o);
23
- }, [c, o]);
24
- return h.createElement(h.Fragment, null, v != null && h.createElement(ie, { disabled: e, data: { [v]: F || "on" }, overrides: { type: "checkbox", checked: t }, form: I, onReset: B }), z({ ourProps: U, theirProps: H, slot: A, defaultTag: pe, name: "Checkbox" }));
16
+ }), T = p((a) => {
17
+ if (ue(a.currentTarget)) return a.preventDefault();
18
+ a.preventDefault(), _();
19
+ }), j = p((a) => {
20
+ a.key === P.Space ? (a.preventDefault(), _()) : a.key === P.Enter && de(a.currentTarget);
21
+ }), w = p((a) => a.preventDefault()), { isFocusVisible: g, focusProps: G } = X({ autoFocus: r }), { isHovered: C, hoverProps: S } = q({ isDisabled: e }), { pressed: D, pressProps: U } = re({ disabled: e }), A = z({ ref: f, id: i, role: "checkbox", "aria-checked": l ? "mixed" : t ? "true" : "false", "aria-labelledby": R, "aria-describedby": E, "aria-disabled": e ? !0 : void 0, indeterminate: l ? "true" : void 0, tabIndex: e ? void 0 : 0, onKeyUp: e ? void 0 : j, onKeyPress: e ? void 0 : w, onClick: e ? void 0 : T }, G, S, U), B = Z(() => ({ checked: t, disabled: e, hover: C, focus: g, active: D, indeterminate: l, changing: x, autofocus: r }), [t, l, e, C, g, D, x, r]), L = ee(() => {
22
+ if (o !== void 0) return n == null ? void 0 : n(o);
23
+ }, [n, o]);
24
+ return v.createElement(v.Fragment, null, k != null && v.createElement(le, { disabled: e, data: { [k]: N || "on" }, overrides: { type: "checkbox", checked: t }, form: H, onReset: L }), J({ ourProps: A, theirProps: M, slot: B, defaultTag: be, name: "Checkbox" }));
25
25
  }
26
- let ve = O(he);
27
- const ke = "_container_13bjb_2", xe = "_checkbox_13bjb_8", $e = "_label_13bjb_27", _e = "_enabled_13bjb_31", b = {
26
+ let ve = V(he);
27
+ const ke = "_container_1pp41_2", xe = "_checkbox_1pp41_8", $e = "_label_1pp41_28", _e = "_enabled_1pp41_32", u = {
28
28
  container: ke,
29
29
  checkbox: xe,
30
30
  label: $e,
31
31
  enabled: _e
32
- }, Ne = ee(
33
- (u, m) => {
32
+ }, Me = ae(
33
+ (m, f) => {
34
34
  const {
35
- checked: n,
36
- onChange: f,
35
+ checked: c,
36
+ onChange: b,
37
37
  children: s,
38
38
  id: i,
39
39
  isInteractive: e = !0,
40
- ...a
41
- } = u;
42
- return /* @__PURE__ */ L(ue, { className: b.container, children: [
43
- /* @__PURE__ */ p(
40
+ isMinusIcon: r = !1,
41
+ ...h
42
+ } = m;
43
+ return /* @__PURE__ */ O(me, { className: u.container, children: [
44
+ /* @__PURE__ */ d(
44
45
  ve,
45
46
  {
46
47
  id: i,
47
- ref: m,
48
- checked: n,
49
- onChange: e ? f : void 0,
50
- className: me(b.checkbox, {
51
- [b.enabled]: n
48
+ ref: f,
49
+ checked: c,
50
+ onChange: e ? b : void 0,
51
+ className: fe(u.checkbox, {
52
+ [u.enabled]: c
52
53
  }),
53
- ...a,
54
- children: /* @__PURE__ */ p(fe, { iconName: "Done16px" })
54
+ ...h,
55
+ children: r ? /* @__PURE__ */ d(y, { iconName: "Minus16px" }) : /* @__PURE__ */ d(y, { iconName: "Done16px" })
55
56
  }
56
57
  ),
57
- s && /* @__PURE__ */ p(de, { htmlFor: i, className: b.label, children: s })
58
+ s && /* @__PURE__ */ d(pe, { htmlFor: i, className: u.label, children: s })
58
59
  ] });
59
60
  }
60
61
  );
61
62
  export {
62
- Ne as CheckboxMimir
63
+ Me as CheckboxMimir
63
64
  };
@@ -33,4 +33,7 @@ export declare const MultiSelectSearch: import('react').ForwardRefExoticComponen
33
33
  getGroupTitle?: (groupValue: string) => string;
34
34
  highlightMatches?: boolean;
35
35
  enableNestedSelection?: boolean;
36
+ searchInNestedItems?: boolean;
37
+ useIconInsteadOfCheckbox?: boolean;
38
+ searchInHeaderGroupItems?: boolean;
36
39
  } & import('react').RefAttributes<HTMLElement>>;