@loadsmart/loadsmart-ui 5.14.3 → 5.15.1

package/dist/components/Drawer/Drawer.d.ts

@@ -1,10 +1,11 @@
-import { ReactNode } from 'react';
 import type { PropsWithChildren } from 'react';
+import { ReactNode } from 'react';
 export interface DrawerProps {
     children?: ReactNode;
     className?: string;
     open: boolean;
     onClose?: () => void;
+    onClickOutside?: () => void;
 }
 export interface DrawerHeaderProps {
     className?: string;
@@ -18,7 +19,7 @@ export interface DrawerFooterProps {
     className?: string;
 }
 declare function DrawerFooter({ children, className, ...others }: PropsWithChildren<DrawerFooterProps>): JSX.Element;
-declare function Drawer({ className, children, open, onClose, ...others }: DrawerProps): JSX.Element;
+declare function Drawer({ className, children, open, onClose, onClickOutside, ...others }: DrawerProps): JSX.Element;
 declare namespace Drawer {
     var Header: typeof DrawerHeader;
     var Body: typeof DrawerBody;

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

@@ -1,4 +1,4 @@
-import type { Story, Meta } from '@storybook/react/types-6-0';
+import type { Meta, Story } from '@storybook/react/types-6-0';
 import type { DrawerProps } from './Drawer';
 declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
 export default _default;

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" | "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-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" | "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;
 } & {
     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-cf460901.js"),t=require("react"),n=require("styled-components"),r=require("./theming/index.js"),o=require("./miranda-compatibility.theme-2eb6612d.js"),a=require("./toArray-b56541b4.js"),l=require("./prop-9c65d3dd.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),p=c(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 f=g.default.span`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./DragDropFile.context-cf460901.js"),t=require("react"),n=require("styled-components"),r=require("./theming/index.js"),o=require("./miranda-compatibility.theme-4cecc6cf.js"),a=require("./toArray-b56541b4.js"),l=require("./prop-a330029f.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),p=c(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 f=g.default.span`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -830,8 +830,6 @@
   `}
 
   ${Se`
-    opacity: 1; // toggle group already applies opacity; we don't want to overlap it.
-
     background-color: ${l.conditional({"toggle-background-color--disabled":l.whenProps({"aria-checked":!1}),"toggle-checked-background-color--disabled":l.whenProps({"aria-checked":!0})})};
 
     border-color: ${l.conditional({"toggle-single-border-color--disabled":l.whenProps({$type:"single","aria-checked":!1}),"toggle-single-checked-border-color--disabled":l.whenProps({$type:"single","aria-checked":!0}),"toggle-multiple-border-color--disabled":l.whenProps({$type:"multiple","aria-checked":!1}),"toggle-multiple-checked-border-color--disabled":l.whenProps({$type:"multiple","aria-checked":!0})})};
@@ -849,14 +847,16 @@
 
   border-radius: ${l.conditional({"toggle-group-multiple-border-radius":l.whenProps({$multiple:!0}),"toggle-group-single-border-radius":l.whenProps({$multiple:!1})})};
 
-  ${Se()}
+  &.are-disabled {
+    border-color: ${r.getToken("toggle-group-border-color--disabled")};
+  }
 
   ${Qr} {
     height: ${l.conditional({"toggle-single-height":l.whenProps({$multiple:!1,$scale:"default"}),"toggle-single-small-height":l.whenProps({$multiple:!1,$scale:"small"}),"toggle-multiple-height":l.whenProps({$multiple:!0,$scale:"default"}),"toggle-multiple-small-height":l.whenProps({$multiple:!0,$scale:"small"})})};
 
     font-size: ${l.conditional({"toggle-single-font-size":l.whenProps({$multiple:!1,$scale:"default"}),"toggle-single-small-font-size":l.whenProps({$multiple:!1,$scale:"small"}),"toggle-multiple-font-size":l.whenProps({$multiple:!0,$scale:"default"}),"toggle-multiple-small-font-size":l.whenProps({$multiple:!0,$scale:"small"})})};
   }
-`;function Jr(e,t){const n=Array.from(e);if(t){const e=[];for(const[,t]of n)e.push(t.value);return e}{if(Oe(n))return null;const[[,e]]=n;return e.value}}const Xr=[];function eo(n){var r;const{disabled:o=!1,multiple:l=!1,scale:i="default",id:c,name:s,onChange:u,options:g,children:p,className:h}=n,f=e.__rest(n,["disabled","multiple","scale","id","name","onChange","options","children","className"]),m=Gr({multiple:l,selected:(b=null!==(r=n.value)&&void 0!==r?r:Xr,a.toArray(b).map((e=>({value:e})))),onChange:t.useCallback((function(e){null==u||u({target:{id:c,name:null!=s?s:"",value:Jr(e,l)}})}),[c,l,s,u])});var b;return d.default.createElement(Zr,Object.assign({},f,{className:On(h,{"is-disabled":o}),id:c,role:l?"group":"radiogroup",align:"center",space:"xs",$multiple:l,$scale:i}),d.default.createElement(Yr.Provider,{value:{scale:i,disabled:o}},d.default.createElement(Vr.Provider,{value:m},null!=p?p:(g||[]).map((function(t){const{label:n,value:r}=t,a=e.__rest(t,["label","value"]),l=String(r);return d.default.createElement(Qr,Object.assign({key:l},a,{disabled:Boolean(o||t.disabled),value:r}),n)})))))}eo.Option=Qr;const to=t.createContext({});function no(e){const[t,n]=d.default.useState((()=>e||Ir()));return d.default.useEffect((function(){n(e||Ir())}),[e]),t}const ro=g.default.ul`
+`;function Jr(e,t){const n=Array.from(e);if(t){const e=[];for(const[,t]of n)e.push(t.value);return e}{if(Oe(n))return null;const[[,e]]=n;return e.value}}const Xr=[];function eo(n){var r;const{disabled:o=!1,multiple:l=!1,scale:i="default",id:c,name:s,onChange:u,options:g,children:p,className:h}=n,f=e.__rest(n,["disabled","multiple","scale","id","name","onChange","options","children","className"]),m=Gr({multiple:l,selected:(b=null!==(r=n.value)&&void 0!==r?r:Xr,a.toArray(b).map((e=>({value:e})))),onChange:t.useCallback((function(e){null==u||u({target:{id:c,name:null!=s?s:"",value:Jr(e,l)}})}),[c,l,s,u])});var b;return d.default.createElement(Zr,Object.assign({},f,{className:On(h,{"are-disabled":o}),id:c,role:l?"group":"radiogroup",align:"center",space:"xs",$multiple:l,$scale:i}),d.default.createElement(Yr.Provider,{value:{scale:i,disabled:o}},d.default.createElement(Vr.Provider,{value:m},null!=p?p:(g||[]).map((function(t){const{label:n,value:r}=t,a=e.__rest(t,["label","value"]),l=String(r);return d.default.createElement(Qr,Object.assign({key:l},a,{disabled:Boolean(o||t.disabled),value:r}),n)})))))}eo.Option=Qr;const to=t.createContext({});function no(e){const[t,n]=d.default.useState((()=>e||Ir()));return d.default.useEffect((function(){n(e||Ir())}),[e]),t}const ro=g.default.ul`
   display: flex;
 
   padding: 0;
@@ -2288,7 +2288,7 @@
   border-top-color: ${r.getToken("color-neutral-light")};
   border-top-width: 1px;
   border-top-style: solid;
-`;function uc(n){var{className:r,children:o,open:a,onClose:l}=n,i=e.__rest(n,["className","children","open","onClose"]);const[c,s]=t.useState(!a);return t.useEffect((()=>{a&&s(!1)}),[a]),p.default.createPortal(d.default.createElement(ac,{open:!c},d.default.createElement(ic,Object.assign({},i,{className:r,open:a,onTransitionEnd:function(){a||s(!0)},role:"dialog","aria-modal":"true","aria-label":"drawer"}),Boolean(l)&&d.default.createElement(lc,{onClick:l,"aria-label":"close"}),o)),document.body)}function gc(e){const{useSelectable:n}=Wr(),[r,o]=t.useState([]),a=function(e){const t={multiple:!0,selected:[],onChange(){},adapters:{generic:{getKey:e=>e.value}}};return e&&!0!==e?Object.assign(Object.assign({},t),e):t}(e),{selected:l,toggle:i,select:c,unselect:s,clear:d}=n(Object.assign(Object.assign({},a),{onChange:e=>a.onChange(e?[...e.values()]:[])})),u=l.size===r.length,g=t.useCallback((e=>{var t;const{adapters:n}=a,r=null==n?void 0:n[e._type||"generic"];return null!==(t=null==r?void 0:r.getKey(e))&&void 0!==t?t:""}),[a]),p=t.useCallback((e=>{if(!e)return;const t=g(e);o((n=>n.some((e=>g(e)===t))?n:[...n,e]))}),[g]);return{allRowsAreSelected:u,config:a,selected:l,toggle:i,toggleAll:function(){u?r.forEach((e=>{const t=g(e);t&&s(t)})):r.forEach((e=>c(e)))},clear:d,register:p}}uc.Header=function(t){var{children:n,className:r}=t,o=e.__rest(t,["children","className"]);return d.default.createElement(cc,Object.assign({},o,{className:r}),n)},uc.Body=function(t){var{children:n,className:r}=t,o=e.__rest(t,["children","className"]);return d.default.createElement(sc,Object.assign({},o,{className:r}),n)},uc.Footer=function(t){var{children:n,className:r}=t,o=e.__rest(t,["children","className"]);return d.default.createElement(dc,Object.assign({},o,{className:r}),n)};const pc=t.createContext({selected:void 0,config:{},allRowsAreSelected:!1,toggle(){},toggleAll(){},clear(){},register(){}});function hc({children:e,selection:t}){const n=gc(t);return d.default.createElement(pc.Provider,{value:n},e)}function fc(){return t.useContext(pc)}function mc(e,t,n){const{adapters:r}=n,o=null==r?void 0:r[e._type||"generic"],a=null==o?void 0:o.getKey(e);return!!a&&t.has(a)}const bc=g.default(Jt)`
+`;function uc(n){var{className:r,children:o,open:a,onClose:l,onClickOutside:i}=n,c=e.__rest(n,["className","children","open","onClose","onClickOutside"]);const[s,u]=t.useState(!a),g=t.useRef(null);return t.useEffect((()=>{a&&u(!1)}),[a]),t.useEffect((()=>{const e=g.current;if(e&&i){const t=t=>{e.isSameNode(t.target)&&i()};return e.addEventListener("mouseup",t),()=>e.removeEventListener("mouseup",t)}}),[i]),p.default.createPortal(d.default.createElement(ac,{open:!s,ref:g},d.default.createElement(ic,Object.assign({},c,{className:r,open:a,onTransitionEnd:function(){a||u(!0)},role:"dialog","aria-modal":"true","aria-label":"drawer"}),Boolean(l)&&d.default.createElement(lc,{onClick:l,"aria-label":"close"}),o)),document.body)}function gc(e){const{useSelectable:n}=Wr(),[r,o]=t.useState([]),a=function(e){const t={multiple:!0,selected:[],onChange(){},adapters:{generic:{getKey:e=>e.value}}};return e&&!0!==e?Object.assign(Object.assign({},t),e):t}(e),{selected:l,toggle:i,select:c,unselect:s,clear:d}=n(Object.assign(Object.assign({},a),{onChange:e=>a.onChange(e?[...e.values()]:[])})),u=l.size===r.length,g=t.useCallback((e=>{var t;const{adapters:n}=a,r=null==n?void 0:n[e._type||"generic"];return null!==(t=null==r?void 0:r.getKey(e))&&void 0!==t?t:""}),[a]),p=t.useCallback((e=>{if(!e)return;const t=g(e);o((n=>n.some((e=>g(e)===t))?n:[...n,e]))}),[g]);return{allRowsAreSelected:u,config:a,selected:l,toggle:i,toggleAll:function(){u?r.forEach((e=>{const t=g(e);t&&s(t)})):r.forEach((e=>c(e)))},clear:d,register:p}}uc.Header=function(t){var{children:n,className:r}=t,o=e.__rest(t,["children","className"]);return d.default.createElement(cc,Object.assign({},o,{className:r}),n)},uc.Body=function(t){var{children:n,className:r}=t,o=e.__rest(t,["children","className"]);return d.default.createElement(sc,Object.assign({},o,{className:r}),n)},uc.Footer=function(t){var{children:n,className:r}=t,o=e.__rest(t,["children","className"]);return d.default.createElement(dc,Object.assign({},o,{className:r}),n)};const pc=t.createContext({selected:void 0,config:{},allRowsAreSelected:!1,toggle(){},toggleAll(){},clear(){},register(){}});function hc({children:e,selection:t}){const n=gc(t);return d.default.createElement(pc.Provider,{value:n},e)}function fc(){return t.useContext(pc)}function mc(e,t,n){const{adapters:r}=n,o=null==r?void 0:r[e._type||"generic"],a=null==o?void 0:o.getKey(e);return!!a&&t.has(a)}const bc=g.default(Jt)`
   display: inline-flex;
   flex-flow: row nowrap;
   align-items: center;