@loadsmart/loadsmart-ui 6.0.7 → 6.0.9

package/dist/components/Dropdown/Dropdown.stories.d.ts

@@ -1,9 +1,9 @@
 import type { Story, Meta } from '@storybook/react/types-6-0';
-import type { DropdownProps, DropdownMenuProps, DropdownTriggerProps } from './Dropdown.types';
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
-export default _default;
+import type { DropdownProps, DropdownTriggerProps } from './Dropdown.types';
+declare const meta: Meta;
+export default meta;
 export declare type DropdownStoryProps = DropdownProps & {
-    align?: DropdownMenuProps['align'];
+    scale: DropdownTriggerProps['scale'];
     outlined?: DropdownTriggerProps['outlined'];
 };
 export declare const Playground: Story<DropdownStoryProps>;

package/dist/components/Dropdown/DropdownTrigger.d.ts

@@ -11,6 +11,7 @@ export interface GenericDropdownTriggerProps extends HTMLAttributes<HTMLDivEleme
     disabled?: boolean;
     scheme?: ColorScheme;
     outlined?: boolean;
+    scale?: DropdownTriggerProps['scale'];
 }
 export declare function GenericDropdownTrigger(props: GenericDropdownTriggerProps): JSX.Element;
 declare function DropdownTrigger(props: DropdownTriggerProps): JSX.Element;

package/dist/components/Text/Text.d.ts

