@servicetitan/anvil2 2.9.1 → 3.0.0

package/dist/MultiSelectFieldSync.css

@@ -1,259 +1,265 @@
-@layer starter, reset, base, state, application;
-/* REVERT LAYER BUGFIX START */
-._input-wrapper_1t7vf_2 input::-moz-placeholder {
-  all: revert-layer;
-  -webkit-font-smoothing: auto;
+.anvil2{@layer starter, reset, base, state, application;/* BASE */._combobox_1ip3q_2 {
+  min-width: 8rem;
+  position: relative;
+}._search-field_1ip3q_7 {
+  flex-direction: column;
+  font-size: var(--a2-typography-paragraph-size-default, var(--a2-font-size-400, 1rem));
+  gap: var(--a2-size-2, 0.5rem);
+}._search-field_1ip3q_7._select_1ip3q_13 {
+  cursor: pointer;
+}._popover-content_1ip3q_17 ._search-field_1ip3q_7 {
+  border-block-end: var(--a2-size-quarter, 0.0625rem) solid var(--a2-border-color-default, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454)));
+  margin-block-end: var(--a2-size-4, 1rem);
+  padding-block-end: var(--a2-size-6, 1.5rem);
+  padding-block-start: var(--a2-size-2, 0.5rem);
+  padding-inline-end: var(--a2-size-2, 0.5rem);
+  padding-inline-start: var(--a2-size-2, 0.5rem);
+}._input-wrapper_1ip3q_26 {
+  --a2-local-multi-select-field-input-height: calc(
+    var(--a2-size-10, 2.5rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
+  );
+  --a2-mod-multi-select-field-input-padding-inline-end: 4.5rem;
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: block;
+  background-color: var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)));
+  border: var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) solid var(--a2-border-color-default, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454)));
+  border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
+  display: flex;
+  outline: 0 solid var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
+  outline-offset: var(--a2-size-half, 0.125rem);
+  padding-inline-end: var(--a2-mod-multi-select-field-input-padding-inline-end);
+  padding-inline-start: var(--a2-size-3, 0.75rem);
+  position: relative;
+}._input-wrapper_1ip3q_26:focus:not([disabled]), ._input-wrapper_1ip3q_26:focus-visible, ._input-wrapper_1ip3q_26:has(._input_1ip3q_26:focus-visible) {
+  outline-width: var(--a2-size-half, 0.125rem);
+}._input-wrapper_1ip3q_26:has(._input_1ip3q_26._error_1ip3q_55) {
+  border-color: var(--a2-border-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e)));
+}._input-wrapper_1ip3q_26:focus:has(._input_1ip3q_26._error_1ip3q_55):not([disabled]), ._input-wrapper_1ip3q_26:focus-visible:has(._input_1ip3q_26._error_1ip3q_55), ._input-wrapper_1ip3q_26:has(._input_1ip3q_26._error_1ip3q_55:focus-visible) {
+  outline-color: var(--a2-focus-ring-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))));
+  outline-width: var(--a2-size-half, 0.125rem);
+}._input-wrapper_1ip3q_26._disabled_1ip3q_62, ._input-wrapper_1ip3q_26[disabled], ._input-wrapper_1ip3q_26:has(._input_1ip3q_26:disabled) {
+  opacity: 0.4;
+}._input-wrapper_1ip3q_26._disabled_1ip3q_62 *, ._input-wrapper_1ip3q_26[disabled] *, ._input-wrapper_1ip3q_26:has(._input_1ip3q_26:disabled) * {
+  cursor: not-allowed;
+}._input-wrapper_1ip3q_26:has(input._input_1ip3q_26:-moz-read-only) {
+  background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
+}._input-wrapper_1ip3q_26[disabled], ._input-wrapper_1ip3q_26[readonly], ._input-wrapper_1ip3q_26._disabled_1ip3q_62, ._input-wrapper_1ip3q_26:has(input._input_1ip3q_26:read-only) {
+  background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
+}._input-flex_1ip3q_72 {
+  flex: 1 1 100px;
+  min-width: 100px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 0;
+}._input_1ip3q_26[type=text] {
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: block;
+  align-items: center;
+  display: flex;
+  flex: 1 0 100px;
+  height: var(--a2-local-multi-select-field-input-height);
+  min-width: 100px;
+  padding-block: var(--a2-size-2, 0.5rem);
+  padding-inline: 0;
+  transition: outline var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
+  width: 100px;
+}._input_1ip3q_26[type=text]::-moz-placeholder {
+  color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
+}._input_1ip3q_26[type=text]::placeholder {
+  color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
+}@media (prefers-reduced-motion: reduce) {
+  ._input_1ip3q_26[type=text] {
+    transition-duration: 0.01ms !important;
+    transition-property: outline;
+  }
+}input._input_1ip3q_26:-moz-read-only {
+  background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
+}input._input_1ip3q_26:read-only {
+  background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
+}._rows-wrapper_1ip3q_117 {
+  align-items: stretch;
+  display: flex;
+  flex-direction: row;
+  flex-grow: 1;
+  flex-wrap: wrap;
+  gap: 0 var(--a2-size-2, 0.5rem);
+  max-width: 100%;
+  width: 100%;
+}._chip-wrapper_1ip3q_128 {
+  align-items: center;
+  display: flex;
+  height: var(--a2-local-multi-select-field-input-height);
+  justify-content: center;
+  max-width: 100%;
+}._chip_1ip3q_128 {
+  --a2-chip-max-width: 100%;
+}._buttons-wrapper_1ip3q_140 {
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: flex;
+  height: var(--a2-local-multi-select-field-input-height);
+  inset-block-start: 0;
+  inset-inline-end: 0;
+  position: absolute;
+}._close-button-wrapper_1ip3q_158 {
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: revert-layer;
+  align-items: center;
+  cursor: pointer;
+  display: flex;
+}._close-button_1ip3q_158 {
+  --a2-mod-button-background-color: transparent;
+}._close-button_1ip3q_158[data-interactive=hover]::before, ._close-button_1ip3q_158:hover::before, ._close-button_1ip3q_158:disabled:not(._loading-infinite_1ip3q_178, ._loading-progress_1ip3q_178), ._close-button_1ip3q_158._disabled_1ip3q_62:not(._loading-infinite_1ip3q_178, ._loading-progress_1ip3q_178), ._close-button_1ip3q_158[aria-disabled=true]:not(._loading-infinite_1ip3q_178, ._loading-progress_1ip3q_178) {
+  --a2-mod-button-background-color: transparent;
+}._toggle-button-wrapper_1ip3q_182 {
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: revert-layer;
+  align-items: center;
+  cursor: pointer;
+  display: flex;
+}._toggle-button_1ip3q_182 {
+  --a2-mod-button-background-color: transparent;
+  --a2-mod-button-font-color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
+  transform: rotate(90deg);
+  transition: transform var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
+}._toggle-button_1ip3q_182[aria-expanded=true] {
+  transform: rotate(270deg);
+}._toggle-button_1ip3q_182[data-interactive=hover]::before, ._toggle-button_1ip3q_182:hover::before, ._toggle-button_1ip3q_182:disabled:not(._loading-infinite_1ip3q_178, ._loading-progress_1ip3q_178), ._toggle-button_1ip3q_182._disabled_1ip3q_62:not(._loading-infinite_1ip3q_178, ._loading-progress_1ip3q_178), ._toggle-button_1ip3q_182[aria-disabled=true]:not(._loading-infinite_1ip3q_178, ._loading-progress_1ip3q_178) {
+  --a2-mod-button-background-color: transparent;
+}@media (prefers-reduced-motion: reduce) {
+  ._toggle-button_1ip3q_182 {
+    transition-duration: 0.01ms !important;
+  }
+}[aria-expanded=true] ._toggle-button-wrapper_1ip3q_182 ._toggle-button_1ip3q_182 {
+  transform: rotate(270deg);
+}._prefix_1ip3q_221,
+._suffix_1ip3q_222 {
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  flex: 0 0 auto;
+  font-weight: var(--a2-font-weight-semibold, 600);
+  justify-content: center;
+  min-width: var(--a2-size-8, 2rem);
+}._prefix_1ip3q_221 {
+  padding-inline-end: var(--a2-size-2, 0.5rem);
+}._suffix_1ip3q_222 {
+  padding-inline-end: var(--a2-size-2, 0.5rem);
+  padding-inline-start: var(--a2-size-2, 0.5rem);
+}._popover-content_1ip3q_17 {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}._listview_1ip3q_256 {
+  padding-block: var(--a2-size-2, 0.5rem);
+  padding-inline: var(--a2-size-2, 0.5rem);
+}._loading-spinner_1ip3q_261 {
+  height: var(--a2-size-6, 1.5rem);
+  width: var(--a2-size-6, 1.5rem);
+}._empty_1ip3q_266 {
+  padding-block-end: var(--a2-size-4, 1rem);
+  padding-block-start: var(--a2-size-3, 0.75rem);
+  padding-inline-end: var(--a2-size-6, 1.5rem);
+  padding-inline-start: var(--a2-size-6, 1.5rem);
+}._item_1ip3q_273 {
+  --a2-mod-multi-select-field-item-background-color: transparent;
+  --a2-mod-multi-select-field-item-color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
+  background-color: var(--a2-mod-multi-select-field-item-background-color);
+  border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
+  color: var(--a2-mod-multi-select-field-item-color);
+  cursor: pointer;
+  font-size: var(--a2-font-size-300, 0.875rem);
+  line-height: calc(var(--a2-size-4, 1rem) + var(--a2-size-half, 0.125rem));
+  outline: 0 solid var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
+  outline-offset: var(--a2-size-half, 0.125rem);
+  padding-block: var(--a2-size-2, 0.5rem);
+  padding-inline: var(--a2-size-4, 1rem);
+  position: relative;
+}/* MODIFIERS */._no-clear-button_1ip3q_290 {
+  --a2-mod-multi-select-field-input-padding-inline-end: var(--a2-size-8, 2rem);
+}._no-toggle-button_1ip3q_294 {
+  --a2-mod-multi-select-field-input-padding-inline-end: var(--a2-size-8, 2rem);
+}._small_1ip3q_298 {
+  --a2-local-multi-select-field-input-height: calc(
+    var(--a2-size-8, 2rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
+  );
+}._large_1ip3q_304 {
+  --a2-local-multi-select-field-input-height: calc(
+    var(--a2-size-12, 3rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
+  );
+}._listview-option_1ip3q_310:not([aria-disabled=true]) {
+  cursor: pointer;
+}._listview-option_1ip3q_310[aria-selected=true]:not([aria-disabled=true]) {
+  --a2-mod-multi-select-field-item-background-color: var(--a2-background-color-transparent-default-hover, light-dark(color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 8%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 8%, transparent)));
+}._item_1ip3q_273[data-interactive=hover]:not([aria-disabled=true]),
+._item_1ip3q_273:hover:not([aria-disabled=true]),
+._item_1ip3q_273[aria-selected=true]:not([aria-disabled=true]) {
+  --a2-mod-multi-select-field-item-background-color: var(--a2-background-color-transparent-default-hover, light-dark(color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 8%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 8%, transparent)));
+}._item_1ip3q_273[aria-disabled=true] {
+  cursor: not-allowed;
+  opacity: 0.6;
+}._item_1ip3q_273[data-checked=true] {
+  --a2-mod-multi-select-field-item-background-color: var(--a2-background-color-primary-subdued, light-dark(var(--a2-color-blue-50, #e6f1ff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 20%, transparent)));
+  --a2-mod-multi-select-field-item-color: var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)));
+}._item_1ip3q_273[data-checked=true]:hover:not([aria-disabled=true]),
+._item_1ip3q_273[data-checked=true][aria-selected=true]:not([aria-disabled=true]),
+._item_1ip3q_273[data-checked=true][data-interactive=hover]:not([aria-disabled=true]) {
+  --a2-mod-multi-select-field-item-background-color: var(--a2-background-color-primary-subdued-hover, light-dark(var(--a2-color-blue-100, #cce3ff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 30%, transparent)));
+}._item_1ip3q_273[data-checked=true]:active:not([aria-disabled=true]) {
+  --a2-mod-multi-select-field-item-background-color: var(--a2-background-color-primary-subdued-active, light-dark(var(--a2-color-blue-200, #9ecaff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 40%, transparent)));
 }
-._input-wrapper_1t7vf_2 input,
-._input-wrapper_1t7vf_2 button,
-._input-wrapper_1t7vf_2 input::placeholder {
-  all: revert-layer;
-  -webkit-font-smoothing: auto;
-}
-
-/* REVERT LAYER BUGFIX END */
-@layer reset {
-  ._buttons-wrapper_1t7vf_11 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: flex;
-  }
-  ._input_1t7vf_2,
-  ._input-wrapper_1t7vf_2 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: block;
-  }
-  ._toggle-button-wrapper_1t7vf_38,
-  ._close-button-wrapper_1t7vf_39 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: revert-layer;
-  }
-  ._prefix_1t7vf_52,
-  ._suffix_1t7vf_53 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: flex;
-  }
-}
-@layer base {
-  ._input-wrapper_1t7vf_2 {
-    display: flex;
-    position: relative;
-    border: 0.0625rem solid var(--border-color, #949596);
-    border-radius: 0.375rem;
-    outline: 0 solid var(--focus-ring-color, #0265DC);
-    outline-offset: 0.125rem;
-    padding-inline-start: 0.75rem;
-    padding-inline-end: 4.5rem;
-    background-color: var(--background-color, #ffffff);
-  }
-  ._input-wrapper_1t7vf_2._no-clear-button_1t7vf_79 {
-    padding-inline-end: 2rem;
-  }
-  ._input-wrapper_1t7vf_2._no-toggle-button_1t7vf_82 {
-    padding-inline-end: 2rem;
-  }
-  ._input-wrapper_1t7vf_2._no-clear-button_1t7vf_79._no-toggle-button_1t7vf_82 {
-    padding-inline-end: 0.75rem;
-  }
-  ._rows-wrapper_1t7vf_88 {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    align-items: stretch;
-    gap: 0 0.25rem;
-    flex-grow: 1;
-    width: 100%;
-    max-width: 100%;
-  }
-  ._chip-wrapper_1t7vf_98 {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    max-width: 100%;
-    height: 2.375rem;
-  }
-  ._chip-wrapper_1t7vf_98 ._chip_1t7vf_98 {
-    max-width: 100%;
-  }
-  ._input-flex_1t7vf_108 {
-    flex: 1 1 100px;
-    width: 0px;
-    min-width: 100px;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-  ._input_1t7vf_2 {
-    display: flex;
-    align-items: center;
-    flex: 1 0 100px;
-    width: 100px;
-    min-width: 100px;
-    height: 2.375rem;
-    padding-block: 0.5rem;
-    padding-inline: 0;
-    transition: outline 200ms cubic-bezier(0, 0, 0.4, 1);
-  }
-  @media (prefers-reduced-motion: reduce) {
-    ._input_1t7vf_2 {
-      transition-duration: 0.01ms !important;
-      transition-property: outline;
-    }
-  }
-  ._input_1t7vf_2::-moz-placeholder {
-    color: var(--foreground-color-subdued, #737475);
-  }
-  ._input_1t7vf_2::placeholder {
-    color: var(--foreground-color-subdued, #737475);
-  }
-  ._buttons-wrapper_1t7vf_11 {
-    position: absolute;
-    inset-block-start: 0;
-    inset-inline-end: 0;
-    height: 2.375rem;
-  }
-  ._close-button-wrapper_1t7vf_39 {
-    display: flex;
-    align-items: center;
-    cursor: pointer;
-  }
-  ._close-button-wrapper_1t7vf_39 ._close-button_1t7vf_39 {
-    color: var(--foreground-color, #141414);
-  }
-  ._toggle-button-wrapper_1t7vf_38 {
-    display: flex;
-    align-items: center;
-    cursor: pointer;
-  }
-  ._toggle-button_1t7vf_38 {
-    color: var(--foreground-color, #141414);
-    transform: rotate(90deg);
-    transition: transform 200ms cubic-bezier(0, 0, 0.4, 1);
-  }
-  @media (prefers-reduced-motion: reduce) {
-    ._toggle-button_1t7vf_38 {
-      transition-duration: 0.01ms !important;
-    }
-  }
-  ._prefix_1t7vf_52,
-  ._suffix_1t7vf_53 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: flex;
-    flex: 0 0 auto;
-    justify-content: center;
-    align-items: center;
-    font-weight: 600;
-    min-width: 2rem;
-  }
-  ._prefix_1t7vf_52 {
-    padding-inline-end: 0.5rem;
-  }
-  ._suffix_1t7vf_53 {
-    padding-inline-start: 0.5rem;
-    padding-inline-end: 0.5rem;
-  }
-}
-@layer state {
-  ._input-wrapper_1t7vf_2._small_1t7vf_193 ._input_1t7vf_2 {
-    height: 1.875rem;
-  }
-  ._input-wrapper_1t7vf_2._large_1t7vf_196 ._input_1t7vf_2 {
-    height: 2.875rem;
-  }
-  ._input-wrapper_1t7vf_2 input._input_1t7vf_2:-moz-read-only {
-    background-color: var(--background-color-strong, #f7f7f7);
-  }
-  ._input-wrapper_1t7vf_2 input._input_1t7vf_2:read-only {
-    background-color: var(--background-color-strong, #f7f7f7);
-  }
-  ._input-wrapper_1t7vf_2._disabled_1t7vf_202, ._input-wrapper_1t7vf_2[disabled], ._input-wrapper_1t7vf_2:has(._input_1t7vf_2:disabled) {
-    opacity: 0.4;
-  }
-  ._input-wrapper_1t7vf_2._disabled_1t7vf_202 *, ._input-wrapper_1t7vf_2[disabled] *, ._input-wrapper_1t7vf_2:has(._input_1t7vf_2:disabled) * {
-    cursor: not-allowed;
-  }
-  ._input-wrapper_1t7vf_2:has(input._input_1t7vf_2:-moz-read-only) {
-    background-color: var(--background-color-strong, #f7f7f7);
-  }
-  ._input-wrapper_1t7vf_2[disabled], ._input-wrapper_1t7vf_2[readonly], ._input-wrapper_1t7vf_2._disabled_1t7vf_202, ._input-wrapper_1t7vf_2:has(input._input_1t7vf_2:read-only) {
-    background-color: var(--background-color-strong, #f7f7f7);
-  }
-  ._input-wrapper_1t7vf_2:focus:not([disabled]), ._input-wrapper_1t7vf_2:focus-visible, ._input-wrapper_1t7vf_2:has(._input_1t7vf_2:focus-visible) {
-    outline-width: 0.125rem;
-  }
-  ._input-wrapper_1t7vf_2:has(._input_1t7vf_2._error_1t7vf_214) {
-    border-color: var(--border-color-danger, #e13212);
-  }
-  ._input-wrapper_1t7vf_2:focus:has(._input_1t7vf_2._error_1t7vf_214):not([disabled]), ._input-wrapper_1t7vf_2:focus-visible:has(._input_1t7vf_2._error_1t7vf_214), ._input-wrapper_1t7vf_2:has(._input_1t7vf_2._error_1t7vf_214:focus-visible) {
-    outline-color: var(--focus-ring-color-danger, #e13212);
-    outline-width: 0.125rem;
-  }
-  ._small_1t7vf_193 ._buttons-wrapper_1t7vf_11 {
-    height: 1.875rem;
-  }
-  ._large_1t7vf_196 ._buttons-wrapper_1t7vf_11 {
-    height: 2.875rem;
-  }
-  ._close-button-wrapper_1t7vf_39 ._close-button_1t7vf_39[data-interactive=hover]::before, ._close-button-wrapper_1t7vf_39 ._close-button_1t7vf_39:hover::before, ._close-button-wrapper_1t7vf_39 ._close-button_1t7vf_39:disabled:not(._loading-infinite_1t7vf_227, ._loading-progress_1t7vf_227), ._close-button-wrapper_1t7vf_39 ._close-button_1t7vf_39._disabled_1t7vf_202:not(._loading-infinite_1t7vf_227, ._loading-progress_1t7vf_227), ._close-button-wrapper_1t7vf_39 ._close-button_1t7vf_39[aria-disabled=true]:not(._loading-infinite_1t7vf_227, ._loading-progress_1t7vf_227) {
-    background-color: inherit;
-  }
-  ._toggle-button-wrapper_1t7vf_38 ._toggle-button_1t7vf_38[aria-expanded=true] {
-    transform: rotate(270deg);
-  }
-  ._toggle-button-wrapper_1t7vf_38 ._toggle-button_1t7vf_38[data-interactive=hover]::before, ._toggle-button-wrapper_1t7vf_38 ._toggle-button_1t7vf_38:hover::before, ._toggle-button-wrapper_1t7vf_38 ._toggle-button_1t7vf_38:disabled:not(._loading-infinite_1t7vf_227, ._loading-progress_1t7vf_227), ._toggle-button-wrapper_1t7vf_38 ._toggle-button_1t7vf_38._disabled_1t7vf_202:not(._loading-infinite_1t7vf_227, ._loading-progress_1t7vf_227), ._toggle-button-wrapper_1t7vf_38 ._toggle-button_1t7vf_38[aria-disabled=true]:not(._loading-infinite_1t7vf_227, ._loading-progress_1t7vf_227) {
-    background-color: inherit;
-  }
-  [aria-expanded=true] ._toggle-button-wrapper_1t7vf_38 ._toggle-button_1t7vf_38 {
-    transform: rotate(270deg);
-  }
-  ._small_1t7vf_193 ._chip-wrapper_1t7vf_98 {
-    height: 1.875rem;
-  }
-  ._large_1t7vf_196 ._chip-wrapper_1t7vf_98 {
-    height: 2.875rem;
-  }
 }

package/dist/MultiSelectMenu.js

@@ -1,2 +1,2 @@
-export { M as MultiSelectMenu, a as MultiSelectMenuSync } from './MultiSelectMenuSync-7C1wW4oO.js';
+export { M as MultiSelectMenu, a as MultiSelectMenuSync } from './MultiSelectMenuSync-dgO9SmHi.js';
 //# sourceMappingURL=MultiSelectMenu.js.map

package/dist/{MultiSelectMenuSync-7C1wW4oO.js → MultiSelectMenuSync-dgO9SmHi.js}

@@ -1,10 +1,10 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useRef, useId, useMemo, useState, useCallback, useEffect } from 'react';
-import { u as useToggleSelection, M as MultiSelectOptions } from './useToggleSelection-BBdrIVWs.js';
-import { a as useSelectOrchestration, b as useProcessedOptions, c as buildSelectItems, d as useDebouncedCallback, e as OptionsDialog, f as OptionsPopover, g as defaultSyncFilter, t as toSyncFilterFn } from './syncFilterUtils-UR5Vgqkh.js';
+import { u as useToggleSelection, M as MultiSelectOptions } from './useToggleSelection-D_2qS0P1.js';
+import { a as useSelectOrchestration, b as useProcessedOptions, c as buildSelectItems, d as useDebouncedCallback, e as OptionsDialog, f as OptionsPopover, g as defaultSyncFilter, t as toSyncFilterFn } from './syncFilterUtils-BLcRXQfd.js';
 import { u as useMenuInteraction } from './useMenuInteraction-BwZ2ORo9.js';
 import { w as warnOnce } from './warnOnce-Y9PRHcU4.js';
-import { S as SearchField } from './SearchField-im7AHGYo.js';
+import { S as SearchField } from './SearchField-CsRGYZx3.js';
 
 const MultiSelectMenu = forwardRef((props, ref) => {
   const triggerRef = useRef(null);
@@ -449,4 +449,4 @@ const MultiSelectMenuSync = (props) => {
 };
 
 export { MultiSelectMenu as M, MultiSelectMenuSync as a };
-//# sourceMappingURL=MultiSelectMenuSync-7C1wW4oO.js.map
+//# sourceMappingURL=MultiSelectMenuSync-dgO9SmHi.js.map