@@ -8,7 +8,7 @@ export declare type TextProps = PropsWithChildren<{
 declare const _default: import("styled-components").StyledComponent<"span", any, {
     variant?: TypographyVariants | undefined;
     italic?: boolean | undefined;
-    color?: "left" | "center" | "right" | "color-neutral-darker" | "button-border-radius" | "button-border-width" | "button-font-weight" | "button-font-height" | "button-small-font-size" | "button-small-height" | "button-small-padding-x" | "button-small-padding-y" | "button-font-size" | "button-height" | "button-width" | "button-padding-y" | "button-padding-x" | "button-spacing-x" | "button-large-font-size" | "button-large-height" | "button-large-padding-x" | "button-large-padding-y" | "button-primary-background" | "button-primary-background--hover" | "button-primary-background--focus" | "button-primary-background--active" | "button-primary-background--disabled" | "button-primary-border-color" | "button-primary-border-color--hover" | "button-primary-border-color--focus" | "button-primary-border-color--active" | "button-primary-border-color--disabled" | "button-primary-color" | "button-primary-color--hover" | "button-primary-color--focus" | "button-primary-color--active" | "button-primary-color--disabled" | "button-primary-outline" | "button-secondary-background" | "button-secondary-background--hover" | "button-secondary-background--focus" | "button-secondary-background--active" | "button-secondary-background--disabled" | "button-secondary-border-color" | "button-secondary-border-color--hover" | "button-secondary-border-color--focus" | "button-secondary-border-color--active" | "button-secondary-border-color--disabled" | "button-secondary-color" | "button-secondary-color--hover" | "button-secondary-color--focus" | "button-secondary-color--active" | "button-secondary-color--disabled" | "button-secondary-outline" | "button-secondary-dark-background" | "button-secondary-dark-background--hover" | "button-secondary-dark-background--focus" | "button-secondary-dark-background--active" | "button-secondary-dark-background--disabled" | "button-secondary-dark-border-color" | "button-secondary-dark-border-color--hover" | "button-secondary-dark-border-color--focus" | "button-secondary-dark-border-color--active" | "button-secondary-dark-border-color--disabled" | "button-secondary-dark-color" | "button-secondary-dark-color--hover" | "button-secondary-dark-color--focus" | "button-secondary-dark-color--active" | "button-secondary-dark-color--disabled" | "button-warning-background" | "button-warning-background--hover" | "button-warning-background--focus" | "button-warning-background--active" | "button-warning-background--disabled" | "button-warning-border-color" | "button-warning-border-color--hover" | "button-warning-border-color--focus" | "button-warning-border-color--active" | "button-warning-border-color--disabled" | "button-warning-color" | "button-warning-color--hover" | "button-warning-color--focus" | "button-warning-color--active" | "button-warning-color--disabled" | "button-warning-outline" | "button-icon-border-radius" | "button-icon-small-width" | "button-icon-width" | "button-icon-large-width" | "button-icon-background" | "button-icon-background--hover" | "button-icon-background--focus" | "button-icon-background--active" | "button-icon-background--disabled" | "button-icon-border-color" | "button-icon-border-color--hover" | "button-icon-border-color--focus" | "button-icon-border-color--active" | "button-icon-border-color--disabled" | "button-icon-color" | "button-icon-color--hover" | "button-icon-color--focus" | "button-icon-color--active" | "button-icon-color--disabled" | "button-icon-outline" | "tag-border-radius" | "tag-border-width" | "tag-font-weight" | "tag-font-height" | "tag-spacing" | "tag-spacing-removable" | "tag-width" | "tag-outline" | "tag-remove-button-background" | "tag-remove-button-border-radius" | "tag-icon-spacing" | "tag-small-font-size" | "tag-small-height" | "tag-small-transform" | "tag-small-leading-display" | "tag-small-remove-button-size" | "tag-small-remove-button-icon-size" | "tag-small-spacing-removable" | "tag-font-size" | "tag-height" | "tag-transform" | "tag-leading-display" | "tag-remove-button-size" | "tag-remove-button-icon-size" | "tag-large-font-size" | "tag-large-height" | "tag-large-transform" | "tag-large-leading-display" | "tag-large-remove-button-size" | "tag-large-remove-button-icon-size" | "tag-default-background" | "tag-default-background--hover" | "tag-default-background--focus" | "tag-default-color" | "tag-default-color--hover" | "tag-default-color--focus" | "tag-default-border-color" | "tag-default-border-color--hover" | "tag-default-border-color--focus" | "tag-outlined-background" | "tag-outlined-background--hover" | "tag-outlined-background--focus" | "tag-outlined-color" | "tag-outlined-color--hover" | "tag-outlined-color--focus" | "tag-outlined-border-color" | "tag-outlined-border-color--hover" | "tag-outlined-border-color--focus" | "tag-accent-background" | "tag-accent-background--hover" | "tag-accent-background--focus" | "tag-accent-color" | "tag-accent-color--hover" | "tag-accent-color--focus" | "tag-accent-border-color" | "tag-accent-border-color--hover" | "tag-accent-border-color--focus" | "tag-success-background" | "tag-success-background--hover" | "tag-success-background--focus" | "tag-success-color" | "tag-success-color--hover" | "tag-success-color--focus" | "tag-success-border-color" | "tag-success-border-color--hover" | "tag-success-border-color--focus" | "tag-warning-background" | "tag-warning-background--hover" | "tag-warning-background--focus" | "tag-warning-color" | "tag-warning-color--hover" | "tag-warning-color--focus" | "tag-warning-border-color" | "tag-warning-border-color--hover" | "tag-warning-border-color--focus" | "tag-danger-background" | "tag-danger-background--hover" | "tag-danger-background--focus" | "tag-danger-color" | "tag-danger-color--hover" | "tag-danger-color--focus" | "tag-danger-border-color" | "tag-danger-border-color--hover" | "tag-danger-border-color--focus" | "checkbox-color" | "checkbox-font-weight" | "checkbox-font-size" | "checkbox-selector-border-radius" | "checkbox-selector-size" | "checkbox-selector-outline" | "checkbox-small-font-size" | "checkbox-selector-icon-color" | "checkbox-selector-background" | "checkbox-selector-background--hover" | "checkbox-selector-background--focus" | "checkbox-selector-background--disabled" | "checkbox-selector-checked-background" | "checkbox-selector-checked-background--hover" | "checkbox-selector-checked-background--focus" | "checkbox-selector-checked-background--disabled" | "checkbox-selector-border-color" | "checkbox-selector-border-color--hover" | "checkbox-selector-border-color--focus" | "checkbox-selector-border-color--disabled" | "checkbox-selector-checked-border-color" | "checkbox-selector-checked-border-color--hover" | "checkbox-selector-checked-border-color--focus" | "checkbox-selector-checked-border-color--disabled" | "checkbox-dark-color" | "checkbox-dark-selector-background" | "checkbox-dark-selector-background--hover" | "checkbox-dark-selector-background--focus" | "checkbox-dark-selector-background--disabled" | "checkbox-dark-selector-border-color" | "checkbox-dark-selector-border-color--hover" | "checkbox-dark-selector-border-color--focus" | "checkbox-dark-selector-border-color--disabled" | "radio-color" | "radio-font-weight" | "radio-font-size" | "radio-selector-border-radius" | "radio-selector-size" | "radio-selector-outline" | "radio-small-font-size" | "radio-small-selector-size" | "radio-selector-background" | "radio-selector-background--hover" | "radio-selector-background--focus" | "radio-selector-background--disabled" | "radio-selector-border-color" | "radio-selector-border-color--hover" | "radio-selector-border-color--focus" | "radio-selector-border-color--disabled" | "radio-selector-border-color--checked" | "radio-dark-color" | "radio-dark-selector-background" | "radio-dark-selector-background--hover" | "radio-dark-selector-background--focus" | "radio-dark-selector-background--disabled" | "radio-dark-selector-border-color" | "radio-dark-selector-border-color--hover" | "radio-dark-selector-border-color--focus" | "radio-dark-selector-border-color--disabled" | "tooltip-arrow-height" | "tooltip-arrow-width" | "tooltip-background" | "tooltip-border-radius" | "tooltip-color" | "tooltip-dark-outline" | "tooltip-font-size" | "tooltip-font-height" | "tooltip-max-width" | "tooltip-min-width" | "tooltip-outline" | "tooltip-padding-x" | "tooltip-padding-y" | "tooltip-margin" | "tooltip-shadow" | "modal-small-max-width" | "modal-max-width" | "modal-large-max-width" | "modal-overlay-background" | "dialog-header-color" | "dialog-header-border-color" | "dialog-body-font-color" | "text-field-border-radius" | "text-field-color" | "text-field-font-size" | "text-field-font-weight" | "text-field-font-height" | "text-field-height" | "text-field-padding-x" | "text-field-padding-y" | "text-field-outline" | "text-field-small-height" | "text-field-small-padding-x" | "text-field-small-padding-y" | "text-field-small-font-size" | "text-field-large-height" | "text-field-large-padding-x" | "text-field-large-padding-y" | "text-field-large-font-size" | "text-field-background" | "text-field-background--hover" | "text-field-background--focus" | "text-field-background--disabled" | "text-field-border-color" | "text-field-border-color--hover" | "text-field-border-color--focus" | "text-field-border-color--disabled" | "text-field-dark-color" | "text-field-dark-background" | "text-field-dark-border-color" | "text-field-dark-border-color--hover" | "text-field-dark-border-color--focus" | "text-field-dark-border-color--disabled" | "text-field-success-border-color" | "text-field-danger-border-color" | "text-field-dark-outline" | "textarea-border-radius" | "textarea-color" | "textarea-font-size" | "textarea-font-weight" | "textarea-font-height" | "textarea-min-height" | "textarea-padding-x" | "textarea-padding-y" | "textarea-outline" | "textarea-small-padding-x" | "textarea-small-padding-y" | "textarea-small-font-size" | "textarea-large-height" | "textarea-large-padding-x" | "textarea-large-padding-y" | "textarea-large-font-size" | "textarea-background" | "textarea-background--hover" | "textarea-background--focus" | "textarea-background--disabled" | "textarea-border-color" | "textarea-border-color--hover" | "textarea-border-color--focus" | "textarea-border-color--disabled" | "textarea-dark-color" | "textarea-dark-background" | "textarea-dark-border-color" | "textarea-dark-border-color--hover" | "textarea-dark-border-color--focus" | "textarea-dark-border-color--disabled" | "textarea-success-border-color" | "textarea-danger-border-color" | "textarea-dark-outline" | "link-font-size" | "link-font-height" | "link-color" | "link-font-weight" | "link-font-weight--hover" | "breadcrumbs-font-size" | "breadcrumbs-font-height" | "breadcrumbs-font-weight" | "breadcrumbs-font-weight--active" | "breadcrumbs-spacing-x" | "banner-font-size" | "banner-font-height" | "banner-default-height" | "banner-min-width" | "banner-description-color" | "banner-title-font-weight" | "banner-border-radius" | "banner-border-width" | "banner-close-button-color" | "banner-icon-width" | "banner-icon-height" | "banner-icon-margin-right" | "banner-default-padding-x" | "banner-default-padding-y" | "banner-large-padding" | "banner-default-icon-alignment" | "banner-large-icon-alignment" | "banner-default-close-top" | "banner-default-close-right" | "banner-large-close-top" | "banner-large-close-right" | "banner-title-color-success" | "banner-border-color-success" | "banner-background-success" | "banner-title-color-danger" | "banner-border-color-danger" | "banner-background-danger" | "banner-title-color-warning" | "banner-border-color-warning" | "banner-background-warning" | "banner-title-color-neutral" | "banner-border-color-neutral" | "banner-background-neutral" | "banner-button-background-success" | "banner-button-background-neutral" | "banner-button-background-danger" | "banner-button-background-warning" | "banner-button-background-secondary" | "banner-button-text-color" | "banner-secondary-button-margin-left" | "progressbar-height" | "progressbar-background" | "progressbar-line" | "progressbar-neutral-fill" | "progressbar-success-fill" | "progressbar-danger-fill" | "progressbar-warning-fill" | "toast-padding-x" | "toast-padding-y" | "toast-border-radius" | "toast-font-color" | "toast-font-size" | "toast-font-weight" | "toast-font-height" | "toast-close-x" | "toast-close-y" | "toast-shadow" | "toast-width" | "toast-neutral-background" | "toast-success-background" | "toast-danger-background" | "toast-warning-background" | "label-font-size" | "label-font-weight" | "label-font-height" | "label-font-color" | "label-required-color" | "label-tooltip-margin-left" | "label-tooltip-font-weight" | "label-tooltip-font-size" | "label-tooltip-font-color" | "label-tooltip-background-color" | "label-dark-font-color" | "label-tooltip-dark-font-color" | "label-tooltip-dark-background-color" | "switch-width" | "switch-height" | "switch-border-radius" | "switch-outline" | "switch-large-width" | "switch-large-height" | "switch-large-border-radius" | "switch-icon-height" | "switch-icon-width" | "switch-icon-color" | "switch-large-icon-height" | "switch-large-icon-width" | "switch-icon-active-x" | "switch-icon-active-y" | "switch-large-icon-active-x" | "switch-large-icon-active-y" | "switch-icon-inactive-x" | "switch-icon-inactive-y" | "switch-large-icon-inactive-x" | "switch-large-icon-inactive-y" | "switch-inactive-background-color" | "switch-inactive-background-color--hover" | "switch-active-background-color" | "switch-active-background-color--hover" | "switch-slider-x" | "switch-slider-active-x" | "switch-slider-y" | "switch-slider-active-y" | "switch-slider-size" | "switch-slider-background-color" | "switch-slider-border-radius" | "switch-slider-large-x" | "switch-slider-large-active-x" | "switch-slider-large-y" | "switch-slider-large-active-y" | "switch-slider-large-size" | "steps-step-padding-y" | "steps-step-padding-x" | "steps-color" | "steps-progress-padding-y" | "steps-progress-padding-x" | "steps-spacing-y" | "steps-indicator-size" | "steps-conector-height" | "steps-conector-height--complete" | "steps-conector-top" | "steps-conector-top--complete" | "steps-progress-step-background-color" | "steps-progress-step-background-color--complete" | "card-background" | "card-border-color" | "card-border-radius" | "card-color" | "card-flag-background-danger" | "card-flag-background-neutral" | "card-flag-background-success" | "card-flag-background-warning" | "card-flag-width" | "card-font-height" | "card-padding-x" | "card-padding-y" | "card-separator-background" | "card-subtitle-font-size" | "card-subtitle-font-weight" | "card-title-font-height" | "card-title-font-size" | "card-title-font-weight" | "dropdown-background" | "dropdown-border-color" | "dropdown-border-radius" | "dropdown-shadow" | "popover-background" | "popover-border-color" | "popover-border-radius" | "popover-shadow" | "side-navigation-collapsing-breakpoint" | "side-navigation-width" | "side-navigation-width-large" | "side-navigation-padding-bottom" | "side-navigation-background-color" | "side-navigation-component-margin-top" | "side-navigation-logo-padding-x" | "side-navigation-separator-color" | "side-navigation-menu-title-font-weight" | "side-navigation-menu-title-font-size" | "side-navigation-menu-title-line-height" | "side-navigation-menu-link-color--hover" | "side-navigation-menu-link-background-color--active" | "side-navigation-menu-link-box-shadow-color--active" | "side-navigation-menu-item-color--focus" | "table-row-default-color" | "table-row-variant-color" | "table-row-selected-color" | "top-navigation-height" | "top-navigation-background-color" | "top-navigation-border-color" | "top-navigation-dropdown-separator-color" | "top-navigation-dropdown-trigger-color" | "top-navigation-dropdown-subitem-color" | "top-navigation-item-icon-color" | "top-navigation-item-color" | "top-navigation-item-color--hover" | "select-selected-option-check-color" | "select-selected-option-background-color" | "toggle-text-transform" | "toggle-background-color" | "toggle-background-color--hover" | "toggle-background-color--focus" | "toggle-background-color--active" | "toggle-background-color--disabled" | "toggle-checked-background-color" | "toggle-checked-background-color--hover" | "toggle-checked-background-color--focus" | "toggle-checked-background-color--active" | "toggle-checked-background-color--disabled" | "toggle-color" | "toggle-color--hover" | "toggle-color--focus" | "toggle-color--active" | "toggle-color--disabled" | "toggle-checked-color" | "toggle-checked-color--hover" | "toggle-checked-color--focus" | "toggle-checked-color--active" | "toggle-checked-color--disabled" | "toggle-single-border-color" | "toggle-single-border-color--hover" | "toggle-single-border-color--focus" | "toggle-single-border-color--active" | "toggle-single-border-color--disabled" | "toggle-single-checked-border-color" | "toggle-single-checked-border-color--disabled" | "toggle-single-font-size" | "toggle-single-small-font-size" | "toggle-single-height" | "toggle-single-small-height" | "toggle-multiple-border-color" | "toggle-multiple-border-color--hover" | "toggle-multiple-border-color--focus" | "toggle-multiple-border-color--active" | "toggle-multiple-border-color--disabled" | "toggle-multiple-checked-border-color" | "toggle-multiple-checked-border-color--disabled" | "toggle-multiple-font-size" | "toggle-multiple-small-font-size" | "toggle-multiple-height" | "toggle-multiple-small-height" | "toggle-group-border-color--disabled" | "toggle-group-multiple-border-width" | "toggle-group-multiple-border-style" | "toggle-group-multiple-border-color" | "toggle-group-multiple-border-radius" | "toggle-group-multiple-padding" | "toggle-group-single-border-width" | "toggle-group-single-border-style" | "toggle-group-single-border-color" | "toggle-group-single-border-radius" | "toggle-group-single-padding" | "dropdown-trigger-expanded-color" | "dropdown-trigger-height" | "height-small" | "height-default" | "height-large" | "z-index-none" | "z-index-default" | "z-index-droplist" | "z-index-tooltip" | "z-index-overlay" | "z-index-modal" | "space-none" | "space-2xs" | "space-xs" | "space-s" | "space-m" | "space-l" | "space-xl" | "space-2xl" | "space-3xl" | "shadow-none" | "shadow-modal" | "shadow-droplist" | "shadow-glow-primary" | "shadow-glow-warning" | "opacity-0" | "opacity-20" | "opacity-40" | "opacity-60" | "opacity-100" | "font-weight-regular" | "font-weight-medium" | "font-weight-bold" | "font-size-6" | "font-size-5" | "font-size-4" | "font-size-3" | "font-size-2" | "font-size-1" | "font-height-1" | "font-height-2" | "font-height-3" | "font-family-default" | "font-family-monospace" | "color-primary" | "color-accent" | "color-neutral-darkest" | "color-neutral-dark" | "color-neutral" | "color-neutral-light" | "color-neutral-lighter" | "color-neutral-lightest" | "color-neutral-white" | "color-success-dark" | "color-success" | "color-success-light" | "color-transparent" | "color-warning-dark" | "color-warning" | "color-warning-light" | "color-danger-dark" | "color-danger" | "color-danger-light" | "border-width-none" | "border-width-thin" | "border-width-medium" | "border-width-bold" | "border-radius-none" | "border-radius-s" | "border-radius-m" | "border-radius-l" | "border-radius-circle" | undefined;
+    color?: "left" | "center" | "right" | "color-neutral-darker" | "button-border-radius" | "button-border-width" | "button-font-weight" | "button-font-height" | "button-small-font-size" | "button-small-height" | "button-small-padding-x" | "button-small-padding-y" | "button-font-size" | "button-height" | "button-width" | "button-padding-y" | "button-padding-x" | "button-spacing-x" | "button-large-font-size" | "button-large-height" | "button-large-padding-x" | "button-large-padding-y" | "button-primary-background" | "button-primary-background--hover" | "button-primary-background--focus" | "button-primary-background--active" | "button-primary-background--disabled" | "button-primary-border-color" | "button-primary-border-color--hover" | "button-primary-border-color--focus" | "button-primary-border-color--active" | "button-primary-border-color--disabled" | "button-primary-color" | "button-primary-color--hover" | "button-primary-color--focus" | "button-primary-color--active" | "button-primary-color--disabled" | "button-primary-outline" | "button-secondary-background" | "button-secondary-background--hover" | "button-secondary-background--focus" | "button-secondary-background--active" | "button-secondary-background--disabled" | "button-secondary-border-color" | "button-secondary-border-color--hover" | "button-secondary-border-color--focus" | "button-secondary-border-color--active" | "button-secondary-border-color--disabled" | "button-secondary-color" | "button-secondary-color--hover" | "button-secondary-color--focus" | "button-secondary-color--active" | "button-secondary-color--disabled" | "button-secondary-outline" | "button-secondary-dark-background" | "button-secondary-dark-background--hover" | "button-secondary-dark-background--focus" | "button-secondary-dark-background--active" | "button-secondary-dark-background--disabled" | "button-secondary-dark-border-color" | "button-secondary-dark-border-color--hover" | "button-secondary-dark-border-color--focus" | "button-secondary-dark-border-color--active" | "button-secondary-dark-border-color--disabled" | "button-secondary-dark-color" | "button-secondary-dark-color--hover" | "button-secondary-dark-color--focus" | "button-secondary-dark-color--active" | "button-secondary-dark-color--disabled" | "button-warning-background" | "button-warning-background--hover" | "button-warning-background--focus" | "button-warning-background--active" | "button-warning-background--disabled" | "button-warning-border-color" | "button-warning-border-color--hover" | "button-warning-border-color--focus" | "button-warning-border-color--active" | "button-warning-border-color--disabled" | "button-warning-color" | "button-warning-color--hover" | "button-warning-color--focus" | "button-warning-color--active" | "button-warning-color--disabled" | "button-warning-outline" | "button-icon-border-radius" | "button-icon-small-width" | "button-icon-width" | "button-icon-large-width" | "button-icon-background" | "button-icon-background--hover" | "button-icon-background--focus" | "button-icon-background--active" | "button-icon-background--disabled" | "button-icon-border-color" | "button-icon-border-color--hover" | "button-icon-border-color--focus" | "button-icon-border-color--active" | "button-icon-border-color--disabled" | "button-icon-color" | "button-icon-color--hover" | "button-icon-color--focus" | "button-icon-color--active" | "button-icon-color--disabled" | "button-icon-outline" | "tag-border-radius" | "tag-border-width" | "tag-font-weight" | "tag-font-height" | "tag-spacing" | "tag-spacing-removable" | "tag-width" | "tag-outline" | "tag-remove-button-background" | "tag-remove-button-border-radius" | "tag-icon-spacing" | "tag-small-font-size" | "tag-small-height" | "tag-small-transform" | "tag-small-leading-display" | "tag-small-remove-button-size" | "tag-small-remove-button-icon-size" | "tag-small-spacing-removable" | "tag-font-size" | "tag-height" | "tag-transform" | "tag-leading-display" | "tag-remove-button-size" | "tag-remove-button-icon-size" | "tag-large-font-size" | "tag-large-height" | "tag-large-transform" | "tag-large-leading-display" | "tag-large-remove-button-size" | "tag-large-remove-button-icon-size" | "tag-default-background" | "tag-default-background--hover" | "tag-default-background--focus" | "tag-default-color" | "tag-default-color--hover" | "tag-default-color--focus" | "tag-default-border-color" | "tag-default-border-color--hover" | "tag-default-border-color--focus" | "tag-outlined-background" | "tag-outlined-background--hover" | "tag-outlined-background--focus" | "tag-outlined-color" | "tag-outlined-color--hover" | "tag-outlined-color--focus" | "tag-outlined-border-color" | "tag-outlined-border-color--hover" | "tag-outlined-border-color--focus" | "tag-accent-background" | "tag-accent-background--hover" | "tag-accent-background--focus" | "tag-accent-color" | "tag-accent-color--hover" | "tag-accent-color--focus" | "tag-accent-border-color" | "tag-accent-border-color--hover" | "tag-accent-border-color--focus" | "tag-success-background" | "tag-success-background--hover" | "tag-success-background--focus" | "tag-success-color" | "tag-success-color--hover" | "tag-success-color--focus" | "tag-success-border-color" | "tag-success-border-color--hover" | "tag-success-border-color--focus" | "tag-warning-background" | "tag-warning-background--hover" | "tag-warning-background--focus" | "tag-warning-color" | "tag-warning-color--hover" | "tag-warning-color--focus" | "tag-warning-border-color" | "tag-warning-border-color--hover" | "tag-warning-border-color--focus" | "tag-danger-background" | "tag-danger-background--hover" | "tag-danger-background--focus" | "tag-danger-color" | "tag-danger-color--hover" | "tag-danger-color--focus" | "tag-danger-border-color" | "tag-danger-border-color--hover" | "tag-danger-border-color--focus" | "checkbox-color" | "checkbox-font-weight" | "checkbox-font-size" | "checkbox-selector-border-radius" | "checkbox-selector-size" | "checkbox-selector-outline" | "checkbox-small-font-size" | "checkbox-selector-icon-color" | "checkbox-selector-background" | "checkbox-selector-background--hover" | "checkbox-selector-background--focus" | "checkbox-selector-background--disabled" | "checkbox-selector-checked-background" | "checkbox-selector-checked-background--hover" | "checkbox-selector-checked-background--focus" | "checkbox-selector-checked-background--disabled" | "checkbox-selector-border-color" | "checkbox-selector-border-color--hover" | "checkbox-selector-border-color--focus" | "checkbox-selector-border-color--disabled" | "checkbox-selector-checked-border-color" | "checkbox-selector-checked-border-color--hover" | "checkbox-selector-checked-border-color--focus" | "checkbox-selector-checked-border-color--disabled" | "checkbox-dark-color" | "checkbox-dark-selector-background" | "checkbox-dark-selector-background--hover" | "checkbox-dark-selector-background--focus" | "checkbox-dark-selector-background--disabled" | "checkbox-dark-selector-border-color" | "checkbox-dark-selector-border-color--hover" | "checkbox-dark-selector-border-color--focus" | "checkbox-dark-selector-border-color--disabled" | "radio-color" | "radio-font-weight" | "radio-font-size" | "radio-selector-border-radius" | "radio-selector-size" | "radio-selector-outline" | "radio-small-font-size" | "radio-small-selector-size" | "radio-selector-background" | "radio-selector-background--hover" | "radio-selector-background--focus" | "radio-selector-background--disabled" | "radio-selector-border-color" | "radio-selector-border-color--hover" | "radio-selector-border-color--focus" | "radio-selector-border-color--disabled" | "radio-selector-border-color--checked" | "radio-dark-color" | "radio-dark-selector-background" | "radio-dark-selector-background--hover" | "radio-dark-selector-background--focus" | "radio-dark-selector-background--disabled" | "radio-dark-selector-border-color" | "radio-dark-selector-border-color--hover" | "radio-dark-selector-border-color--focus" | "radio-dark-selector-border-color--disabled" | "tooltip-arrow-height" | "tooltip-arrow-width" | "tooltip-background" | "tooltip-border-radius" | "tooltip-color" | "tooltip-dark-outline" | "tooltip-font-size" | "tooltip-font-height" | "tooltip-max-width" | "tooltip-min-width" | "tooltip-outline" | "tooltip-padding-x" | "tooltip-padding-y" | "tooltip-margin" | "tooltip-shadow" | "modal-small-max-width" | "modal-max-width" | "modal-large-max-width" | "modal-overlay-background" | "dialog-header-color" | "dialog-header-border-color" | "dialog-body-font-color" | "text-field-border-radius" | "text-field-color" | "text-field-font-size" | "text-field-font-weight" | "text-field-font-height" | "text-field-height" | "text-field-padding-x" | "text-field-padding-y" | "text-field-outline" | "text-field-small-height" | "text-field-small-padding-x" | "text-field-small-padding-y" | "text-field-small-font-size" | "text-field-large-height" | "text-field-large-padding-x" | "text-field-large-padding-y" | "text-field-large-font-size" | "text-field-background" | "text-field-background--hover" | "text-field-background--focus" | "text-field-background--disabled" | "text-field-border-color" | "text-field-border-color--hover" | "text-field-border-color--focus" | "text-field-border-color--disabled" | "text-field-dark-color" | "text-field-dark-background" | "text-field-dark-border-color" | "text-field-dark-border-color--hover" | "text-field-dark-border-color--focus" | "text-field-dark-border-color--disabled" | "text-field-success-border-color" | "text-field-danger-border-color" | "text-field-dark-outline" | "textarea-border-radius" | "textarea-color" | "textarea-font-size" | "textarea-font-weight" | "textarea-font-height" | "textarea-min-height" | "textarea-padding-x" | "textarea-padding-y" | "textarea-outline" | "textarea-small-padding-x" | "textarea-small-padding-y" | "textarea-small-font-size" | "textarea-large-height" | "textarea-large-padding-x" | "textarea-large-padding-y" | "textarea-large-font-size" | "textarea-background" | "textarea-background--hover" | "textarea-background--focus" | "textarea-background--disabled" | "textarea-border-color" | "textarea-border-color--hover" | "textarea-border-color--focus" | "textarea-border-color--disabled" | "textarea-dark-color" | "textarea-dark-background" | "textarea-dark-border-color" | "textarea-dark-border-color--hover" | "textarea-dark-border-color--focus" | "textarea-dark-border-color--disabled" | "textarea-success-border-color" | "textarea-danger-border-color" | "textarea-dark-outline" | "link-font-size" | "link-font-height" | "link-color" | "link-font-weight" | "link-font-weight--hover" | "breadcrumbs-font-size" | "breadcrumbs-font-height" | "breadcrumbs-font-weight" | "breadcrumbs-font-weight--active" | "breadcrumbs-spacing-x" | "banner-font-size" | "banner-font-height" | "banner-default-height" | "banner-min-width" | "banner-description-color" | "banner-title-font-weight" | "banner-border-radius" | "banner-border-width" | "banner-close-button-color" | "banner-icon-width" | "banner-icon-height" | "banner-icon-margin-right" | "banner-default-padding-x" | "banner-default-padding-y" | "banner-large-padding" | "banner-default-icon-alignment" | "banner-large-icon-alignment" | "banner-default-close-top" | "banner-default-close-right" | "banner-large-close-top" | "banner-large-close-right" | "banner-title-color-success" | "banner-border-color-success" | "banner-background-success" | "banner-title-color-danger" | "banner-border-color-danger" | "banner-background-danger" | "banner-title-color-warning" | "banner-border-color-warning" | "banner-background-warning" | "banner-title-color-neutral" | "banner-border-color-neutral" | "banner-background-neutral" | "banner-button-background-success" | "banner-button-background-neutral" | "banner-button-background-danger" | "banner-button-background-warning" | "banner-button-background-secondary" | "banner-button-text-color" | "banner-secondary-button-margin-left" | "progressbar-height" | "progressbar-background" | "progressbar-line" | "progressbar-neutral-fill" | "progressbar-success-fill" | "progressbar-danger-fill" | "progressbar-warning-fill" | "toast-padding-x" | "toast-padding-y" | "toast-border-radius" | "toast-font-color" | "toast-font-size" | "toast-font-weight" | "toast-font-height" | "toast-close-x" | "toast-close-y" | "toast-shadow" | "toast-width" | "toast-neutral-background" | "toast-success-background" | "toast-danger-background" | "toast-warning-background" | "label-font-size" | "label-font-weight" | "label-font-height" | "label-font-color" | "label-required-color" | "label-tooltip-margin-left" | "label-tooltip-font-weight" | "label-tooltip-font-size" | "label-tooltip-font-color" | "label-tooltip-background-color" | "label-dark-font-color" | "label-tooltip-dark-font-color" | "label-tooltip-dark-background-color" | "switch-width" | "switch-height" | "switch-border-radius" | "switch-outline" | "switch-large-width" | "switch-large-height" | "switch-large-border-radius" | "switch-icon-height" | "switch-icon-width" | "switch-icon-color" | "switch-large-icon-height" | "switch-large-icon-width" | "switch-icon-active-x" | "switch-icon-active-y" | "switch-large-icon-active-x" | "switch-large-icon-active-y" | "switch-icon-inactive-x" | "switch-icon-inactive-y" | "switch-large-icon-inactive-x" | "switch-large-icon-inactive-y" | "switch-inactive-background-color" | "switch-inactive-background-color--hover" | "switch-active-background-color" | "switch-active-background-color--hover" | "switch-slider-x" | "switch-slider-active-x" | "switch-slider-y" | "switch-slider-active-y" | "switch-slider-size" | "switch-slider-background-color" | "switch-slider-border-radius" | "switch-slider-large-x" | "switch-slider-large-active-x" | "switch-slider-large-y" | "switch-slider-large-active-y" | "switch-slider-large-size" | "steps-step-padding-y" | "steps-step-padding-x" | "steps-color" | "steps-progress-padding-y" | "steps-progress-padding-x" | "steps-spacing-y" | "steps-indicator-size" | "steps-conector-height" | "steps-conector-height--complete" | "steps-conector-top" | "steps-conector-top--complete" | "steps-progress-step-background-color" | "steps-progress-step-background-color--complete" | "card-background" | "card-border-color" | "card-border-radius" | "card-color" | "card-flag-background-danger" | "card-flag-background-neutral" | "card-flag-background-success" | "card-flag-background-warning" | "card-flag-width" | "card-font-height" | "card-padding-x" | "card-padding-y" | "card-separator-background" | "card-subtitle-font-size" | "card-subtitle-font-weight" | "card-title-font-height" | "card-title-font-size" | "card-title-font-weight" | "dropdown-background" | "dropdown-border-color" | "dropdown-border-radius" | "dropdown-shadow" | "popover-background" | "popover-border-color" | "popover-border-radius" | "popover-shadow" | "side-navigation-collapsing-breakpoint" | "side-navigation-width" | "side-navigation-width-large" | "side-navigation-padding-bottom" | "side-navigation-background-color" | "side-navigation-component-margin-top" | "side-navigation-logo-padding-x" | "side-navigation-separator-color" | "side-navigation-menu-title-font-weight" | "side-navigation-menu-title-font-size" | "side-navigation-menu-title-line-height" | "side-navigation-menu-link-color--hover" | "side-navigation-menu-link-background-color--active" | "side-navigation-menu-link-box-shadow-color--active" | "side-navigation-menu-item-color--focus" | "table-row-default-color" | "table-row-variant-color" | "table-row-selected-color" | "top-navigation-height" | "top-navigation-background-color" | "top-navigation-border-color" | "top-navigation-dropdown-separator-color" | "top-navigation-dropdown-trigger-color" | "top-navigation-dropdown-subitem-color" | "top-navigation-item-icon-color" | "top-navigation-item-color" | "top-navigation-item-color--hover" | "select-selected-option-check-color" | "select-selected-option-background-color" | "toggle-text-transform" | "toggle-background-color" | "toggle-background-color--hover" | "toggle-background-color--focus" | "toggle-background-color--active" | "toggle-background-color--disabled" | "toggle-checked-background-color" | "toggle-checked-background-color--hover" | "toggle-checked-background-color--focus" | "toggle-checked-background-color--active" | "toggle-checked-background-color--disabled" | "toggle-color" | "toggle-color--hover" | "toggle-color--focus" | "toggle-color--active" | "toggle-color--disabled" | "toggle-checked-color" | "toggle-checked-color--hover" | "toggle-checked-color--focus" | "toggle-checked-color--active" | "toggle-checked-color--disabled" | "toggle-single-border-color" | "toggle-single-border-color--hover" | "toggle-single-border-color--focus" | "toggle-single-border-color--active" | "toggle-single-border-color--disabled" | "toggle-single-checked-border-color" | "toggle-single-checked-border-color--disabled" | "toggle-single-font-size" | "toggle-single-small-font-size" | "toggle-single-height" | "toggle-single-small-height" | "toggle-multiple-border-color" | "toggle-multiple-border-color--hover" | "toggle-multiple-border-color--focus" | "toggle-multiple-border-color--active" | "toggle-multiple-border-color--disabled" | "toggle-multiple-checked-border-color" | "toggle-multiple-checked-border-color--disabled" | "toggle-multiple-font-size" | "toggle-multiple-small-font-size" | "toggle-multiple-height" | "toggle-multiple-small-height" | "toggle-group-border-color--disabled" | "toggle-group-multiple-border-width" | "toggle-group-multiple-border-style" | "toggle-group-multiple-border-color" | "toggle-group-multiple-border-radius" | "toggle-group-multiple-padding" | "toggle-group-single-border-width" | "toggle-group-single-border-style" | "toggle-group-single-border-color" | "toggle-group-single-border-radius" | "toggle-group-single-padding" | "dropdown-trigger-expanded-color" | "dropdown-trigger-height" | "dropdown-trigger-small-height" | "dropdown-trigger-large-height" | "height-small" | "height-default" | "height-large" | "z-index-none" | "z-index-default" | "z-index-droplist" | "z-index-tooltip" | "z-index-overlay" | "z-index-modal" | "space-none" | "space-2xs" | "space-xs" | "space-s" | "space-m" | "space-l" | "space-xl" | "space-2xl" | "space-3xl" | "shadow-none" | "shadow-modal" | "shadow-droplist" | "shadow-glow-primary" | "shadow-glow-warning" | "opacity-0" | "opacity-20" | "opacity-40" | "opacity-60" | "opacity-100" | "font-weight-regular" | "font-weight-medium" | "font-weight-bold" | "font-size-6" | "font-size-5" | "font-size-4" | "font-size-3" | "font-size-2" | "font-size-1" | "font-height-1" | "font-height-2" | "font-height-3" | "font-family-default" | "font-family-monospace" | "color-primary" | "color-accent" | "color-neutral-darkest" | "color-neutral-dark" | "color-neutral" | "color-neutral-light" | "color-neutral-lighter" | "color-neutral-lightest" | "color-neutral-white" | "color-success-dark" | "color-success" | "color-success-light" | "color-transparent" | "color-warning-dark" | "color-warning" | "color-warning-light" | "color-danger-dark" | "color-danger" | "color-danger-light" | "border-width-none" | "border-width-thin" | "border-width-medium" | "border-width-bold" | "border-radius-none" | "border-radius-s" | "border-radius-m" | "border-radius-l" | "border-radius-circle" | undefined;
 } & {
     children?: import("react").ReactNode;
 }, never>;

package/dist/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./DragDropFile.context-c7cd1441.js"),t=require("react"),n=require("styled-components"),r=require("./theming/index.js"),o=require("./miranda-compatibility.theme-97e29e8e.js"),a=require("./toArray-b56541b4.js"),l=require("./prop-5c502a5a.js"),i=require("react-dom");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}require("@loadsmart/miranda-tokens");var d=c(t),u=s(t),g=c(n),f=c(i),p=s(i);function h(e){return`\n    transition-property: ${(null==e?void 0:e.property)||"background, border-color, box-shadow, color, fill, left, stroke, transform, opacity"};\n    transition-timing-function: ${(null==e?void 0:e.timingFunction)||"cubic-bezier(0.4, 0, 0.2, 1)"};\n    transition-duration: ${(null==e?void 0:e.duration)||"450ms"};\n    transition-delay: 0ms;\n  `}const m=g.default.span`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./DragDropFile.context-c7cd1441.js"),t=require("react"),n=require("styled-components"),r=require("./theming/index.js"),o=require("./miranda-compatibility.theme-ec2c3370.js"),a=require("./toArray-b56541b4.js"),l=require("./prop-9e9ff08a.js"),i=require("react-dom");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}require("@loadsmart/miranda-tokens");var d=c(t),u=s(t),g=c(n),f=c(i),p=s(i);function h(e){return`\n    transition-property: ${(null==e?void 0:e.property)||"background, border-color, box-shadow, color, fill, left, stroke, transform, opacity"};\n    transition-timing-function: ${(null==e?void 0:e.timingFunction)||"cubic-bezier(0.4, 0, 0.2, 1)"};\n    transition-duration: ${(null==e?void 0:e.duration)||"450ms"};\n    transition-delay: 0ms;\n  `}const m=g.default.span`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1946,7 +1946,7 @@
 `,lc=g.default.div`
   ${h()}
 
-  ${Qt({height:"font-height-3",weight:"font-weight-medium"})}
+  ${en(l.conditional({"button-md":l.whenProps({$scale:"default"}),"button-sm":l.whenProps({$scale:"small"}),"button-lg":l.whenProps({$scale:"large"})}))}
 
   display: flex;
   justify-content: flex-start;
@@ -1961,7 +1961,8 @@
 
   color: ${r.getToken("color-neutral-darker")};
 
-  height: ${r.getToken("dropdown-trigger-height")};
+  height: ${l.conditional({"dropdown-trigger-height":l.whenProps({$scale:"default"}),"dropdown-trigger-small-height":l.whenProps({$scale:"small"}),"dropdown-trigger-large-height":l.whenProps({$scale:"large"})})};
+
   box-sizing: border-box;
 
   flex: 1;
@@ -1993,7 +1994,7 @@
   height: calc(100% - 2px);
 `,cc=g.default(fe)`
   ${l.conditional({"transform: rotate(180deg);":l.whenProps({$rotate:!0})})}
-`;function sc(e){return d.default.createElement(cc,Object.assign({size:20},e,{name:"chevron-down"}))}function dc(n){const r=t.useContext(Bi),{toggle:a,disabled:l,expanded:i}=r,{children:c,onClick:s}=n,u=e.__rest(n,["children","onClick"]);return d.default.createElement(ac,Object.assign({trailing:d.default.createElement(sc,{$rotate:i}),onClick:function(e){e.persist(),a(),null==s||s(e)}},u,{type:"button","aria-haspopup":"true","aria-expanded":i,"aria-disabled":l,disabled:l}),o.isFunction(c)?c(r):c)}function uc(n){const r=t.useContext(Bi),{ref:o,focused:a}=er();if(!r)throw new Error("DropdownTrigger must be inside a DropdownContext");const{children:l,className:i,scheme:c="light",outlined:s=!0}=n,u=e.__rest(n,["children","className","scheme","outlined"]),{disabled:g}=r;return d.default.createElement(lc,Object.assign({role:"presentation"},u,{ref:o,className:Bn({"is-disabled":g,"is-focused":a},i),disabled:g,scheme:c,$outlined:s}),l)}function gc(t){const{children:n,className:r}=t,o=e.__rest(t,["children","className"]);return d.default.createElement(Ol.Reference,null,d.default.createElement(uc,{className:r,outlined:t.outlined},d.default.createElement(dc,Object.assign({},o,{"data-text":n}),n)))}function fc({disabled:e,expandDisabled:n}){const[r,o]=t.useState(!1),a=t.useCallback((function(){e||n||o((e=>!e))}),[e,n]),l=t.useCallback((function(){e||n||o(!0)}),[e,n]),i=t.useCallback((function(){e||n||o(!1)}),[e,n]);return t.useEffect((function(){(e||n)&&r&&o(!1)}),[e,n,r]),{expanded:r,toggle:a,expand:l,collapse:i}}gc.Button=dc,gc.Handle=function(n){const{toggle:r,expanded:o,disabled:a,expandDisabled:l}=t.useContext(Bi),{onClick:i}=n,c=e.__rest(n,["onClick"]);return d.default.createElement(ic,Object.assign({onClick:function(e){e.persist(),r(),null==i||i(e)},"data-testid":"dropdown-trigger-handle"},c,{disabled:a||l,type:"button",tabIndex:-1}),d.default.createElement(sc,{$rotate:o}))};const pc=g.default.div`
+`;function sc(e){return d.default.createElement(cc,Object.assign({size:20},e,{name:"chevron-down"}))}function dc(n){const r=t.useContext(Bi),{toggle:a,disabled:l,expanded:i}=r,{children:c,onClick:s}=n,u=e.__rest(n,["children","onClick"]);return d.default.createElement(ac,Object.assign({trailing:d.default.createElement(sc,{$rotate:i}),onClick:function(e){e.persist(),a(),null==s||s(e)}},u,{type:"button","aria-haspopup":"true","aria-expanded":i,"aria-disabled":l,disabled:l}),o.isFunction(c)?c(r):c)}function uc(n){const r=t.useContext(Bi),{ref:o,focused:a}=er();if(!r)throw new Error("DropdownTrigger must be inside a DropdownContext");const{children:l,className:i,scheme:c="light",outlined:s=!0,scale:u}=n,g=e.__rest(n,["children","className","scheme","outlined","scale"]),{disabled:f}=r;return d.default.createElement(lc,Object.assign({role:"presentation"},g,{ref:o,className:Bn({"is-disabled":f,"is-focused":a},i),disabled:f,scheme:c,$scale:u,$outlined:s}),l)}function gc(t){const{children:n,className:r}=t,o=e.__rest(t,["children","className"]);return d.default.createElement(Ol.Reference,null,d.default.createElement(uc,{className:r,outlined:t.outlined,scale:t.scale},d.default.createElement(dc,Object.assign({},o,{"data-text":n}),n)))}function fc({disabled:e,expandDisabled:n}){const[r,o]=t.useState(!1),a=t.useCallback((function(){e||n||o((e=>!e))}),[e,n]),l=t.useCallback((function(){e||n||o(!0)}),[e,n]),i=t.useCallback((function(){e||n||o(!1)}),[e,n]);return t.useEffect((function(){(e||n)&&r&&o(!1)}),[e,n,r]),{expanded:r,toggle:a,expand:l,collapse:i}}gc.Button=dc,gc.Handle=function(n){const{toggle:r,expanded:o,disabled:a,expandDisabled:l}=t.useContext(Bi),{onClick:i}=n,c=e.__rest(n,["onClick"]);return d.default.createElement(ic,Object.assign({onClick:function(e){e.persist(),r(),null==i||i(e)},"data-testid":"dropdown-trigger-handle"},c,{disabled:a||l,type:"button",tabIndex:-1}),d.default.createElement(sc,{$rotate:o}))};const pc=g.default.div`
   position: relative;
 `,hc=g.default.button.attrs({type:"button",tabIndex:-1})`
   ${Fo(!0)}
@@ -2024,7 +2025,7 @@
   border-right-color: ${r.getToken("color-neutral-light")};
   border-right-width: 1px;
   border-right-style: solid;
-`,Ec=t.forwardRef((function(n,r){const{className:a}=n,l=e.__rest(n,["className"]),{disabled:i,expanded:c,toggle:s}=t.useContext(Bi),u=d.default.useRef(null),{register:g}=jl();return d.default.useEffect((()=>{u.current&&g.reference(u.current)}),[g]),d.default.createElement(kc,{className:a},d.default.createElement(xc,Object.assign({"data-testid":"select-trigger-search-field"},l,{ref:e=>{o.isFunction(r)&&r(e),u.current=e},type:"search",disabled:i,onClick:function(){c||s()}})),d.default.createElement(Pc,null),d.default.createElement(gc.Handle,{"data-testid":"select-trigger-handle"}))}));function Tc(e){return null==e?[]:Array.from(e.querySelectorAll("button")||[])}function Cc(e){const{keys:n,onActivate:r,onDeactivate:o}=e,[a,l]=t.useState(!1),[i,c]=t.useState(-1),s=t.useRef(),[d,u]=t.useState([]);function g(){var e;c(-1),s.current&&(null===(e=s.current)||void 0===e||e.disconnect())}const f=t.useCallback((function(e){null!=e?(u(Tc(e)),function(e){s.current=new MutationObserver((function(){u(Tc(e))})),s.current.observe(e,{childList:!0})}(e)):g()}),[]);t.useEffect((function(){return function(){g()}}),[]),t.useEffect((function(){function e(e){const t=e,r=[...n||["TAB"]];if(!nc(t).is(r)||Re(d))return;t.preventDefault();const o=function(e,t,n){const r={Tab:e=>e.shiftKey?-1:1,ArrowUp:()=>-1,ArrowDown:()=>1},o=(r[tc(e)]||function(){return 0})(e);return-1===t&&-1===o?(o+n)%n:(t+o+n)%n}(t,i,d.length);c(o),d[o].focus()}return a&&document.addEventListener("keydown",e),function(){document.removeEventListener("keydown",e)}}),[a,n,i,d]);const p=t.useCallback((function(){l(!0),null==r||r()}),[r]),h=t.useCallback((function(){l(!1),null==o||o()}),[o]);return{containerRef:f,active:a,activate:p,deactivate:h}}function jc(e,t){return e.then((e=>[null,e])).catch((e=>(t&&Object.assign(e,t),[e,void 0])))}const Oc={getKey:e=>o.lodash_get(e,"value"),getLabel:e=>o.lodash_get(e,"label")};function _c(e,t){return null==t?Oc:e[t]||Oc}function zc(e,t){const n=Array.from(e);if(Re(n))return null;if(t){const e=[];for(const[,t]of n)e.push(t);return e}{const[[,e]]=n;return e}}function Sc(e,t,n){var r;if(0==t.size)return"";if(n)return"";{const o=zc(t,n);return null!==(r=_c(e,o._type).getLabel(o))&&void 0!==r?r:""}}function Rc(t,n){return e.__asyncGenerator(this,arguments,(function*(){const r=new RegExp(String(n||"").replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"i");for(const o of t){const[t,a]=yield e.__await(jc(Promise.resolve(o.fetch({query:n,regex:r}))));if(!t){const t=(a||[]).map((e=>Object.assign(Object.assign({},e),{_type:o.type})));yield yield e.__await(t)}}}))}function Mc(e){e.target.select()}function Dc(e,t,n){const r=new Map(t);return e.forEach((e=>{const t=_c(n,e._type);r.set(t.getKey(e),e)})),r}function Ac(n){const{datasources:r,adapters:o}=n,[a,l]=t.useState(new Map),[i,c]=t.useState("idle"),s=t.useRef();function d(){null!=s.current&&clearTimeout(s.current)}const u=t.useCallback((function(t){d(),c("pending-query"),s.current=setTimeout((()=>{!function(){var n,a;e.__awaiter(this,void 0,void 0,(function*(){l(new Map),c("querying");try{for(var i,s=e.__asyncValues(Rc(r,t));!(i=yield s.next()).done;){const e=i.value;l((t=>Dc(e,t,o)))}}catch(e){n={error:e}}finally{try{i&&!i.done&&(a=s.return)&&(yield a.call(s))}finally{if(n)throw n.error}}c("queried")}))}()}),750)}),[o,r]),g=t.useCallback((function(){c("idle"),l(new Map)}),[]),f=t.useCallback((function(){return Array.from(a.values())}),[a]),p=t.useCallback((function(){g(),u("")}),[g,u]),h=t.useCallback((function(e){return a.get(e)}),[a]);return t.useEffect((()=>()=>{d()}),[]),{get:f,fetch:u,clear:g,status:i,getOptionByKey:h,reset:p}}function Fc(n){const r=Mr(),{multiple:l,onQueryChange:i,onChange:c,onCreate:s,id:d,name:u,disabled:g=!1,onBlur:f,isValidNewOption:p=(e=>Boolean(e)),createOptionPosition:h="last"}=n,m=t.useMemo((()=>function(e){let t=[];var n;return t=t.concat(e.datasources||[]),t=t.concat((n=e.options)?[function(){return{type:"generic",adapter:Oc,fetch:function({regex:e}){return n.filter((({label:t})=>e.test(t)))}}}]:[]),t.map((e=>e()))}(n)),[n.datasources,n.options]),b=t.useMemo((()=>function(e){return a.toArray(e).reduce(((e,t)=>Object.assign(Object.assign({},e),{[t.type]:t.adapter})),{})}(m)),[m]),w=vc({selected:(v=n.value,a.toArray(v||[]).filter((e=>!Re(e)))),multiple:l,adapters:b,onChange:t.useCallback((function(e){null==c||c({target:{id:d,name:u,value:zc(e,l)}})}),[d,l,u,c])});var v;const $=t.useRef(),y=Cc({keys:["ARROW_UP","ARROW_DOWN"],onDeactivate(){var e;null===(e=$.current)||void 0===e||e.focus()}}),[k,x]=t.useState(!1),[P,E]=t.useState(Sc(b,w.selected,l)),T=Ac({datasources:m,adapters:b}),C=t.useMemo((()=>!P.length&&Re(T.get())&&Re(w.selected)&&o.isFunction(p)?!p(P):!p),[P,T,w.selected,p]),j=fc(Object.assign(Object.assign({},n),{expandDisabled:C}));t.useEffect((()=>{k&&(T.fetch(P),j.expand())}),[P,k]);const O=t.useCallback((function(e){const t=_c(b,e._type),n=t.getKey(e);return{label:t.getLabel(e),value:n,checked:w.selected.has(n)}}),[b,w.selected]),_=t.useCallback((function(e){let t=T.getOptionByKey(e);return t||(t=w.selected.get(e)),t}),[T,w.selected]),z=t.useCallback((function(e){w.toggle(e)}),[w]),S=t.useCallback((function(){return{toggle:j.toggle,expanded:j.expanded,onBlur(e){E(l?"":Sc(b,w.selected,l)),T.reset(),null==f||f(e)},expandDisabled:C}}),[b,j.expanded,j.toggle,l,T,w.selected,f,C]),R=t.useCallback((function(){return{id:d,ref(e){null!=e&&($.current=e)},value:P,onChange(e){null==i||i(e),E(e.target.value),x(!0)},onFocus:Mc}}),[d,P,i,j,T,w.selected]),M=t.useCallback((function(){return{onClick(){var e;E(""),w.clear(),T.reset(),null===(e=$.current)||void 0===e||e.focus()}}}),[T,w]),D=t.useCallback((function(){return{ref:y.containerRef,role:"listbox"}}),[y.containerRef]),A=t.useCallback((function({option:e}){const{value:t,checked:n,label:r}=O(e);return{role:"option","aria-selected":n,id:String(t),onClick:()=>(x(!1),l||x(!1),z(e),l),tabIndex:-1}}),[O,z,l]),F=t.useCallback((function(){return{onClick:function(){return function(){e.__awaiter(this,void 0,void 0,(function*(){if(!o.isFunction(s))return;const e=s(P);let t;var n;e&&(n=e,t=a.isObject(n)&&o.isFunction(n.then)?yield e:e),T.fetch(P),t&&z(t)}))}(),l},tabIndex:-1}}),[l,s,P,T,z]),L=t.useCallback((function(){const e=e=>O(e).label.toLocaleLowerCase()===P.toLocaleLowerCase();return o.isFunction(s)&&"queried"===T.status&&(o.isFunction(p)?p(P)&&!!a.isNil([...T.get(),...Array.from(w.selected.values())].find(e)):p)}),[O,p,s,T,P,w.selected]);return t.useEffect((function(){T.fetch("")}),[m]),t.useEffect((function(){(n.autoFocus||r)&&(j.expanded?y.activate():y.deactivate())}),[j.expanded]),t.useEffect((function(){l||E(Sc(b,w.selected,l))}),[b,l,w.selected]),{status:T.status,options:T.get(),value:zc(w.selected,l),query:P,disabled:g,selectable:w,getMenuProps:D,getSelectableOption:O,getOption:_,getOptionProps:A,getTriggerProps:R,getClearProps:M,getDropdownProps:S,getCreatebleProps:F,isCreatable:L,createOptionPosition:h}}const Lc=g.default.span`
+`,Ec=t.forwardRef((function(n,r){const{className:a}=n,l=e.__rest(n,["className"]),{disabled:i,expanded:c,toggle:s}=t.useContext(Bi),u=d.default.useRef(null),{register:g}=jl();return d.default.useEffect((()=>{u.current&&g.reference(u.current)}),[g]),d.default.createElement(kc,{className:a},d.default.createElement(xc,Object.assign({"data-testid":"select-trigger-search-field"},l,{ref:e=>{o.isFunction(r)&&r(e),u.current=e},type:"search",disabled:i,onClick:function(){c||s()}})),d.default.createElement(Pc,null),d.default.createElement(gc.Handle,{"data-testid":"select-trigger-handle"}))}));function Tc(e){return null==e?[]:Array.from(e.querySelectorAll("button")||[])}function Cc(e){const{keys:n,onActivate:r,onDeactivate:o}=e,[a,l]=t.useState(!1),[i,c]=t.useState(-1),s=t.useRef(),[d,u]=t.useState([]);function g(){var e;c(-1),s.current&&(null===(e=s.current)||void 0===e||e.disconnect())}const f=t.useCallback((function(e){null!=e?(u(Tc(e)),function(e){s.current=new MutationObserver((function(){u(Tc(e))})),s.current.observe(e,{childList:!0})}(e)):g()}),[]);t.useEffect((function(){return function(){g()}}),[]),t.useEffect((function(){function e(e){const t=e,r=[...n||["TAB"]];if(!nc(t).is(r)||Re(d))return;t.preventDefault();const o=function(e,t,n){const r={Tab:e=>e.shiftKey?-1:1,ArrowUp:()=>-1,ArrowDown:()=>1},o=(r[tc(e)]||function(){return 0})(e);return-1===t&&-1===o?(o+n)%n:(t+o+n)%n}(t,i,d.length);c(o),d[o].focus()}return a&&document.addEventListener("keydown",e),function(){document.removeEventListener("keydown",e)}}),[a,n,i,d]);const p=t.useCallback((function(){l(!0),null==r||r()}),[r]),h=t.useCallback((function(){l(!1),null==o||o()}),[o]);return{containerRef:f,active:a,activate:p,deactivate:h}}function jc(e,t){return e.then((e=>[null,e])).catch((e=>(t&&Object.assign(e,t),[e,void 0])))}const Oc={getKey:e=>o.lodash_get(e,"value"),getLabel:e=>o.lodash_get(e,"label")};function _c(e,t){return null==t?Oc:e[t]||Oc}function zc(e,t){const n=Array.from(e);if(Re(n))return null;if(t){const e=[];for(const[,t]of n)e.push(t);return e}{const[[,e]]=n;return e}}function Sc(e,t,n){var r;if(0==t.size)return"";if(n)return"";{const o=zc(t,n);return null!==(r=_c(e,o._type).getLabel(o))&&void 0!==r?r:""}}function Rc(t,n){return e.__asyncGenerator(this,arguments,(function*(){const r=new RegExp(String(n||"").replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"i");for(const o of t){const[t,a]=yield e.__await(jc(Promise.resolve(o.fetch({query:n,regex:r}))));if(!t){const t=(a||[]).map((e=>Object.assign(Object.assign({},e),{_type:o.type})));yield yield e.__await(t)}}}))}function Mc(e){e.target.select()}function Dc(e,t,n){const r=new Map(t);return e.forEach((e=>{const t=_c(n,e._type);r.set(t.getKey(e),e)})),r}function Ac(n){const{datasources:r,adapters:o}=n,[a,l]=t.useState(new Map),[i,c]=t.useState("idle"),s=t.useRef();function d(){null!=s.current&&clearTimeout(s.current)}const u=t.useCallback((function(t){d(),c("pending-query"),s.current=setTimeout((()=>{!function(){var n,a;e.__awaiter(this,void 0,void 0,(function*(){l(new Map),c("querying");try{for(var i,s=e.__asyncValues(Rc(r,t));!(i=yield s.next()).done;){const e=i.value;l((t=>Dc(e,t,o)))}}catch(e){n={error:e}}finally{try{i&&!i.done&&(a=s.return)&&(yield a.call(s))}finally{if(n)throw n.error}}c("queried")}))}()}),750)}),[o,r]),g=t.useCallback((function(){c("idle"),l(new Map)}),[]),f=t.useCallback((function(){return Array.from(a.values())}),[a]),p=t.useCallback((function(){g(),u("")}),[g,u]),h=t.useCallback((function(e){return a.get(e)}),[a]);return t.useEffect((()=>()=>{d()}),[]),{get:f,fetch:u,clear:g,status:i,getOptionByKey:h,reset:p}}function Fc(n){const r=Mr(),{multiple:l,onQueryChange:i,onChange:c,onCreate:s,id:d,name:u,disabled:g=!1,onBlur:f,isValidNewOption:p=(e=>Boolean(e)),createOptionPosition:h="last"}=n,m=t.useMemo((()=>function(e){let t=[];var n;return t=t.concat(e.datasources||[]),t=t.concat((n=e.options)?[function(){return{type:"generic",adapter:Oc,fetch:function({regex:e}){return n.filter((({label:t})=>e.test(t)))}}}]:[]),t.map((e=>e()))}(n)),[n.datasources,n.options]),b=t.useMemo((()=>function(e){return a.toArray(e).reduce(((e,t)=>Object.assign(Object.assign({},e),{[t.type]:t.adapter})),{})}(m)),[m]),w=vc({selected:(v=n.value,a.toArray(v||[]).filter((e=>!Re(e)))),multiple:l,adapters:b,onChange:t.useCallback((function(e){null==c||c({target:{id:d,name:u,value:zc(e,l)}})}),[d,l,u,c])});var v;const $=t.useRef(),y=Cc({keys:["ARROW_UP","ARROW_DOWN"],onDeactivate(){var e;null===(e=$.current)||void 0===e||e.focus()}}),[k,x]=t.useState(!1),[P,E]=t.useState(Sc(b,w.selected,l)),T=Ac({datasources:m,adapters:b}),C=t.useMemo((()=>!P.length&&Re(T.get())&&Re(w.selected)&&o.isFunction(p)?!p(P):!p),[P,T,w.selected,p]),j=fc(Object.assign(Object.assign({},n),{expandDisabled:C}));t.useEffect((()=>{k&&(T.fetch(P),j.expand())}),[P,k]);const O=t.useCallback((function(e){const t=_c(b,e._type),n=t.getKey(e);return{label:t.getLabel(e),value:n,checked:w.selected.has(n)}}),[b,w.selected]),_=t.useCallback((function(e){let t=T.getOptionByKey(e);return t||(t=w.selected.get(e)),t}),[T,w.selected]),z=t.useCallback((function(e){w.toggle(e)}),[w]),S=t.useCallback((function(){return{toggle:j.toggle,expanded:j.expanded,onBlur(e){x(!1),E(l?"":Sc(b,w.selected,l)),T.reset(),null==f||f(e)},expandDisabled:C}}),[b,j.expanded,j.toggle,l,T,w.selected,f,C]),R=t.useCallback((function(){return{id:d,ref(e){null!=e&&($.current=e)},value:P,onChange(e){const t=e.target.value.replace(/\s+/,"");x(""!==t),null==i||i(e),E(e.target.value)},onFocus:Mc}}),[d,P,i,j,T,w.selected]),M=t.useCallback((function(){return{onClick(){var e;x(!1),E(""),w.clear(),T.reset(),null===(e=$.current)||void 0===e||e.focus()}}}),[T,w]),D=t.useCallback((function(){return{ref:y.containerRef,role:"listbox"}}),[y.containerRef]),A=t.useCallback((function({option:e}){const{value:t,checked:n,label:r}=O(e);return{role:"option","aria-selected":n,id:String(t),onClick:()=>(x(!1),l||x(!1),z(e),l),tabIndex:-1}}),[O,z,l]),F=t.useCallback((function(){return{onClick:function(){return function(){e.__awaiter(this,void 0,void 0,(function*(){if(!o.isFunction(s))return;const e=s(P);let t;var n;e&&(n=e,t=a.isObject(n)&&o.isFunction(n.then)?yield e:e),T.fetch(P),t&&z(t)}))}(),l},tabIndex:-1}}),[l,s,P,T,z]),L=t.useCallback((function(){const e=e=>O(e).label.toLocaleLowerCase()===P.toLocaleLowerCase();return o.isFunction(s)&&"queried"===T.status&&(o.isFunction(p)?p(P)&&!!a.isNil([...T.get(),...Array.from(w.selected.values())].find(e)):p)}),[O,p,s,T,P,w.selected]);return t.useEffect((function(){T.fetch("")}),[m]),t.useEffect((function(){(n.autoFocus||r)&&(j.expanded?y.activate():y.deactivate())}),[j.expanded]),t.useEffect((function(){l||E(Sc(b,w.selected,l))}),[b,l,w.selected]),{status:T.status,options:T.get(),value:zc(w.selected,l),query:P,disabled:g,selectable:w,getMenuProps:D,getSelectableOption:O,getOption:_,getOptionProps:A,getTriggerProps:R,getClearProps:M,getDropdownProps:S,getCreatebleProps:F,isCreatable:L,createOptionPosition:h}}const Lc=g.default.span`
   /* highlightMatch splits the label into separate HTML elements, thus we need
   to preserve white-spaces, otherwise the browser wouldn't render them. */
   white-space: pre;