@vibe/core 3.88.6 → 3.89.0-alpha-01945.0

package/dist/src/components/MenuButton/MenuButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.js","sources":["../../../../src/components/MenuButton/MenuButton.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport { isForwardRef } from \"react-is\";\nimport { Dialog, type DialogEvent, DialogContentContainer } from \"@vibe/dialog\";\nimport { DialogPositionEnum, DialogTriggerEventEnum, DialogSizeEnum } from \"@vibe/dialog\";\nimport { type DialogOffset, type DialogPosition, type DialogSize, type DialogTriggerEvent } from \"@vibe/dialog\";\nimport { Tooltip, type TooltipProps } from \"@vibe/tooltip\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { type ElementContent, type VibeComponentProps, withStaticProps } from \"../../types\";\nimport {\n  MenuButtonComponentPosition as MenuButtonComponentPositionEnum,\n  MenuButtonSize as MenuButtonSizeEnum\n} from \"./MenuButtonConstants\";\nimport { type MenuButtonComponentPosition, type MenuButtonSize } from \"./MenuButton.types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { Menu } from \"@vibe/icons\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { type MenuChild } from \"../Menu/Menu/MenuConstants\";\nimport styles from \"./MenuButton.module.scss\";\nimport { type TooltipPositions } from \"@vibe/tooltip\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst MOVE_BY = { main: 8, secondary: 0 };\nconst CLOSE_KEYS: DialogTriggerEventEnum[] = [Dialog.hideShowTriggers.ESCAPE_KEY, Dialog.hideShowTriggers.TAB_KEY];\n\nexport interface MenuButtonProps extends VibeComponentProps {\n  /**\n   * If true, the button is in an active state.\n   */\n  active?: boolean;\n  /**\n   * Class name applied to the button when the dialog is open.\n   */\n  openDialogComponentClassName?: string;\n  /**\n   * The component used as the button icon.\n   */\n  component?: (() => JSX.Element) | React.ElementType;\n  /**\n   * The size of the button.\n   */\n  size?: MenuButtonSize;\n  /**\n   * If true, the menu is open.\n   */\n  open?: boolean;\n  /**\n   * Callback fired when the button is clicked.\n   */\n  onClick?: (event: React.MouseEvent) => void;\n  /**\n   * The z-index of the menu.\n   */\n  zIndex?: number;\n  /**\n   * The label of the button for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * Class name applied to the menu dialog wrapper.\n   */\n  dialogClassName?: string;\n  /**\n   * The offset of the menu relative to the button.\n   */\n  dialogOffset?: DialogOffset;\n  /**\n   * The padding size inside the menu dialog.\n   */\n  dialogPaddingSize?: DialogSize;\n  /**\n   * The position of the menu dialog relative to the button.\n   */\n  dialogPosition?: DialogPosition;\n  /**\n   * Classes that prevent showing the dialog when present.\n   */\n  dialogShowTriggerIgnoreClass?: string | Array<string>;\n  /**\n   * Classes that prevent hiding the dialog when present.\n   */\n  dialogHideTriggerIgnoreClass?: string | Array<string>;\n  /**\n   * The container selector in which to append the dialog.\n   */\n  dialogContainerSelector?: string;\n  /**\n   * The starting edge alignment of the menu.\n   */\n  startingEdge?: string;\n  /**\n   * Callback fired when the menu is shown.\n   */\n  onMenuShow?: () => void;\n  /**\n   * Callback fired when the menu is hidden.\n   */\n  onMenuHide?: () => void;\n  /**\n   * The text displayed inside the button.\n   */\n  text?: string;\n  /**\n   * If true, the button is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The tooltip content displayed when hovering over the button.\n   */\n  tooltipContent?: string;\n  /**\n   * If true, removes the tab key from the hide trigger.\n   */\n  removeTabCloseTrigger?: boolean;\n  /**\n   * The triggers that cause the tooltip to show or hide.\n   */\n  tooltipTriggers?: DialogTriggerEvent | DialogTriggerEvent[];\n  /**\n   * The position of the tooltip.\n   */\n  tooltipPosition?: TooltipPositions;\n  /**\n   * Class name applied to the tooltip reference wrapper.\n   */\n  tooltipReferenceClassName?: string;\n  /**\n   * Additional props for customizing the tooltip.\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * If true, hides the menu and tooltip when the button is not visible.\n   */\n  hideWhenReferenceHidden?: boolean;\n  /**\n   * The content inside the menu button.\n   */\n  children?: ElementContent;\n  /**\n   * The position of the component relative to the text.\n   */\n  componentPosition?: MenuButtonComponentPosition;\n  /**\n   * The element used as the trigger for the menu.\n   */\n  triggerElement?: React.ElementType;\n  /**\n   * If true, closes the menu when a menu item is clicked.\n   */\n  closeMenuOnItemClick?: boolean;\n  /**\n   * If true, the tooltip appears only when hovering over the trigger element, not the menu dialog.\n   */\n  showTooltipOnlyOnTriggerElement?: boolean;\n  /**\n   * If true, closes the menu when clicking inside the dialog.\n   */\n  closeDialogOnContentClick?: boolean;\n  /**\n   * The ARIA control of the menu button for accessibility.\n   */\n  ariaControls?: string;\n}\n\nconst MenuButton = forwardRef(\n  (\n    {\n      id,\n      className,\n      openDialogComponentClassName,\n      children,\n      component = Menu,\n      componentPosition = \"start\",\n      size = \"small\",\n      open = false,\n      onClick = NOOP,\n      zIndex = null,\n      ariaLabel = \"Menu\",\n      closeMenuOnItemClick,\n      dialogOffset = MOVE_BY,\n      dialogPosition = Dialog.positions.BOTTOM_START,\n      dialogClassName,\n      dialogPaddingSize = DialogContentContainer.sizes.SMALL,\n      dialogShowTriggerIgnoreClass,\n      dialogHideTriggerIgnoreClass,\n      onMenuHide = NOOP,\n      onMenuShow = NOOP,\n      disabled = false,\n      text,\n      tooltipContent,\n      tooltipProps,\n      tooltipTriggers = [\"mouseleave\"],\n      tooltipPosition = \"right\",\n      startingEdge = \"bottom\",\n      removeTabCloseTrigger = false,\n      tooltipReferenceClassName,\n      hideWhenReferenceHidden = true,\n      dialogContainerSelector,\n      active,\n      triggerElement: TriggerElement = \"button\",\n      showTooltipOnlyOnTriggerElement,\n      \"data-testid\": dataTestId,\n      closeDialogOnContentClick = false,\n      ariaControls\n    }: MenuButtonProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const [isOpen, setIsOpen] = useState(open);\n    const isActive = active ?? isOpen;\n\n    const handleMenuClose = useCallback(\n      (focusOnMenuButtonAfterClose: boolean) => {\n        onMenuHide();\n        setIsOpen(false);\n        const button = componentRef.current;\n        if (!button || !focusOnMenuButtonAfterClose) {\n          return;\n        }\n        window.requestAnimationFrame(() => {\n          button.focus();\n        });\n      },\n      [onMenuHide]\n    );\n\n    const onMenuDidClose = useCallback(\n      (event: React.KeyboardEvent) => {\n        // TODO: check the functionality of the isEscapeKey since the event is not an actual KeyboardEVent but an object with propagate property only\n        const isCloseKey = CLOSE_KEYS.includes(event.key as DialogTriggerEventEnum);\n        if (isCloseKey || closeMenuOnItemClick) {\n          // @ts-ignore\n          if (event.propagate) {\n            handleMenuClose(isCloseKey);\n          }\n        }\n      },\n      [closeMenuOnItemClick, handleMenuClose]\n    );\n\n    const onDialogDidHide = useCallback(\n      (event: DialogEvent, hideEvent: string) => {\n        handleMenuClose(isOpen && CLOSE_KEYS.includes(hideEvent as DialogTriggerEventEnum));\n      },\n      [handleMenuClose, isOpen]\n    );\n\n    const onDialogDidShow = useCallback(() => {\n      setIsOpen(true);\n      onMenuShow();\n    }, [setIsOpen, onMenuShow]);\n\n    const [clonedChildren, hideTrigger] = useMemo(() => {\n      const triggers = new Set([\n        Dialog.hideShowTriggers.CLICK_OUTSIDE,\n        Dialog.hideShowTriggers.TAB_KEY,\n        Dialog.hideShowTriggers.ESCAPE_KEY\n      ]);\n\n      if (closeDialogOnContentClick) {\n        triggers.add(Dialog.hideShowTriggers.CONTENT_CLICK);\n        triggers.add(Dialog.hideShowTriggers.ENTER);\n      }\n\n      if (removeTabCloseTrigger) {\n        triggers.delete(Dialog.hideShowTriggers.TAB_KEY);\n      }\n      const childrenArr = React.Children.toArray(children) as MenuChild[];\n      const cloned = childrenArr.map(child => {\n        if (!React.isValidElement(child)) return null;\n\n        const newProps: { focusOnMount?: boolean; onClose?: (event: React.KeyboardEvent) => void } = {};\n        if (child.type && child.type.supportFocusOnMount) {\n          newProps.focusOnMount = true;\n          triggers.delete(Dialog.hideShowTriggers.ESCAPE_KEY);\n        }\n\n        if (child.type && child.type.isMenu) {\n          newProps.onClose = onMenuDidClose;\n        }\n\n        return React.cloneElement(child, newProps);\n      });\n      return [cloned, Array.from(triggers)];\n    }, [children, onMenuDidClose, closeDialogOnContentClick, removeTabCloseTrigger]);\n\n    const content = useMemo(() => {\n      if (clonedChildren.length === 0) return null;\n      return (\n        <DialogContentContainer size={dialogPaddingSize} type={DialogContentContainer.types.POPOVER} role={null}>\n          {clonedChildren}\n        </DialogContentContainer>\n      );\n    }, [clonedChildren, dialogPaddingSize]);\n\n    const computedDialogOffset = useMemo(\n      () => ({\n        ...MOVE_BY,\n        ...dialogOffset\n      }),\n      [dialogOffset]\n    );\n\n    const onMouseUp = (event: React.MouseEvent<HTMLElement>) => {\n      if (disabled) {\n        event.currentTarget.blur();\n        return;\n      }\n      onClick(event);\n    };\n\n    const Icon = component;\n    const iconSize = useMemo(() => {\n      switch (size) {\n        case \"xxs\":\n        case \"xs\":\n          return 16;\n        case \"small\":\n        case \"medium\":\n        case \"large\":\n          return 20;\n        default:\n          return 24;\n      }\n    }, [size]);\n    const icon = Icon ? <Icon size={iconSize.toString()} role=\"img\" aria-hidden=\"true\" /> : null;\n\n    useIsomorphicLayoutEffect(() => {\n      setIsOpen(open);\n    }, [open, setIsOpen]);\n\n    // Trigger element props, which are only relevant for \"button\" element, but might be needed for other elements e.g. Button\n    const triggerElementProps =\n      TriggerElement === \"button\"\n        ? {\n            ref: mergedRef\n          }\n        : {\n            active: isActive,\n            disabled: disabled,\n            ref: isForwardRef(TriggerElement) ? mergedRef : undefined\n          };\n\n    const triggerElementNode = (\n      <TriggerElement\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU_BUTTON, id)}\n        data-vibe={ComponentVibeId.MENU_BUTTON}\n        type=\"button\"\n        className={cx(styles.wrapper, className, getStyle(styles, camelCase(`size-${size}`)), {\n          [styles.active]: isActive,\n          [getStyle(styles, openDialogComponentClassName)]: isOpen && openDialogComponentClassName,\n          [styles.disabled]: disabled,\n          [styles.text]: text\n        })}\n        aria-haspopup=\"true\"\n        aria-expanded={isOpen}\n        aria-controls={ariaControls}\n        aria-label={!text && ariaLabel}\n        onMouseUp={onMouseUp}\n        aria-disabled={disabled}\n        {...triggerElementProps}\n      >\n        {componentPosition === \"start\" && icon}\n        {text && <span className={styles.innerText}>{text}</span>}\n        {componentPosition === \"end\" && icon}\n      </TriggerElement>\n    );\n\n    const dialogNode = (dialogChildren: React.ReactElement) => (\n      <Dialog\n        wrapperClassName={dialogClassName}\n        position={dialogPosition}\n        containerSelector={dialogContainerSelector}\n        startingEdge={startingEdge}\n        animationType=\"expand\"\n        content={content}\n        moveBy={computedDialogOffset}\n        showTrigger={disabled ? [] : [\"click\", \"enter\"]}\n        hideTrigger={hideTrigger}\n        showTriggerIgnoreClass={dialogShowTriggerIgnoreClass}\n        hideTriggerIgnoreClass={dialogHideTriggerIgnoreClass}\n        useDerivedStateFromProps={true}\n        onDialogDidShow={onDialogDidShow}\n        onDialogDidHide={onDialogDidHide}\n        zIndex={zIndex}\n        isOpen={isOpen}\n        hideWhenReferenceHidden={hideWhenReferenceHidden}\n      >\n        {dialogChildren}\n      </Dialog>\n    );\n\n    const tooltipNode = (tooltipChildren: React.ReactElement) => (\n      <Tooltip\n        content={tooltipContent}\n        position={tooltipPosition}\n        showTrigger=\"mouseenter\"\n        hideTrigger={tooltipTriggers}\n        referenceWrapperClassName={tooltipReferenceClassName}\n        hideWhenReferenceHidden={hideWhenReferenceHidden}\n        {...tooltipProps}\n      >\n        {tooltipChildren}\n      </Tooltip>\n    );\n\n    if (showTooltipOnlyOnTriggerElement) {\n      return dialogNode(tooltipNode(triggerElementNode));\n    }\n    return tooltipNode(dialogNode(triggerElementNode));\n  }\n);\n\ninterface MenuButtonStaticProps {\n  sizes: typeof MenuButtonSizeEnum;\n  paddingSizes: typeof DialogContentContainer.sizes;\n  dialogPositions: typeof DialogPositionEnum;\n  hideTriggers: typeof Dialog.hideShowTriggers;\n  componentPositions: typeof MenuButtonComponentPositionEnum;\n}\n\nexport default withStaticProps<MenuButtonProps, MenuButtonStaticProps>(MenuButton, {\n  sizes: MenuButtonSizeEnum,\n  paddingSizes: DialogSizeEnum,\n  dialogPositions: DialogPositionEnum,\n  hideTriggers: DialogTriggerEventEnum,\n  componentPositions: MenuButtonComponentPositionEnum\n});\n"],"names":["MOVE_BY","main","secondary","CLOSE_KEYS","Dialog","hideShowTriggers","ESCAPE_KEY","TAB_KEY","withStaticProps","forwardRef","_ref","ref","id","className","openDialogComponentClassName","children","_ref$component","component","Menu","_ref$componentPositio","componentPosition","_ref$size","size","_ref$open","open","_ref$onClick","onClick","NOOP","_ref$zIndex","zIndex","_ref$ariaLabel","ariaLabel","closeMenuOnItemClick","_ref$dialogOffset","dialogOffset","_ref$dialogPosition","dialogPosition","positions","BOTTOM_START","dialogClassName","_ref$dialogPaddingSiz","dialogPaddingSize","DialogContentContainer","sizes","SMALL","dialogShowTriggerIgnoreClass","dialogHideTriggerIgnoreClass","_ref$onMenuHide","onMenuHide","_ref$onMenuShow","onMenuShow","_ref$disabled","disabled","text","tooltipContent","tooltipProps","_ref$tooltipTriggers","tooltipTriggers","_ref$tooltipPosition","tooltipPosition","_ref$startingEdge","startingEdge","_ref$removeTabCloseTr","removeTabCloseTrigger","tooltipReferenceClassName","_ref$hideWhenReferenc","hideWhenReferenceHidden","dialogContainerSelector","active","_ref$triggerElement","triggerElement","TriggerElement","showTooltipOnlyOnTriggerElement","dataTestId","_ref$closeDialogOnCon","closeDialogOnContentClick","ariaControls","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isActive","handleMenuClose","useCallback","focusOnMenuButtonAfterClose","button","current","window","requestAnimationFrame","focus","onMenuDidClose","event","isCloseKey","includes","key","propagate","onDialogDidHide","hideEvent","onDialogDidShow","_useMemo","useMemo","triggers","Set","CLICK_OUTSIDE","add","CONTENT_CLICK","ENTER","delete","React","Children","toArray","map","child","isValidElement","newProps","type","supportFocusOnMount","focusOnMount","isMenu","onClose","cloneElement","Array","from","_useMemo2","clonedChildren","hideTrigger","content","length","types","POPOVER","role","computedDialogOffset","Object","assign","Icon","iconSize","icon","createElement","useIsomorphicLayoutEffect","triggerElementProps","isForwardRef","undefined","triggerElementNode","getTestId","ComponentDefaultTestId","MENU_BUTTON","ComponentVibeId","cx","styles","wrapper","getStyle","camelCase","concat","_defineProperty","onMouseUp","currentTarget","blur","innerText","dialogNode","dialogChildren","wrapperClassName","position","containerSelector","animationType","moveBy","showTrigger","showTriggerIgnoreClass","hideTriggerIgnoreClass","useDerivedStateFromProps","tooltipNode","tooltipChildren","Tooltip","referenceWrapperClassName","MenuButtonSizeEnum","paddingSizes","DialogSizeEnum","dialogPositions","DialogPositionEnum","hideTriggers","DialogTriggerEventEnum","componentPositions","MenuButtonComponentPositionEnum"],"mappings":"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"}
+{"version":3,"file":"MenuButton.js","sources":["../../../../src/components/MenuButton/MenuButton.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport { isForwardRef } from \"react-is\";\nimport { Dialog, type DialogEvent, DialogContentContainer } from \"@vibe/dialog\";\nimport { DialogPositionEnum, DialogTriggerEventEnum, DialogSizeEnum } from \"@vibe/dialog\";\nimport { type DialogOffset, type DialogPosition, type DialogSize, type DialogTriggerEvent } from \"@vibe/dialog\";\nimport { Tooltip, type TooltipProps } from \"@vibe/tooltip\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { type ElementContent, type VibeComponentProps, withStaticProps } from \"../../types\";\nimport {\n  MenuButtonComponentPosition as MenuButtonComponentPositionEnum,\n  MenuButtonSize as MenuButtonSizeEnum\n} from \"./MenuButtonConstants\";\nimport { type MenuButtonComponentPosition, type MenuButtonSize } from \"./MenuButton.types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { Menu } from \"@vibe/icons\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { type MenuChild } from \"../Menu/Menu/MenuConstants\";\nimport styles from \"./MenuButton.module.scss\";\nimport { type TooltipPositions } from \"@vibe/tooltip\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst MOVE_BY = { main: 8, secondary: 0 };\nconst CLOSE_KEYS: DialogTriggerEventEnum[] = [Dialog.hideShowTriggers.ESCAPE_KEY, Dialog.hideShowTriggers.TAB_KEY];\n\nexport interface MenuButtonProps extends VibeComponentProps {\n  /**\n   * If true, the button is in an active state.\n   */\n  active?: boolean;\n  /**\n   * Class name applied to the button when the dialog is open.\n   */\n  openDialogComponentClassName?: string;\n  /**\n   * The component used as the button icon.\n   */\n  component?: (() => JSX.Element) | React.ElementType;\n  /**\n   * The size of the button.\n   */\n  size?: MenuButtonSize;\n  /**\n   * If true, the menu is open.\n   */\n  open?: boolean;\n  /**\n   * Callback fired when the button is clicked.\n   */\n  onClick?: (event: React.MouseEvent) => void;\n  /**\n   * The z-index of the menu.\n   */\n  zIndex?: number;\n  /**\n   * The label of the button for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * Class name applied to the menu dialog wrapper.\n   */\n  dialogClassName?: string;\n  /**\n   * The offset of the menu relative to the button.\n   */\n  dialogOffset?: DialogOffset;\n  /**\n   * The padding size inside the menu dialog.\n   */\n  dialogPaddingSize?: DialogSize;\n  /**\n   * The position of the menu dialog relative to the button.\n   */\n  dialogPosition?: DialogPosition;\n  /**\n   * Classes that prevent showing the dialog when present.\n   */\n  dialogShowTriggerIgnoreClass?: string | Array<string>;\n  /**\n   * Classes that prevent hiding the dialog when present.\n   */\n  dialogHideTriggerIgnoreClass?: string | Array<string>;\n  /**\n   * The container selector in which to append the dialog.\n   */\n  dialogContainerSelector?: string;\n  /**\n   * The starting edge alignment of the menu.\n   */\n  startingEdge?: string;\n  /**\n   * Callback fired when the menu is shown.\n   */\n  onMenuShow?: () => void;\n  /**\n   * Callback fired when the menu is hidden.\n   */\n  onMenuHide?: () => void;\n  /**\n   * The text displayed inside the button.\n   */\n  text?: string;\n  /**\n   * If true, the button is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The tooltip content displayed when hovering over the button.\n   */\n  tooltipContent?: string;\n  /**\n   * If true, removes the tab key from the hide trigger.\n   */\n  removeTabCloseTrigger?: boolean;\n  /**\n   * The triggers that cause the tooltip to show or hide.\n   */\n  tooltipTriggers?: DialogTriggerEvent | DialogTriggerEvent[];\n  /**\n   * The position of the tooltip.\n   */\n  tooltipPosition?: TooltipPositions;\n  /**\n   * Class name applied to the tooltip reference wrapper.\n   */\n  tooltipReferenceClassName?: string;\n  /**\n   * Additional props for customizing the tooltip.\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * If true, hides the menu and tooltip when the button is not visible.\n   */\n  hideWhenReferenceHidden?: boolean;\n  /**\n   * The content inside the menu button.\n   */\n  children?: ElementContent;\n  /**\n   * The position of the component relative to the text.\n   */\n  componentPosition?: MenuButtonComponentPosition;\n  /**\n   * The element used as the trigger for the menu.\n   */\n  triggerElement?: React.ElementType;\n  /**\n   * If true, closes the menu when a menu item is clicked.\n   */\n  closeMenuOnItemClick?: boolean;\n  /**\n   * If true, the tooltip appears only when hovering over the trigger element, not the menu dialog.\n   */\n  showTooltipOnlyOnTriggerElement?: boolean;\n  /**\n   * If true, closes the menu when clicking inside the dialog.\n   */\n  closeDialogOnContentClick?: boolean;\n  /**\n   * The ARIA control of the menu button for accessibility.\n   */\n  ariaControls?: string;\n}\n\nconst MenuButton = forwardRef(\n  (\n    {\n      id,\n      className,\n      openDialogComponentClassName,\n      children,\n      component = Menu,\n      componentPosition = \"start\",\n      size = \"small\",\n      open = false,\n      onClick = NOOP,\n      zIndex = null,\n      ariaLabel = \"Menu\",\n      closeMenuOnItemClick,\n      dialogOffset = MOVE_BY,\n      dialogPosition = Dialog.positions.BOTTOM_START,\n      dialogClassName,\n      dialogPaddingSize = DialogContentContainer.sizes.NONE,\n      dialogShowTriggerIgnoreClass,\n      dialogHideTriggerIgnoreClass,\n      onMenuHide = NOOP,\n      onMenuShow = NOOP,\n      disabled = false,\n      text,\n      tooltipContent,\n      tooltipProps,\n      tooltipTriggers = [\"mouseleave\"],\n      tooltipPosition = \"right\",\n      startingEdge = \"bottom\",\n      removeTabCloseTrigger = false,\n      tooltipReferenceClassName,\n      hideWhenReferenceHidden = true,\n      dialogContainerSelector,\n      active,\n      triggerElement: TriggerElement = \"button\",\n      showTooltipOnlyOnTriggerElement,\n      \"data-testid\": dataTestId,\n      closeDialogOnContentClick = false,\n      ariaControls\n    }: MenuButtonProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const [isOpen, setIsOpen] = useState(open);\n    const isActive = active ?? isOpen;\n\n    const handleMenuClose = useCallback(\n      (focusOnMenuButtonAfterClose: boolean) => {\n        onMenuHide();\n        setIsOpen(false);\n        const button = componentRef.current;\n        if (!button || !focusOnMenuButtonAfterClose) {\n          return;\n        }\n        window.requestAnimationFrame(() => {\n          button.focus();\n        });\n      },\n      [onMenuHide]\n    );\n\n    const onMenuDidClose = useCallback(\n      (event: React.KeyboardEvent) => {\n        // TODO: check the functionality of the isEscapeKey since the event is not an actual KeyboardEVent but an object with propagate property only\n        const isCloseKey = CLOSE_KEYS.includes(event.key as DialogTriggerEventEnum);\n        if (isCloseKey || closeMenuOnItemClick) {\n          // @ts-ignore\n          if (event.propagate) {\n            handleMenuClose(isCloseKey);\n          }\n        }\n      },\n      [closeMenuOnItemClick, handleMenuClose]\n    );\n\n    const onDialogDidHide = useCallback(\n      (event: DialogEvent, hideEvent: string) => {\n        handleMenuClose(isOpen && CLOSE_KEYS.includes(hideEvent as DialogTriggerEventEnum));\n      },\n      [handleMenuClose, isOpen]\n    );\n\n    const onDialogDidShow = useCallback(() => {\n      setIsOpen(true);\n      onMenuShow();\n    }, [setIsOpen, onMenuShow]);\n\n    const [clonedChildren, hideTrigger] = useMemo(() => {\n      const triggers = new Set([\n        Dialog.hideShowTriggers.CLICK_OUTSIDE,\n        Dialog.hideShowTriggers.TAB_KEY,\n        Dialog.hideShowTriggers.ESCAPE_KEY\n      ]);\n\n      if (closeDialogOnContentClick) {\n        triggers.add(Dialog.hideShowTriggers.CONTENT_CLICK);\n        triggers.add(Dialog.hideShowTriggers.ENTER);\n      }\n\n      if (removeTabCloseTrigger) {\n        triggers.delete(Dialog.hideShowTriggers.TAB_KEY);\n      }\n      const childrenArr = React.Children.toArray(children) as MenuChild[];\n      const cloned = childrenArr.map(child => {\n        if (!React.isValidElement(child)) return null;\n\n        const newProps: { focusOnMount?: boolean; onClose?: (event: React.KeyboardEvent) => void } = {};\n        if (child.type && child.type.supportFocusOnMount) {\n          newProps.focusOnMount = true;\n          triggers.delete(Dialog.hideShowTriggers.ESCAPE_KEY);\n        }\n\n        if (child.type && child.type.isMenu) {\n          newProps.onClose = onMenuDidClose;\n        }\n\n        return React.cloneElement(child, newProps);\n      });\n      return [cloned, Array.from(triggers)];\n    }, [children, onMenuDidClose, closeDialogOnContentClick, removeTabCloseTrigger]);\n\n    const content = useMemo(() => {\n      if (clonedChildren.length === 0) return null;\n      return (\n        <DialogContentContainer size={dialogPaddingSize} type={DialogContentContainer.types.POPOVER} role={null}>\n          {clonedChildren}\n        </DialogContentContainer>\n      );\n    }, [clonedChildren, dialogPaddingSize]);\n\n    const computedDialogOffset = useMemo(\n      () => ({\n        ...MOVE_BY,\n        ...dialogOffset\n      }),\n      [dialogOffset]\n    );\n\n    const onMouseUp = (event: React.MouseEvent<HTMLElement>) => {\n      if (disabled) {\n        event.currentTarget.blur();\n        return;\n      }\n      onClick(event);\n    };\n\n    const Icon = component;\n    const iconSize = useMemo(() => {\n      switch (size) {\n        case \"xxs\":\n        case \"xs\":\n          return 16;\n        case \"small\":\n        case \"medium\":\n        case \"large\":\n          return 20;\n        default:\n          return 24;\n      }\n    }, [size]);\n    const icon = Icon ? <Icon size={iconSize.toString()} role=\"img\" aria-hidden=\"true\" /> : null;\n\n    useIsomorphicLayoutEffect(() => {\n      setIsOpen(open);\n    }, [open, setIsOpen]);\n\n    // Trigger element props, which are only relevant for \"button\" element, but might be needed for other elements e.g. Button\n    const triggerElementProps =\n      TriggerElement === \"button\"\n        ? {\n            ref: mergedRef\n          }\n        : {\n            active: isActive,\n            disabled: disabled,\n            ref: isForwardRef(TriggerElement) ? mergedRef : undefined\n          };\n\n    const triggerElementNode = (\n      <TriggerElement\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU_BUTTON, id)}\n        data-vibe={ComponentVibeId.MENU_BUTTON}\n        type=\"button\"\n        className={cx(styles.wrapper, className, getStyle(styles, camelCase(`size-${size}`)), {\n          [styles.active]: isActive,\n          [getStyle(styles, openDialogComponentClassName)]: isOpen && openDialogComponentClassName,\n          [styles.disabled]: disabled,\n          [styles.text]: text\n        })}\n        aria-haspopup=\"true\"\n        aria-expanded={isOpen}\n        aria-controls={ariaControls}\n        aria-label={!text && ariaLabel}\n        onMouseUp={onMouseUp}\n        aria-disabled={disabled}\n        {...triggerElementProps}\n      >\n        {componentPosition === \"start\" && icon}\n        {text && <span className={styles.innerText}>{text}</span>}\n        {componentPosition === \"end\" && icon}\n      </TriggerElement>\n    );\n\n    const dialogNode = (dialogChildren: React.ReactElement) => (\n      <Dialog\n        wrapperClassName={dialogClassName}\n        position={dialogPosition}\n        containerSelector={dialogContainerSelector}\n        startingEdge={startingEdge}\n        animationType=\"expand\"\n        content={content}\n        moveBy={computedDialogOffset}\n        showTrigger={disabled ? [] : [\"click\", \"enter\"]}\n        hideTrigger={hideTrigger}\n        showTriggerIgnoreClass={dialogShowTriggerIgnoreClass}\n        hideTriggerIgnoreClass={dialogHideTriggerIgnoreClass}\n        useDerivedStateFromProps={true}\n        onDialogDidShow={onDialogDidShow}\n        onDialogDidHide={onDialogDidHide}\n        zIndex={zIndex}\n        isOpen={isOpen}\n        hideWhenReferenceHidden={hideWhenReferenceHidden}\n      >\n        {dialogChildren}\n      </Dialog>\n    );\n\n    const tooltipNode = (tooltipChildren: React.ReactElement) => (\n      <Tooltip\n        content={tooltipContent}\n        position={tooltipPosition}\n        showTrigger=\"mouseenter\"\n        hideTrigger={tooltipTriggers}\n        referenceWrapperClassName={tooltipReferenceClassName}\n        hideWhenReferenceHidden={hideWhenReferenceHidden}\n        {...tooltipProps}\n      >\n        {tooltipChildren}\n      </Tooltip>\n    );\n\n    if (showTooltipOnlyOnTriggerElement) {\n      return dialogNode(tooltipNode(triggerElementNode));\n    }\n    return tooltipNode(dialogNode(triggerElementNode));\n  }\n);\n\ninterface MenuButtonStaticProps {\n  sizes: typeof MenuButtonSizeEnum;\n  paddingSizes: typeof DialogContentContainer.sizes;\n  dialogPositions: typeof DialogPositionEnum;\n  hideTriggers: typeof Dialog.hideShowTriggers;\n  componentPositions: typeof MenuButtonComponentPositionEnum;\n}\n\nexport default withStaticProps<MenuButtonProps, MenuButtonStaticProps>(MenuButton, {\n  sizes: MenuButtonSizeEnum,\n  paddingSizes: DialogSizeEnum,\n  dialogPositions: DialogPositionEnum,\n  hideTriggers: DialogTriggerEventEnum,\n  componentPositions: MenuButtonComponentPositionEnum\n});\n"],"names":["MOVE_BY","main","secondary","CLOSE_KEYS","Dialog","hideShowTriggers","ESCAPE_KEY","TAB_KEY","withStaticProps","forwardRef","_ref","ref","id","className","openDialogComponentClassName","children","_ref$component","component","Menu","_ref$componentPositio","componentPosition","_ref$size","size","_ref$open","open","_ref$onClick","onClick","NOOP","_ref$zIndex","zIndex","_ref$ariaLabel","ariaLabel","closeMenuOnItemClick","_ref$dialogOffset","dialogOffset","_ref$dialogPosition","dialogPosition","positions","BOTTOM_START","dialogClassName","_ref$dialogPaddingSiz","dialogPaddingSize","DialogContentContainer","sizes","NONE","dialogShowTriggerIgnoreClass","dialogHideTriggerIgnoreClass","_ref$onMenuHide","onMenuHide","_ref$onMenuShow","onMenuShow","_ref$disabled","disabled","text","tooltipContent","tooltipProps","_ref$tooltipTriggers","tooltipTriggers","_ref$tooltipPosition","tooltipPosition","_ref$startingEdge","startingEdge","_ref$removeTabCloseTr","removeTabCloseTrigger","tooltipReferenceClassName","_ref$hideWhenReferenc","hideWhenReferenceHidden","dialogContainerSelector","active","_ref$triggerElement","triggerElement","TriggerElement","showTooltipOnlyOnTriggerElement","dataTestId","_ref$closeDialogOnCon","closeDialogOnContentClick","ariaControls","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isActive","handleMenuClose","useCallback","focusOnMenuButtonAfterClose","button","current","window","requestAnimationFrame","focus","onMenuDidClose","event","isCloseKey","includes","key","propagate","onDialogDidHide","hideEvent","onDialogDidShow","_useMemo","useMemo","triggers","Set","CLICK_OUTSIDE","add","CONTENT_CLICK","ENTER","delete","React","Children","toArray","map","child","isValidElement","newProps","type","supportFocusOnMount","focusOnMount","isMenu","onClose","cloneElement","Array","from","_useMemo2","clonedChildren","hideTrigger","content","length","types","POPOVER","role","computedDialogOffset","Object","assign","Icon","iconSize","icon","createElement","useIsomorphicLayoutEffect","triggerElementProps","isForwardRef","undefined","triggerElementNode","getTestId","ComponentDefaultTestId","MENU_BUTTON","ComponentVibeId","cx","styles","wrapper","getStyle","camelCase","concat","_defineProperty","onMouseUp","currentTarget","blur","innerText","dialogNode","dialogChildren","wrapperClassName","position","containerSelector","animationType","moveBy","showTrigger","showTriggerIgnoreClass","hideTriggerIgnoreClass","useDerivedStateFromProps","tooltipNode","tooltipChildren","Tooltip","referenceWrapperClassName","MenuButtonSizeEnum","paddingSizes","DialogSizeEnum","dialogPositions","DialogPositionEnum","hideTriggers","DialogTriggerEventEnum","componentPositions","MenuButtonComponentPositionEnum"],"mappings":"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"}

package/dist/src/components/MenuButton/MenuButton.module.scss.js

@@ -1,2 +1,2 @@
-var n={wrapper:"wrapper_88094181a6","focus-visible":"focus-visible_44ca32acb2",active:"active_e4c862a430",sizeXxs:"sizeXxs_0b8ab40db7",sizeXs:"sizeXs_67c302395d",sizeSmall:"sizeSmall_6478a906e3",sizeMedium:"sizeMedium_94a31b1e0c",sizeLarge:"sizeLarge_7edd6da8e6",disabled:"disabled_aaa25f35bd",text:"text_f7ee2fe382",innerText:"innerText_df9d2c4827"};!function(n){const o="s_id-749f9b8f229f_3_88_5";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.wrapper_88094181a6 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  border-radius: var(--border-radius-small);\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: transform var(--motion-productive-short) var(--motion-timing-transition);\n  color: var(--primary-text-color);\n}\n.wrapper_88094181a6:focus-visible, .wrapper_88094181a6.focus-visible_44ca32acb2 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_88094181a6:focus:not(.focus-visible_44ca32acb2) {\n  outline: none;\n}\n.wrapper_88094181a6:focus-visible, .wrapper_88094181a6.focus-visible_44ca32acb2 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_88094181a6:focus:not(.focus-visible_44ca32acb2) {\n  outline: none;\n}\n.wrapper_88094181a6:focus,\n.wrapper_88094181a6:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_88094181a6:active {\n  transform: scale(0.95);\n}\n.active_e4c862a430 {\n  background-color: var(--primary-selected-color);\n}\n.active_e4c862a430:focus {\n  background-color: var(--primary-selected-color);\n}\n.active_e4c862a430:hover {\n  background-color: var(--primary-selected-color);\n}\n.sizeXxs_0b8ab40db7 {\n  width: 16px;\n  height: 16px;\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeXs_67c302395d {\n  width: 24px;\n  height: 24px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeSmall_6478a906e3 {\n  width: 32px;\n  height: 32px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeMedium_94a31b1e0c {\n  width: 40px;\n  height: 40px;\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeLarge_7edd6da8e6 {\n  width: 48px;\n  height: 48px;\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.disabled_aaa25f35bd {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.disabled_aaa25f35bd:hover {\n  background-color: transparent;\n}\n.text_f7ee2fe382 {\n  width: 100%;\n}\n.innerText_df9d2c4827 {\n  margin: 0 var(--spacing-small);\n}");export{n as default};
+var n={wrapper:"wrapper_d0bea6514f","focus-visible":"focus-visible_ef81741bea",active:"active_0bc87da734",sizeXxs:"sizeXxs_f8cddeabea",sizeXs:"sizeXs_63c286fbb1",sizeSmall:"sizeSmall_dcb9be8da9",sizeMedium:"sizeMedium_e1299c9c78",sizeLarge:"sizeLarge_7cff9406d9",disabled:"disabled_6647b8b59f",text:"text_1e90d5ffd4",innerText:"innerText_129329986f"};!function(n){const e="s_id-749f9b8f229f_3_88_6";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.wrapper_d0bea6514f {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  border-radius: var(--border-radius-small);\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: transform var(--motion-productive-short) var(--motion-timing-transition);\n  color: var(--primary-text-color);\n}\n.wrapper_d0bea6514f:focus-visible, .wrapper_d0bea6514f.focus-visible_ef81741bea {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_d0bea6514f:focus:not(.focus-visible_ef81741bea) {\n  outline: none;\n}\n.wrapper_d0bea6514f:focus-visible, .wrapper_d0bea6514f.focus-visible_ef81741bea {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_d0bea6514f:focus:not(.focus-visible_ef81741bea) {\n  outline: none;\n}\n.wrapper_d0bea6514f:focus,\n.wrapper_d0bea6514f:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_d0bea6514f:active {\n  transform: scale(0.95);\n}\n.active_0bc87da734 {\n  background-color: var(--primary-selected-color);\n}\n.active_0bc87da734:focus {\n  background-color: var(--primary-selected-color);\n}\n.active_0bc87da734:hover {\n  background-color: var(--primary-selected-color);\n}\n.sizeXxs_f8cddeabea {\n  width: 16px;\n  height: 16px;\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeXs_63c286fbb1 {\n  width: 24px;\n  height: 24px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeSmall_dcb9be8da9 {\n  width: 32px;\n  height: 32px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeMedium_e1299c9c78 {\n  width: 40px;\n  height: 40px;\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeLarge_7cff9406d9 {\n  width: 48px;\n  height: 48px;\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.disabled_6647b8b59f {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.disabled_6647b8b59f:hover {\n  background-color: transparent;\n}\n.text_1e90d5ffd4 {\n  width: 100%;\n}\n.innerText_129329986f {\n  margin: 0 var(--spacing-small);\n}");export{n as default};
 //# sourceMappingURL=MenuButton.module.scss.js.map

package/dist/src/components/Modal/Modal/Modal.module.scss.js

@@ -1,2 +1,2 @@
-var n={container:"container_9508f757f6",overlay:"overlay_7394002254",modal:"modal_3839b0bb56",withHeaderAction:"withHeaderAction_a1cd4ebb75",sizeSmall:"sizeSmall_361bc42c71",sizeMedium:"sizeMedium_7bec52888d",sizeLarge:"sizeLarge_ac8f3464f4",sizeFullView:"sizeFullView_c7c213e265"};!function(n){const e="s_id-8ca942cc3b46_3_88_5";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_9508f757f6 {\n  position: fixed;\n  inset: 0;\n  z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay_7394002254 {\n  position: fixed;\n  inset: 0;\n  height: 100%;\n  background-color: var(--backdrop-color);\n}\n\n.modal_3839b0bb56 {\n  --top-actions-margin-inline: var(--spacing-large);\n  --top-actions-margin-block: var(--spacing-large);\n  --top-actions-width: var(--spacing-xl);\n  --modal-inline-padding: var(--spacing-xl);\n  position: relative;\n  top: 50%;\n  left: 50%;\n  display: flex;\n  flex-direction: column;\n  width: var(--modal-width);\n  max-height: var(--modal-max-height);\n  background-color: var(--primary-background-color);\n  overflow: hidden;\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  outline: none;\n}\n\n.modal_3839b0bb56.withHeaderAction_a1cd4ebb75 {\n  --top-actions-width: calc(var(--spacing-xl) * 2);\n}\n\n.modal_3839b0bb56.sizeSmall_361bc42c71 {\n  --modal-max-height: 50%;\n  --modal-width: 460px;\n}\n\n.modal_3839b0bb56.sizeMedium_7bec52888d {\n  --modal-max-height: 80%;\n  --modal-width: 540px;\n}\n\n.modal_3839b0bb56.sizeLarge_ac8f3464f4 {\n  --modal-max-height: 80%;\n  --modal-width: 800px;\n}\n\n.modal_3839b0bb56.sizeFullView_c7c213e265 {\n  --top-actions-margin-inline: var(--spacing-xl);\n  --modal-max-height: 100%;\n  --modal-width: auto;\n  position: fixed;\n  inset: 0;\n  height: calc(100% - 40px);\n  margin-inline: var(--spacing-large);\n  margin-block-start: 40px;\n  border-end-start-radius: unset;\n  border-end-end-radius: unset;\n}\n\n@media (min-width: 1280px) {\n  .modal_3839b0bb56.sizeSmall_361bc42c71 {\n    --modal-width: 480px;\n  }\n  .modal_3839b0bb56.sizeMedium_7bec52888d {\n    --modal-width: 580px;\n  }\n  .modal_3839b0bb56.sizeLarge_ac8f3464f4 {\n    --modal-width: 840px;\n  }\n}\n\n@media (min-width: 1440px) {\n  .modal_3839b0bb56.sizeSmall_361bc42c71 {\n    --modal-width: 520px;\n  }\n  .modal_3839b0bb56.sizeMedium_7bec52888d {\n    --modal-width: 620px;\n  }\n  .modal_3839b0bb56.sizeLarge_ac8f3464f4 {\n    --modal-width: 900px;\n  }\n}\n\n@media (min-width: 1720px) {\n  .modal_3839b0bb56.sizeFullView_c7c213e265 {\n    margin-inline: 40px;\n  }\n}");export{n as default};
+var n={container:"container_9f08d4831b",overlay:"overlay_053e33fbbd",modal:"modal_b8dba24421",withHeaderAction:"withHeaderAction_da4a16b137",sizeSmall:"sizeSmall_5b00ccae8c",sizeMedium:"sizeMedium_8148359e2b",sizeLarge:"sizeLarge_ba7931a785",sizeFullView:"sizeFullView_036e3cb343"};!function(n){const a="s_id-8ca942cc3b46_3_88_6";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const i=document.createElement("style");i.id=a,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}(".container_9f08d4831b {\n  position: fixed;\n  inset: 0;\n  z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay_053e33fbbd {\n  position: fixed;\n  inset: 0;\n  height: 100%;\n  background-color: var(--backdrop-color);\n}\n\n.modal_b8dba24421 {\n  --top-actions-margin-inline: var(--spacing-large);\n  --top-actions-margin-block: var(--spacing-large);\n  --top-actions-width: var(--spacing-xl);\n  --modal-inline-padding: var(--spacing-xl);\n  position: relative;\n  top: 50%;\n  left: 50%;\n  display: flex;\n  flex-direction: column;\n  width: var(--modal-width);\n  max-height: var(--modal-max-height);\n  background-color: var(--primary-background-color);\n  overflow: hidden;\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  outline: none;\n}\n\n.modal_b8dba24421.withHeaderAction_da4a16b137 {\n  --top-actions-width: calc(var(--spacing-xl) * 2);\n}\n\n.modal_b8dba24421.sizeSmall_5b00ccae8c {\n  --modal-max-height: 50%;\n  --modal-width: 460px;\n}\n\n.modal_b8dba24421.sizeMedium_8148359e2b {\n  --modal-max-height: 80%;\n  --modal-width: 540px;\n}\n\n.modal_b8dba24421.sizeLarge_ba7931a785 {\n  --modal-max-height: 80%;\n  --modal-width: 800px;\n}\n\n.modal_b8dba24421.sizeFullView_036e3cb343 {\n  --top-actions-margin-inline: var(--spacing-xl);\n  --modal-max-height: 100%;\n  --modal-width: auto;\n  position: fixed;\n  inset: 0;\n  height: calc(100% - 40px);\n  margin-inline: var(--spacing-large);\n  margin-block-start: 40px;\n  border-end-start-radius: unset;\n  border-end-end-radius: unset;\n}\n\n@media (min-width: 1280px) {\n  .modal_b8dba24421.sizeSmall_5b00ccae8c {\n    --modal-width: 480px;\n  }\n  .modal_b8dba24421.sizeMedium_8148359e2b {\n    --modal-width: 580px;\n  }\n  .modal_b8dba24421.sizeLarge_ba7931a785 {\n    --modal-width: 840px;\n  }\n}\n\n@media (min-width: 1440px) {\n  .modal_b8dba24421.sizeSmall_5b00ccae8c {\n    --modal-width: 520px;\n  }\n  .modal_b8dba24421.sizeMedium_8148359e2b {\n    --modal-width: 620px;\n  }\n  .modal_b8dba24421.sizeLarge_ba7931a785 {\n    --modal-width: 900px;\n  }\n}\n\n@media (min-width: 1720px) {\n  .modal_b8dba24421.sizeFullView_036e3cb343 {\n    margin-inline: 40px;\n  }\n}");export{n as default};
 //# sourceMappingURL=Modal.module.scss.js.map

package/dist/src/components/Modal/ModalHeader/ModalHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={header:"header_96d2227a7d",title:"title_f7ee2fe382",descriptionIcon:"descriptionIcon_1864c0d356"};!function(e){const n="s_id-9882eed3e38d_3_88_5";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".header_96d2227a7d {\n  width: 100%;\n  align-self: flex-start;\n}\n.header_96d2227a7d .title_f7ee2fe382 {\n  width: 100%;\n}\n.header_96d2227a7d .descriptionIcon_1864c0d356 {\n  flex-shrink: 0;\n  margin-inline-end: var(--spacing-xs);\n  color: var(--icon-color);\n}");export{e as default};
+var e={header:"header_8448444495",title:"title_1e90d5ffd4",descriptionIcon:"descriptionIcon_fd8058d85f"};!function(e){const n="s_id-9882eed3e38d_3_88_6";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".header_8448444495 {\n  width: 100%;\n  align-self: flex-start;\n}\n.header_8448444495 .title_1e90d5ffd4 {\n  width: 100%;\n}\n.header_8448444495 .descriptionIcon_fd8058d85f {\n  flex-shrink: 0;\n  margin-inline-end: var(--spacing-xs);\n  color: var(--icon-color);\n}");export{e as default};
 //# sourceMappingURL=ModalHeader.module.scss.js.map

package/dist/src/components/Modal/ModalMedia/ModalMedia.module.scss.js

@@ -1,2 +1,2 @@
-var e={media:"media_35d74836d9"};!function(e){const t="s_id-17d5de3a21d7_3_88_5";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".media_35d74836d9 {\n  max-width: 100%;\n  max-height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex: 1 0;\n  overflow: hidden;\n  position: relative;\n}");export{e as default};
+var e={media:"media_9ad81f90cb"};!function(e){const t="s_id-17d5de3a21d7_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".media_9ad81f90cb {\n  max-width: 100%;\n  max-height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex: 1 0;\n  overflow: hidden;\n  position: relative;\n}");export{e as default};
 //# sourceMappingURL=ModalMedia.module.scss.js.map

package/dist/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js

@@ -1,2 +1,2 @@
-var e={actions:"actions_df7b1a1afb"};!function(e){const t="s_id-86629ffbaf1c_3_88_5";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".actions_df7b1a1afb {\n  display: flex;\n  align-items: center;\n  position: absolute;\n  right: var(--top-actions-margin-inline);\n  top: var(--top-actions-margin-block);\n}");export{e as default};
+var e={actions:"actions_f8eb952852"};!function(e){const t="s_id-86629ffbaf1c_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".actions_f8eb952852 {\n  display: flex;\n  align-items: center;\n  position: absolute;\n  right: var(--top-actions-margin-inline);\n  top: var(--top-actions-margin-block);\n}");export{e as default};
 //# sourceMappingURL=ModalTopActions.module.scss.js.map

package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js

@@ -1,2 +1,2 @@
-var e={primary:"primary_e065105734",secondary:"secondary_4a9df044ff"};!function(e){const n="s_id-4cbf6fa94914_3_88_5";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary_e065105734 {\n  order: 2;\n}\n.primary_e065105734:only-child {\n  margin-left: auto;\n}\n.secondary_4a9df044ff {\n  order: 1;\n  margin-left: auto;\n}");export{e as default};
+var e={primary:"primary_25e1e9266c",secondary:"secondary_1dc6a594f6"};!function(e){const n="s_id-4cbf6fa94914_3_88_6";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary_25e1e9266c {\n  order: 2;\n}\n.primary_25e1e9266c:only-child {\n  margin-left: auto;\n}\n.secondary_1dc6a594f6 {\n  order: 1;\n  margin-left: auto;\n}");export{e as default};
 //# sourceMappingURL=ModalFooter.module.scss.js.map

package/dist/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js

@@ -1,2 +1,2 @@
-var e={footer:"footer_2fb8e0b0fa"};!function(e){const t="s_id-23913bf713c7_3_88_5";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".footer_2fb8e0b0fa {\n  position: relative;\n  width: 100%;\n  padding: 20px var(--spacing-large);\n  flex-shrink: 0;\n  background-color: var(--primary-background-color);\n}");export{e as default};
+var e={footer:"footer_0800331b82"};!function(e){const t="s_id-23913bf713c7_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".footer_0800331b82 {\n  position: relative;\n  width: 100%;\n  padding: 20px var(--spacing-large);\n  flex-shrink: 0;\n  background-color: var(--primary-background-color);\n}");export{e as default};
 //# sourceMappingURL=ModalFooterBase.module.scss.js.map

package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js

@@ -1,2 +1,2 @@
-var e={primary:"primary_e065105734",secondary:"secondary_601000ca24",stepDots:"stepDots_ff3558d5e5"};!function(e){const n="s_id-51737ad1ac1f_3_88_5";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary_e065105734 {\n  order: 2;\n}\n\n.secondary_601000ca24 {\n  order: 1;\n}\n\n.stepDots_ff3558d5e5 {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  margin: 0;\n}");export{e as default};
+var e={primary:"primary_25e1e9266c",secondary:"secondary_6ce605c948",stepDots:"stepDots_5aa047d42d"};!function(e){const n="s_id-51737ad1ac1f_3_88_6";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary_25e1e9266c {\n  order: 2;\n}\n\n.secondary_6ce605c948 {\n  order: 1;\n}\n\n.stepDots_5aa047d42d {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  margin: 0;\n}");export{e as default};
 //# sourceMappingURL=ModalFooterWizard.module.scss.js.map

package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js

@@ -1,2 +1,2 @@
-var e={layout:"layout_2cabefe220",header:"header_866a28f3ec",divider:"divider_4cf1c93e86",showDivider:"showDivider_750386ff95",content:"content_6235360c43"};!function(e){const n="s_id-b8093a4a9ca9_3_88_5";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_2cabefe220 {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout_2cabefe220 .header_866a28f3ec {\n  width: 100%;\n  margin-block: var(--spacing-xl) var(--spacing-large);\n  padding-inline-end: calc(var(--top-actions-margin-inline) + var(--top-actions-width) + var(--spacing-medium));\n  padding-inline-start: var(--modal-inline-padding);\n}\n.layout_2cabefe220 .divider_4cf1c93e86 {\n  flex-shrink: 0;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n}\n.layout_2cabefe220 .divider_4cf1c93e86.showDivider_750386ff95 {\n  opacity: 1;\n}\n.layout_2cabefe220 .content_6235360c43 {\n  padding-block-end: var(--spacing-xl);\n}");export{e as default};
+var e={layout:"layout_7395e153d7",header:"header_9dd6f80056",divider:"divider_5ac9fd48a2",showDivider:"showDivider_51c32786bc",content:"content_3072c21fe5"};!function(e){const n="s_id-b8093a4a9ca9_3_88_6";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_7395e153d7 {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout_7395e153d7 .header_9dd6f80056 {\n  width: 100%;\n  margin-block: var(--spacing-xl) var(--spacing-large);\n  padding-inline-end: calc(var(--top-actions-margin-inline) + var(--top-actions-width) + var(--spacing-medium));\n  padding-inline-start: var(--modal-inline-padding);\n}\n.layout_7395e153d7 .divider_5ac9fd48a2 {\n  flex-shrink: 0;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n}\n.layout_7395e153d7 .divider_5ac9fd48a2.showDivider_51c32786bc {\n  opacity: 1;\n}\n.layout_7395e153d7 .content_3072c21fe5 {\n  padding-block-end: var(--spacing-xl);\n}");export{e as default};
 //# sourceMappingURL=ModalBasicLayout.module.scss.js.map

package/dist/src/components/Modal/layouts/ModalFooterShadow.module.scss.js

@@ -1,2 +1,2 @@
-var e={shadowWrapper:"shadowWrapper_27e7d840c2",show:"show_fcd3c160a2"};!function(e){const t="s_id-c76d397ed7f2_3_88_5";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,o.firstChild?o.insertBefore(d,o.firstChild):o.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}('.shadowWrapper_27e7d840c2::after {\n  content: "";\n  position: absolute;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n  width: 100%;\n  height: 10px;\n  box-shadow: var(--box-shadow-medium);\n}\n.shadowWrapper_27e7d840c2.show_fcd3c160a2::after {\n  opacity: 1;\n}');export{e as default};
+var e={shadowWrapper:"shadowWrapper_71b096fe00",show:"show_95c302bd6d"};!function(e){const t="s_id-c76d397ed7f2_3_88_6";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,o.firstChild?o.insertBefore(d,o.firstChild):o.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}('.shadowWrapper_71b096fe00::after {\n  content: "";\n  position: absolute;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n  width: 100%;\n  height: 10px;\n  box-shadow: var(--box-shadow-medium);\n}\n.shadowWrapper_71b096fe00.show_95c302bd6d::after {\n  opacity: 1;\n}');export{e as default};
 //# sourceMappingURL=ModalFooterShadow.module.scss.js.map

package/dist/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js

@@ -1,2 +1,2 @@
-var e={content:"content_8abadc14aa"};!function(e){const n="s_id-a5c90e45f208_3_88_5";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.content_8abadc14aa {\n  width: 100%;\n  height: 100%;\n  padding-inline: var(--modal-inline-padding);\n  overflow: auto;\n}\n.content_8abadc14aa::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.content_8abadc14aa::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={content:"content_09261d775e"};!function(e){const n="s_id-a5c90e45f208_3_88_6";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.content_09261d775e {\n  width: 100%;\n  height: 100%;\n  padding-inline: var(--modal-inline-padding);\n  overflow: auto;\n}\n.content_09261d775e::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.content_09261d775e::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=ModalLayoutScrollableContent.module.scss.js.map

package/dist/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js

@@ -1,2 +1,2 @@
-var e={layout:"layout_2cabefe220",media:"media_4081e0beb7",header:"header_d2ee8fa634",content:"content_d0e55a07e5"};!function(e){const n="s_id-0e68c3ff993d_3_88_5";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_2cabefe220 {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout_2cabefe220 .media_4081e0beb7 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  flex-shrink: 0;\n}\n.layout_2cabefe220 .header_d2ee8fa634 {\n  width: 100%;\n  text-align: center;\n  margin-block: var(--spacing-xl) var(--spacing-small);\n  padding-inline: var(--modal-inline-padding);\n}\n.layout_2cabefe220 .content_d0e55a07e5 {\n  width: 100%;\n  height: 100%;\n  flex: 1;\n  align-self: flex-start;\n  padding-inline: var(--modal-inline-padding);\n  padding-block-end: var(--spacing-large);\n  text-align: center;\n  overflow: hidden;\n}");export{e as default};
+var e={layout:"layout_7395e153d7",media:"media_ad6c00d99e",header:"header_1bdca15d04",content:"content_6dde6f476e"};!function(e){const n="s_id-0e68c3ff993d_3_88_6";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_7395e153d7 {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout_7395e153d7 .media_ad6c00d99e {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  flex-shrink: 0;\n}\n.layout_7395e153d7 .header_1bdca15d04 {\n  width: 100%;\n  text-align: center;\n  margin-block: var(--spacing-xl) var(--spacing-small);\n  padding-inline: var(--modal-inline-padding);\n}\n.layout_7395e153d7 .content_6dde6f476e {\n  width: 100%;\n  height: 100%;\n  flex: 1;\n  align-self: flex-start;\n  padding-inline: var(--modal-inline-padding);\n  padding-block-end: var(--spacing-large);\n  text-align: center;\n  overflow: hidden;\n}");export{e as default};
 //# sourceMappingURL=ModalMediaLayout.module.scss.js.map

package/dist/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js

@@ -1,2 +1,2 @@
-var e={layout:"layout_0e1cd77886",header:"header_2031fd14cd",content:"content_5aa92ffd66",media:"media_d695cc42a0"};!function(e){const n="s_id-5a065e57e1cb_3_88_5";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_0e1cd77886 {\n  width: 100%;\n  height: 100%;\n  display: grid;\n  grid-template-columns: 60% 40%;\n  grid-template-rows: auto 1fr;\n  min-height: 0;\n}\n.layout_0e1cd77886 .header_2031fd14cd {\n  width: 100%;\n  margin-block: var(--spacing-xl) var(--spacing-large);\n  padding-inline: var(--modal-inline-padding);\n  grid-column: 1/2;\n  grid-row: 1;\n}\n.layout_0e1cd77886 .content_5aa92ffd66 {\n  grid-column: 1/2;\n  grid-row: 2;\n  padding-block-end: var(--spacing-xl);\n}\n.layout_0e1cd77886 .media_d695cc42a0 {\n  grid-column: 2/3;\n  grid-row: 1/3;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n}");export{e as default};
+var e={layout:"layout_d1d7eb70d5",header:"header_5390ed2f06",content:"content_67a7dbfd72",media:"media_9be3581c5e"};!function(e){const n="s_id-5a065e57e1cb_3_88_6";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_d1d7eb70d5 {\n  width: 100%;\n  height: 100%;\n  display: grid;\n  grid-template-columns: 60% 40%;\n  grid-template-rows: auto 1fr;\n  min-height: 0;\n}\n.layout_d1d7eb70d5 .header_5390ed2f06 {\n  width: 100%;\n  margin-block: var(--spacing-xl) var(--spacing-large);\n  padding-inline: var(--modal-inline-padding);\n  grid-column: 1/2;\n  grid-row: 1;\n}\n.layout_d1d7eb70d5 .content_67a7dbfd72 {\n  grid-column: 1/2;\n  grid-row: 2;\n  padding-block-end: var(--spacing-xl);\n}\n.layout_d1d7eb70d5 .media_9be3581c5e {\n  grid-column: 2/3;\n  grid-row: 1/3;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n}");export{e as default};
 //# sourceMappingURL=ModalSideBySideLayout.module.scss.js.map

package/dist/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_c91415ef33",divider:"divider_3431ae8c5b",compact:"compact_0103f40f7e"};!function(e){const n="s_id-0040463364ed_3_88_5";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_c91415ef33 {\n  display: flex;\n}\n.wrapper_c91415ef33 .divider_3431ae8c5b {\n  background-color: var(--ui-border-color);\n  margin: 16px;\n  height: 1px;\n  width: 48px;\n}\n.wrapper_c91415ef33 .divider_3431ae8c5b.compact_0103f40f7e {\n  max-width: 40px;\n  min-width: 16px;\n  margin-inline-start: var(--spacing-small);\n  margin-inline-end: var(--spacing-small);\n}");export{e as default};
+var e={wrapper:"wrapper_877d31a52d",divider:"divider_bf65342535",compact:"compact_b34869297b"};!function(e){const n="s_id-0040463364ed_3_88_6";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_877d31a52d {\n  display: flex;\n}\n.wrapper_877d31a52d .divider_bf65342535 {\n  background-color: var(--ui-border-color);\n  margin: 16px;\n  height: 1px;\n  width: 48px;\n}\n.wrapper_877d31a52d .divider_bf65342535.compact_b34869297b {\n  max-width: 40px;\n  min-width: 16px;\n  margin-inline-start: var(--spacing-small);\n  margin-inline-end: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=MultiStepIndicator.module.scss.js.map

package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js

@@ -1,2 +1,2 @@
-var e={indicator:"indicator_006959023c",textContainer:"textContainer_4c37e8feb2",sizeCompactTextContainer:"sizeCompactTextContainer_a38c4246f4",textContainerTitle:"textContainerTitle_c76ab3667f",visuallyHidden:"visuallyHidden_a8e152b0de",textContainerTitleText:"textContainerTitleText_a0ec3ead97",textContainerSubtitleText:"textContainerSubtitleText_0beda1254a",sizeCompactTextContainerTitle:"sizeCompactTextContainerTitle_e57a775cc0",textPlacementVertical:"textPlacementVertical_1c8a84be52",numberDividerContainer:"numberDividerContainer_5c7b7f2d61",sizeCompactTextContainerTitleText:"sizeCompactTextContainerTitleText_5b2f532183",divider:"divider_5fd9ecdc07",sizeCompactNumberDividerContainer:"sizeCompactNumberDividerContainer_24e69e5001",statusActiveNumberDividerContainer:"statusActiveNumberDividerContainer_eb1c7c9e2e",clickable:"clickable_d0f5e89018",withAnimation:"withAnimation_29bdddc4b8",stepIndicatiorCirclePopElastic:"stepIndicatiorCirclePopElastic_640c491a92",swapEnter:"swapEnter_e69c231d1e",swapEnterActive:"swapEnterActive_d5435ba091",swapExit:"swapExit_822a292b66",swapExitActive:"swapExitActive_054469bac1",numberContainer:"numberContainer_b700a1d726",numberContainerText:"numberContainerText_4ed93c70b2",numberContainerTextCheckIcon:"numberContainerTextCheckIcon_846961d512",typePrimaryNumberContainer:"typePrimaryNumberContainer_de8c05d030",typeDangerNumberContainer:"typeDangerNumberContainer_9c5a46bcc1",typeSuccessNumberContainer:"typeSuccessNumberContainer_cd3d82a63b",typeDarkNumberContainer:"typeDarkNumberContainer_da33327864",statusActiveNumberContainer:"statusActiveNumberContainer_cf5f64827e",sizeCompactNumberContainer:"sizeCompactNumberContainer_1396f12a39",statusPendingNumberContainer:"statusPendingNumberContainer_304b4fde2c","step-indicatior-circle-pop-elastic":"step-indicatior-circle-pop-elastic_5ec32e0104"};!function(e){const n="s_id-1224002af9fc_3_88_5";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.indicator_006959023c {\n  font: var(--font-text2-normal);\n  color: var(--text-color-on-primary);\n  display: flex;\n  margin: 0;\n  padding: 0;\n  text-indent: 0;\n  list-style-type: none;\n}\n.textContainer_4c37e8feb2 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-left: 16px;\n}\n.sizeCompactTextContainer_a38c4246f4 {\n  margin-left: var(--spacing-small);\n  justify-content: center;\n  align-content: center;\n}\n.textContainerTitle_c76ab3667f {\n  width: 100%;\n  margin-bottom: var(--spacing-xs);\n}\n.textContainerTitle_c76ab3667f .visuallyHidden_a8e152b0de {\n  display: none;\n}\n.textContainerTitleText_a0ec3ead97 {\n  font: var(--font-text2-medium);\n  color: var(--primary-text-color);\n  margin-bottom: 2px;\n}\n.textContainerSubtitleText_0beda1254a {\n  width: 100%;\n  font: var(--font-text2-normal);\n  color: var(--primary-text-color);\n}\n.sizeCompactTextContainerTitle_e57a775cc0 {\n  margin-bottom: 0px;\n}\n.textPlacementVertical_1c8a84be52 {\n  margin: 8px;\n  flex-direction: column;\n  flex: 1 1 0px;\n}\n.textPlacementVertical_1c8a84be52 .textContainer_4c37e8feb2 {\n  margin-left: 0;\n  margin-top: var(--spacing-medium);\n}\n.textPlacementVertical_1c8a84be52 .numberDividerContainer_5c7b7f2d61 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n.sizeCompactTextContainerTitleText_5b2f532183 {\n  display: block;\n  font: var(--font-text2-normal);\n  max-width: 150px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  margin-bottom: 0;\n}\n.textPlacementVertical_1c8a84be52 .numberDividerContainer_5c7b7f2d61 .divider_5fd9ecdc07 {\n  background-color: var(--ui-border-color);\n  margin: 16px 0 16px 16px;\n  height: 1px;\n  flex: 1 1 0;\n}\n.sizeCompactNumberDividerContainer_24e69e5001 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.sizeCompactNumberDividerContainer_24e69e5001.statusActiveNumberDividerContainer_eb1c7c9e2e {\n  width: 40px;\n}\n.indicator_006959023c.clickable_d0f5e89018 {\n  cursor: pointer;\n}\n.withAnimation_29bdddc4b8 {\n  animation: stepIndicatiorCirclePopElastic_640c491a92 var(--motion-expressive-short);\n}\n/* New state enters */\n.swapEnter_e69c231d1e {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.swapEnterActive_d5435ba091 {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n/* Old state leaves */\n.swapExit_822a292b66 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.swapExitActive_054469bac1 {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n}\n.numberContainer_b700a1d726 {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n}\n.numberContainerText_4ed93c70b2 {\n  margin: auto;\n  display: flex;\n  align-items: center;\n}\n.numberContainerTextCheckIcon_846961d512 {\n  width: 20px;\n  height: 20px;\n  margin-top: 2px;\n}\n.typePrimaryNumberContainer_de8c05d030 {\n  background-color: var(--primary-color);\n}\n.typePrimaryNumberContainer_de8c05d030:hover {\n  background-color: var(--primary-hover-color);\n}\n.typeDangerNumberContainer_9c5a46bcc1 {\n  background-color: var(--negative-color);\n}\n.typeDangerNumberContainer_9c5a46bcc1:hover {\n  background-color: var(--negative-color-hover);\n}\n.typeSuccessNumberContainer_cd3d82a63b {\n  background-color: var(--positive-color);\n}\n.typeSuccessNumberContainer_cd3d82a63b:hover {\n  background-color: var(--positive-color-hover);\n}\n.typeDarkNumberContainer_da33327864 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.typeDarkNumberContainer_da33327864:hover {\n  background-color: var(--secondary-text-color);\n}\n.statusActiveNumberContainer_cf5f64827e {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-color);\n}\n.statusActiveNumberContainer_cf5f64827e.typeDangerNumberContainer_9c5a46bcc1 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--negative-color);\n}\n.statusActiveNumberContainer_cf5f64827e.typeSuccessNumberContainer_cd3d82a63b {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--positive-color);\n}\n.statusActiveNumberContainer_cf5f64827e.typeDarkNumberContainer_da33327864 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-text-color);\n}\n.sizeCompactNumberContainer_1396f12a39 {\n  width: 28px;\n  height: 28px;\n}\n.statusPendingNumberContainer_304b4fde2c {\n  background-color: var(--primary-background-color);\n  color: var(--primary-text-color);\n  border-color: var(--ui-border-color) !important;\n  border: 1px solid;\n}\n.statusPendingNumberContainer_304b4fde2c:hover {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n  border: none;\n}\n.statusPendingNumberContainer_304b4fde2c.typeDangerNumberContainer_9c5a46bcc1:hover {\n  background-color: var(--negative-color);\n}\n.statusPendingNumberContainer_304b4fde2c.typeSuccessNumberContainer_cd3d82a63b:hover {\n  background-color: var(--positive-color);\n}\n.statusPendingNumberContainer_304b4fde2c.typeDarkNumberContainer_da33327864:hover {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n@keyframes step-indicatior-circle-pop-elastic_5ec32e0104 {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{e as default};
+var n={indicator:"indicator_295e1536a8",textContainer:"textContainer_cd615a8e16",sizeCompactTextContainer:"sizeCompactTextContainer_4591f0e9f3",textContainerTitle:"textContainerTitle_f8fb7e19dc",visuallyHidden:"visuallyHidden_bcd32ba345",textContainerTitleText:"textContainerTitleText_c0cdf867d3",textContainerSubtitleText:"textContainerSubtitleText_8268b1a2c4",sizeCompactTextContainerTitle:"sizeCompactTextContainerTitle_eaf1fe32a6",textPlacementVertical:"textPlacementVertical_c013f0fab9",numberDividerContainer:"numberDividerContainer_8667ed01fd",sizeCompactTextContainerTitleText:"sizeCompactTextContainerTitleText_3025340ad1",divider:"divider_0017e3b262",sizeCompactNumberDividerContainer:"sizeCompactNumberDividerContainer_08cf2faf17",statusActiveNumberDividerContainer:"statusActiveNumberDividerContainer_8b47283477",clickable:"clickable_0bd0945fa3",withAnimation:"withAnimation_34507b3985",stepIndicatiorCirclePopElastic:"stepIndicatiorCirclePopElastic_3070248050",swapEnter:"swapEnter_22e76293e5",swapEnterActive:"swapEnterActive_6d85fabeb0",swapExit:"swapExit_7edcf98390",swapExitActive:"swapExitActive_64052c191a",numberContainer:"numberContainer_e9d033da18",numberContainerText:"numberContainerText_db95ca43ce",numberContainerTextCheckIcon:"numberContainerTextCheckIcon_f9edd2509c",typePrimaryNumberContainer:"typePrimaryNumberContainer_2ebcd83316",typeDangerNumberContainer:"typeDangerNumberContainer_f319582eb1",typeSuccessNumberContainer:"typeSuccessNumberContainer_75c6c85b14",typeDarkNumberContainer:"typeDarkNumberContainer_05d29dcc95",statusActiveNumberContainer:"statusActiveNumberContainer_bf5734676a",sizeCompactNumberContainer:"sizeCompactNumberContainer_0c206ae0be",statusPendingNumberContainer:"statusPendingNumberContainer_53b1832715","step-indicatior-circle-pop-elastic":"step-indicatior-circle-pop-elastic_7d6b170ae8"};!function(n){const e="s_id-1224002af9fc_3_88_6";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.indicator_295e1536a8 {\n  font: var(--font-text2-normal);\n  color: var(--text-color-on-primary);\n  display: flex;\n  margin: 0;\n  padding: 0;\n  text-indent: 0;\n  list-style-type: none;\n}\n.textContainer_cd615a8e16 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-left: 16px;\n}\n.sizeCompactTextContainer_4591f0e9f3 {\n  margin-left: var(--spacing-small);\n  justify-content: center;\n  align-content: center;\n}\n.textContainerTitle_f8fb7e19dc {\n  width: 100%;\n  margin-bottom: var(--spacing-xs);\n}\n.textContainerTitle_f8fb7e19dc .visuallyHidden_bcd32ba345 {\n  display: none;\n}\n.textContainerTitleText_c0cdf867d3 {\n  font: var(--font-text2-medium);\n  color: var(--primary-text-color);\n  margin-bottom: 2px;\n}\n.textContainerSubtitleText_8268b1a2c4 {\n  width: 100%;\n  font: var(--font-text2-normal);\n  color: var(--primary-text-color);\n}\n.sizeCompactTextContainerTitle_eaf1fe32a6 {\n  margin-bottom: 0px;\n}\n.textPlacementVertical_c013f0fab9 {\n  margin: 8px;\n  flex-direction: column;\n  flex: 1 1 0px;\n}\n.textPlacementVertical_c013f0fab9 .textContainer_cd615a8e16 {\n  margin-left: 0;\n  margin-top: var(--spacing-medium);\n}\n.textPlacementVertical_c013f0fab9 .numberDividerContainer_8667ed01fd {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n.sizeCompactTextContainerTitleText_3025340ad1 {\n  display: block;\n  font: var(--font-text2-normal);\n  max-width: 150px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  margin-bottom: 0;\n}\n.textPlacementVertical_c013f0fab9 .numberDividerContainer_8667ed01fd .divider_0017e3b262 {\n  background-color: var(--ui-border-color);\n  margin: 16px 0 16px 16px;\n  height: 1px;\n  flex: 1 1 0;\n}\n.sizeCompactNumberDividerContainer_08cf2faf17 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.sizeCompactNumberDividerContainer_08cf2faf17.statusActiveNumberDividerContainer_8b47283477 {\n  width: 40px;\n}\n.indicator_295e1536a8.clickable_0bd0945fa3 {\n  cursor: pointer;\n}\n.withAnimation_34507b3985 {\n  animation: stepIndicatiorCirclePopElastic_3070248050 var(--motion-expressive-short);\n}\n/* New state enters */\n.swapEnter_22e76293e5 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.swapEnterActive_6d85fabeb0 {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n/* Old state leaves */\n.swapExit_7edcf98390 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.swapExitActive_64052c191a {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n}\n.numberContainer_e9d033da18 {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n}\n.numberContainerText_db95ca43ce {\n  margin: auto;\n  display: flex;\n  align-items: center;\n}\n.numberContainerTextCheckIcon_f9edd2509c {\n  width: 20px;\n  height: 20px;\n  margin-top: 2px;\n}\n.typePrimaryNumberContainer_2ebcd83316 {\n  background-color: var(--primary-color);\n}\n.typePrimaryNumberContainer_2ebcd83316:hover {\n  background-color: var(--primary-hover-color);\n}\n.typeDangerNumberContainer_f319582eb1 {\n  background-color: var(--negative-color);\n}\n.typeDangerNumberContainer_f319582eb1:hover {\n  background-color: var(--negative-color-hover);\n}\n.typeSuccessNumberContainer_75c6c85b14 {\n  background-color: var(--positive-color);\n}\n.typeSuccessNumberContainer_75c6c85b14:hover {\n  background-color: var(--positive-color-hover);\n}\n.typeDarkNumberContainer_05d29dcc95 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.typeDarkNumberContainer_05d29dcc95:hover {\n  background-color: var(--secondary-text-color);\n}\n.statusActiveNumberContainer_bf5734676a {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-color);\n}\n.statusActiveNumberContainer_bf5734676a.typeDangerNumberContainer_f319582eb1 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--negative-color);\n}\n.statusActiveNumberContainer_bf5734676a.typeSuccessNumberContainer_75c6c85b14 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--positive-color);\n}\n.statusActiveNumberContainer_bf5734676a.typeDarkNumberContainer_05d29dcc95 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-text-color);\n}\n.sizeCompactNumberContainer_0c206ae0be {\n  width: 28px;\n  height: 28px;\n}\n.statusPendingNumberContainer_53b1832715 {\n  background-color: var(--primary-background-color);\n  color: var(--primary-text-color);\n  border-color: var(--ui-border-color) !important;\n  border: 1px solid;\n}\n.statusPendingNumberContainer_53b1832715:hover {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n  border: none;\n}\n.statusPendingNumberContainer_53b1832715.typeDangerNumberContainer_f319582eb1:hover {\n  background-color: var(--negative-color);\n}\n.statusPendingNumberContainer_53b1832715.typeSuccessNumberContainer_75c6c85b14:hover {\n  background-color: var(--positive-color);\n}\n.statusPendingNumberContainer_53b1832715.typeDarkNumberContainer_05d29dcc95:hover {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n@keyframes step-indicatior-circle-pop-elastic_7d6b170ae8 {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{n as default};
 //# sourceMappingURL=StepIndicator.module.scss.js.map

package/dist/src/components/NumberField/NumberField.module.scss.js

@@ -1,2 +1,2 @@
-var e={numberField:"numberField_f7ee2fe382",label:"label_9a8a8cda15",leftIcon:"leftIcon_c1e2e4b229"};!function(e){const n="s_id-043e6276934a_3_88_5";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".numberField_f7ee2fe382 {\n  width: 100%;\n}\n.numberField_f7ee2fe382 .label_9a8a8cda15 {\n  padding-bottom: 0;\n}\n.numberField_f7ee2fe382 .leftIcon_c1e2e4b229 {\n  color: var(--icon-color);\n}");export{e as default};
+var e={numberField:"numberField_1e90d5ffd4",label:"label_9e3409bd98",leftIcon:"leftIcon_466de02a75"};!function(e){const d="s_id-043e6276934a_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".numberField_1e90d5ffd4 {\n  width: 100%;\n}\n.numberField_1e90d5ffd4 .label_9e3409bd98 {\n  padding-bottom: 0;\n}\n.numberField_1e90d5ffd4 .leftIcon_466de02a75 {\n  color: var(--icon-color);\n}");export{e as default};
 //# sourceMappingURL=NumberField.module.scss.js.map

package/dist/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js

@@ -1,2 +1,2 @@
-var e={spinButton:"spinButton_45d4dec0bb",large:"large_21d87fc7ff",icon:"icon_8c1f83f0b8",medium:"medium_72bf32a047",small:"small_8f9ca2842a"};!function(e){const n="s_id-eb36452422c9_3_88_5";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".spinButton_45d4dec0bb.large_21d87fc7ff {\n  width: 28px;\n  height: 20px;\n}\n.spinButton_45d4dec0bb.large_21d87fc7ff .icon_8c1f83f0b8 {\n  width: 16px;\n  height: 16px;\n}\n.spinButton_45d4dec0bb.medium_72bf32a047 {\n  width: 24px;\n  height: 16px;\n}\n.spinButton_45d4dec0bb.medium_72bf32a047 .icon_8c1f83f0b8 {\n  width: 16px;\n  height: 16px;\n}\n.spinButton_45d4dec0bb.small_8f9ca2842a {\n  width: 22px;\n  height: 14px;\n}\n.spinButton_45d4dec0bb.small_8f9ca2842a .icon_8c1f83f0b8 {\n  width: 14px;\n  height: 14px;\n}");export{e as default};
+var n={spinButton:"spinButton_774495a627",large:"large_069b9b2d5a",icon:"icon_89d1f3badf",medium:"medium_6e24bb5823",small:"small_cbbd637ca6"};!function(n){const e="s_id-eb36452422c9_3_88_6";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".spinButton_774495a627.large_069b9b2d5a {\n  width: 28px;\n  height: 20px;\n}\n.spinButton_774495a627.large_069b9b2d5a .icon_89d1f3badf {\n  width: 16px;\n  height: 16px;\n}\n.spinButton_774495a627.medium_6e24bb5823 {\n  width: 24px;\n  height: 16px;\n}\n.spinButton_774495a627.medium_6e24bb5823 .icon_89d1f3badf {\n  width: 16px;\n  height: 16px;\n}\n.spinButton_774495a627.small_cbbd637ca6 {\n  width: 22px;\n  height: 14px;\n}\n.spinButton_774495a627.small_cbbd637ca6 .icon_89d1f3badf {\n  width: 14px;\n  height: 14px;\n}");export{n as default};
 //# sourceMappingURL=NumberFieldSpinButton.module.scss.js.map

package/dist/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js

@@ -1,2 +1,2 @@
-var e={bar:"bar_14a47f0bf9",typePrimaryPrimary:"typePrimaryPrimary_de8c05d030",typePrimarySecondary:"typePrimarySecondary_05e4750364",typePrimaryPositive:"typePrimaryPositive_cd3d82a63b",typePrimaryNegative:"typePrimaryNegative_9c5a46bcc1",typePrimaryWarning:"typePrimaryWarning_7c4ed62997",typeSecondaryPrimary:"typeSecondaryPrimary_bec3961268",typeSecondarySecondary:"typeSecondarySecondary_93823dba60",typeSecondaryPositive:"typeSecondaryPositive_e7b3878e9c",typeSecondaryNegative:"typeSecondaryNegative_d3fbd31897",typeSecondaryWarning:"typeSecondaryWarning_51d60c64da",animate:"animate_c0b5056a80"};!function(e){const r="s_id-47cfcfa6b681_3_88_5";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".bar_14a47f0bf9 {\n  left: 0;\n  height: 100%;\n  position: absolute;\n  border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary_de8c05d030 {\n  background-color: var(--primary-color);\n}\n\n.typePrimarySecondary_05e4750364 {\n  background-color: var(--inverted-color-background);\n}\n\n.typePrimaryPositive_cd3d82a63b {\n  background-color: var(--positive-color);\n}\n\n.typePrimaryNegative_9c5a46bcc1 {\n  background-color: var(--negative-color);\n}\n\n.typePrimaryWarning_7c4ed62997 {\n  background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary_bec3961268 {\n  background-color: var(--primary-selected-color);\n}\n\n.typeSecondarySecondary_93823dba60 {\n  background-color: var(--ui-border-color);\n}\n\n.typeSecondaryPositive_e7b3878e9c {\n  background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative_d3fbd31897 {\n  background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning_51d60c64da {\n  background-color: var(--warning-color-selected);\n}\n\n.animate_c0b5056a80 {\n  transition: width 300ms var(--motion-timing-transition);\n}");export{e as default};
+var e={bar:"bar_9a030b48d6",typePrimaryPrimary:"typePrimaryPrimary_2ebcd83316",typePrimarySecondary:"typePrimarySecondary_cfd0ebe7b8",typePrimaryPositive:"typePrimaryPositive_75c6c85b14",typePrimaryNegative:"typePrimaryNegative_f319582eb1",typePrimaryWarning:"typePrimaryWarning_2dee17019a",typeSecondaryPrimary:"typeSecondaryPrimary_e0607190b2",typeSecondarySecondary:"typeSecondarySecondary_7a611d4180",typeSecondaryPositive:"typeSecondaryPositive_6bf945d4ae",typeSecondaryNegative:"typeSecondaryNegative_7a733702cd",typeSecondaryWarning:"typeSecondaryWarning_dcd7541e2c",animate:"animate_2fbc4dbf11"};!function(e){const r="s_id-47cfcfa6b681_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".bar_9a030b48d6 {\n  left: 0;\n  height: 100%;\n  position: absolute;\n  border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary_2ebcd83316 {\n  background-color: var(--primary-color);\n}\n\n.typePrimarySecondary_cfd0ebe7b8 {\n  background-color: var(--inverted-color-background);\n}\n\n.typePrimaryPositive_75c6c85b14 {\n  background-color: var(--positive-color);\n}\n\n.typePrimaryNegative_f319582eb1 {\n  background-color: var(--negative-color);\n}\n\n.typePrimaryWarning_2dee17019a {\n  background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary_e0607190b2 {\n  background-color: var(--primary-selected-color);\n}\n\n.typeSecondarySecondary_7a611d4180 {\n  background-color: var(--ui-border-color);\n}\n\n.typeSecondaryPositive_6bf945d4ae {\n  background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative_7a733702cd {\n  background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning_dcd7541e2c {\n  background-color: var(--warning-color-selected);\n}\n\n.animate_2fbc4dbf11 {\n  transition: width 300ms var(--motion-timing-transition);\n}");export{e as default};
 //# sourceMappingURL=Bar.module.scss.js.map

package/dist/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_203c0ed9ec",fullWidth:"fullWidth_f7ee2fe382",container:"container_2cf6f5645c",progressBar:"progressBar_ec6d0d08d1",completed:"completed_2cf6f5645c",label:"label_83fce5cf97",large:"large_b8f78ad035",medium:"medium_2980724fdc",small:"small_9de3fd6929"};!function(e){const n="s_id-5855608df299_3_88_5";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,r.firstChild?r.insertBefore(d,r.firstChild):r.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.wrapper_203c0ed9ec {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  width: 100%;\n  font: var(--font-text2-normal);\n  line-height: 8px !important;\n}\n.wrapper_203c0ed9ec.fullWidth_f7ee2fe382 {\n  width: 100%;\n}\n.wrapper_203c0ed9ec.fullWidth_f7ee2fe382 .container_2cf6f5645c {\n  border-radius: 0;\n}\n.wrapper_203c0ed9ec.fullWidth_f7ee2fe382 .container_2cf6f5645c .progressBar_ec6d0d08d1 {\n  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper_203c0ed9ec.fullWidth_f7ee2fe382 .container_2cf6f5645c .progressBar_ec6d0d08d1.completed_2cf6f5645c {\n  border-radius: 0;\n}\n.label_83fce5cf97 {\n  padding-left: var(--spacing-xs);\n}\n.large_b8f78ad035 {\n  height: 8px;\n  line-height: 8px;\n}\n.medium_2980724fdc {\n  height: 6px;\n  line-height: 6px;\n}\n.small_9de3fd6929 {\n  height: 4px;\n  line-height: 4px;\n}\n.container_2cf6f5645c {\n  position: relative;\n  width: 100%;\n  background-color: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={wrapper:"wrapper_cb33fd53db",fullWidth:"fullWidth_1e90d5ffd4",container:"container_bd035be139",progressBar:"progressBar_61b275d215",completed:"completed_bd035be139",label:"label_f4cfb7a8eb",large:"large_1c1570e922",medium:"medium_3d313a4a92",small:"small_8d7f603a9f"};!function(e){const d="s_id-5855608df299_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const r=document.createElement("style");r.id=d,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.wrapper_cb33fd53db {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  width: 100%;\n  font: var(--font-text2-normal);\n  line-height: 8px !important;\n}\n.wrapper_cb33fd53db.fullWidth_1e90d5ffd4 {\n  width: 100%;\n}\n.wrapper_cb33fd53db.fullWidth_1e90d5ffd4 .container_bd035be139 {\n  border-radius: 0;\n}\n.wrapper_cb33fd53db.fullWidth_1e90d5ffd4 .container_bd035be139 .progressBar_61b275d215 {\n  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper_cb33fd53db.fullWidth_1e90d5ffd4 .container_bd035be139 .progressBar_61b275d215.completed_bd035be139 {\n  border-radius: 0;\n}\n.label_f4cfb7a8eb {\n  padding-left: var(--spacing-xs);\n}\n.large_1c1570e922 {\n  height: 8px;\n  line-height: 8px;\n}\n.medium_3d313a4a92 {\n  height: 6px;\n  line-height: 6px;\n}\n.small_8d7f603a9f {\n  height: 4px;\n  line-height: 4px;\n}\n.container_bd035be139 {\n  position: relative;\n  width: 100%;\n  background-color: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
 //# sourceMappingURL=LinearProgressBar.module.scss.js.map

package/dist/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js

@@ -1,2 +1,2 @@
-var e={label:"label_83fce5cf97"};!function(e){const t="s_id-de8a28d20526_3_88_5";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".label_83fce5cf97 {\n  padding-left: var(--spacing-xs);\n}");export{e as default};
+var e={label:"label_f4cfb7a8eb"};!function(e){const t="s_id-de8a28d20526_3_88_6";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".label_f4cfb7a8eb {\n  padding-left: var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=PercentageLabel.module.scss.js.map

package/dist/src/components/RadioButton/RadioButton.module.scss.js

@@ -1,2 +1,2 @@
-var n={radioButton:"radioButton_89e9b967b6",inputContainer:"inputContainer_24e69e5001",input:"input_caae49d81a",control:"control_5dd7f1b730",labelAnimation:"labelAnimation_59e5111e73",radioCheckedAnimation:"radioCheckedAnimation_134499fdd5",disabled:"disabled_a20d9d0414",label:"label_a598c25580"};!function(n){const e="s_id-f0fb17b54d8d_3_88_5";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable unit-disallowed-list */\n.radioButton_89e9b967b6 {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n.inputContainer_24e69e5001 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.input_caae49d81a {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n.control_5dd7f1b730 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1em;\n  height: 1em;\n  border: 0.1em solid;\n  box-sizing: border-box;\n  border-color: var(--ui-border-color);\n  border-radius: 50%;\n  transition: border-width var(--motion-productive-medium) var(--motion-timing-enter);\n  background-color: var(--secondary-background-color);\n}\ninput:checked + .control_5dd7f1b730 {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\ninput:checked + .labelAnimation_59e5111e73 {\n  animation-name: radioCheckedAnimation_134499fdd5;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\ninput:disabled + .control_5dd7f1b730 {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\ninput:checked:disabled + .control_5dd7f1b730 {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n.radioButton_89e9b967b6.disabled_a20d9d0414 {\n  cursor: not-allowed;\n}\n.radioButton_89e9b967b6.disabled_a20d9d0414 .label_a598c25580 {\n  color: var(--disabled-text-color);\n}\n.inputContainer_24e69e5001 input:focus-visible + .control_5dd7f1b730 {\n  outline: none;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 50%;\n}\n.radioButton_89e9b967b6:hover .inputContainer_24e69e5001 input:enabled:checked + .control_5dd7f1b730 {\n  border-color: var(--primary-hover-color);\n}\n.radioButton_89e9b967b6:hover .inputContainer_24e69e5001 input:enabled:not(:checked) + .control_5dd7f1b730,\n.radioButton_89e9b967b6:focus-within .inputContainer_24e69e5001 input:enabled:not(:checked) + .control_5dd7f1b730 {\n  border-color: var(--primary-text-color);\n}\n@keyframes radioCheckedAnimation_134499fdd5 {\n  0% {\n    height: 1em;\n    width: 1em;\n  }\n  50% {\n    height: 0.8em;\n    width: 0.8em;\n  }\n  100% {\n    height: 1em;\n    width: 1em;\n  }\n}");export{n as default};
+var n={radioButton:"radioButton_bd36f5714d",inputContainer:"inputContainer_08cf2faf17",input:"input_8862131d72",control:"control_40e0e19122",labelAnimation:"labelAnimation_798108dd57",radioCheckedAnimation:"radioCheckedAnimation_2ae36a886a",disabled:"disabled_a5d00d73e1",label:"label_b734e3a96d"};!function(n){const e="s_id-f0fb17b54d8d_3_88_6";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable unit-disallowed-list */\n.radioButton_bd36f5714d {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n.inputContainer_08cf2faf17 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.input_8862131d72 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n.control_40e0e19122 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1em;\n  height: 1em;\n  border: 0.1em solid;\n  box-sizing: border-box;\n  border-color: var(--ui-border-color);\n  border-radius: 50%;\n  transition: border-width var(--motion-productive-medium) var(--motion-timing-enter);\n  background-color: var(--secondary-background-color);\n}\ninput:checked + .control_40e0e19122 {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\ninput:checked + .labelAnimation_798108dd57 {\n  animation-name: radioCheckedAnimation_2ae36a886a;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\ninput:disabled + .control_40e0e19122 {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\ninput:checked:disabled + .control_40e0e19122 {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n.radioButton_bd36f5714d.disabled_a5d00d73e1 {\n  cursor: not-allowed;\n}\n.radioButton_bd36f5714d.disabled_a5d00d73e1 .label_b734e3a96d {\n  color: var(--disabled-text-color);\n}\n.inputContainer_08cf2faf17 input:focus-visible + .control_40e0e19122 {\n  outline: none;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 50%;\n}\n.radioButton_bd36f5714d:hover .inputContainer_08cf2faf17 input:enabled:checked + .control_40e0e19122 {\n  border-color: var(--primary-hover-color);\n}\n.radioButton_bd36f5714d:hover .inputContainer_08cf2faf17 input:enabled:not(:checked) + .control_40e0e19122,\n.radioButton_bd36f5714d:focus-within .inputContainer_08cf2faf17 input:enabled:not(:checked) + .control_40e0e19122 {\n  border-color: var(--primary-text-color);\n}\n@keyframes radioCheckedAnimation_2ae36a886a {\n  0% {\n    height: 1em;\n    width: 1em;\n  }\n  50% {\n    height: 0.8em;\n    width: 0.8em;\n  }\n  100% {\n    height: 1em;\n    width: 1em;\n  }\n}");export{n as default};
 //# sourceMappingURL=RadioButton.module.scss.js.map

package/dist/src/components/Search/Search.module.scss.js

@@ -1,2 +1,2 @@
-var e={searchWrapper:"searchWrapper_741c6eae5a",search:"search_4fac1e375c",loader:"loader_0d3041ae7d",icon:"icon_df9881870d",empty:"empty_ba49c5e95d"};!function(e){const a="s_id-4e5e4eb516f6_3_88_5";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,c.firstChild?c.insertBefore(r,c.firstChild):c.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".searchWrapper_741c6eae5a .search_4fac1e375c {\n  appearance: textfield;\n}\n.searchWrapper_741c6eae5a .search_4fac1e375c::-webkit-search-cancel-button, .searchWrapper_741c6eae5a .search_4fac1e375c::-webkit-search-results-button {\n  appearance: none;\n}\n.searchWrapper_741c6eae5a .loader_0d3041ae7d {\n  margin-right: var(--spacing-xs);\n}\n.searchWrapper_741c6eae5a .icon_df9881870d {\n  opacity: 1;\n  color: var(--icon-color);\n  transition: opacity var(--motion-productive-short);\n}\n.searchWrapper_741c6eae5a .icon_df9881870d.empty_ba49c5e95d {\n  opacity: 0;\n}");export{e as default};
+var e={searchWrapper:"searchWrapper_49e25d6af1",search:"search_1e94c269f1",loader:"loader_86d010924e",icon:"icon_cbace4b43b",empty:"empty_8110528e46"};!function(e){const a="s_id-4e5e4eb516f6_3_88_6";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const c=document.createElement("style");c.id=a,r.firstChild?r.insertBefore(c,r.firstChild):r.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".searchWrapper_49e25d6af1 .search_1e94c269f1 {\n  appearance: textfield;\n}\n.searchWrapper_49e25d6af1 .search_1e94c269f1::-webkit-search-cancel-button, .searchWrapper_49e25d6af1 .search_1e94c269f1::-webkit-search-results-button {\n  appearance: none;\n}\n.searchWrapper_49e25d6af1 .loader_86d010924e {\n  margin-right: var(--spacing-xs);\n}\n.searchWrapper_49e25d6af1 .icon_cbace4b43b {\n  opacity: 1;\n  color: var(--icon-color);\n  transition: opacity var(--motion-productive-short);\n}\n.searchWrapper_49e25d6af1 .icon_cbace4b43b.empty_8110528e46 {\n  opacity: 0;\n}");export{e as default};
 //# sourceMappingURL=Search.module.scss.js.map

package/dist/src/components/SegmentedControl/SegmentedControl.js

@@ -0,0 +1,2 @@
+import{slicedToArray as e,toConsumableArray as t,defineProperty as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as i,useState as a,useRef as r,useCallback as l}from"react";import s from"classnames";import{isNil as d}from"es-toolkit";import c from"../../hooks/useMergeRef.js";import{getTestId as m,ComponentDefaultTestId as u}from"../../tests/testIds.js";import{ComponentVibeId as f}from"../../tests/constants.js";import v from"./SegmentedControl.module.scss.js";import p from"../../../components/icon/dist/Icon/Icon.js";import b from"../../../components/tooltip/dist/Tooltip/Tooltip.js";var g={xs:14,small:16,medium:16,large:20},h={xs:v.sizeXs,small:v.sizeSmall,medium:v.sizeMedium,large:v.sizeLarge},E=function(e){var t=e.option,n=e.index,i=e.isSelected,a=e.onSelect,r=o.createElement("button",{ref:e.segmentRef,type:"button",role:"radio",className:v.segment,"aria-checked":i,"aria-disabled":e.isDisabled||void 0,tabIndex:i||-1===e.selectedIndex&&0===n?0:-1,onClick:function(){return a(n)},onKeyDown:e.onKeyDown},o.createElement("span",{className:v.segmentContent},t.icon&&o.createElement(p,{icon:t.icon,iconSize:e.iconSize,className:v.segmentIcon}),t.label));return d(t.tooltip)?r:o.createElement(b,{content:t.tooltip,showTrigger:["mouseenter"],hideTrigger:["mouseleave"]},r)},x=i((function(i,d){var p,b=i.className,x=i.id,y=i["data-testid"],D=i.options,S=i.value,w=i.defaultValue,I=i.onChange,N=i.size,k=void 0===N?"medium":N,z=i.disabled,T=void 0!==z&&z,C=i.fullWidth,j=void 0!==C&&C,A=i.ariaLabel,R=i["aria-labelledby"],L=a(null!=w?w:null===(p=D[0])||void 0===p?void 0:p.value),M=e(L,2),O=M[0],_=M[1],H=r([]),K=r(null),G=c(d,K),P=void 0!==S,W=P?S:O,B=D.findIndex((function(e){return e.value===W})),U=-1===B?0:B,V=g[k],X=l((function(e){var t,n=D[e];!n||n.disabled||T||(P||_(n.value),null==I||I(n.value),null===(t=H.current[e])||void 0===t||t.focus())}),[D,T,P,I]),q=l((function(e){for(var t,n=D.length,o=-1===B?0:B,i=1;n>=i;i++){var a=(o+e*i+n*n)%n;if(!(null===(t=D[a])||void 0===t?void 0:t.disabled))return void X(a)}}),[D,B,X]),F=l((function(e){if(!T)switch(e.key){case"ArrowRight":case"ArrowDown":e.preventDefault(),q(1);break;case"ArrowLeft":case"ArrowUp":e.preventDefault(),q(-1);break;case"Home":e.preventDefault(),X(D.findIndex((function(e){return!e.disabled})));break;case"End":e.preventDefault();var n=t(D).reverse().findIndex((function(e){return!e.disabled}));-1!==n&&X(D.length-1-n)}}),[T,q,D,X]);return o.createElement("div",{ref:G,id:x,role:"radiogroup","aria-label":R?void 0:A,"aria-labelledby":R,"aria-disabled":T||void 0,className:s(v.segmentedControl,h[k],b,n(n({},v.fullWidth,j),v.disabled,T)),"data-testid":y||m(u.SEGMENTED_CONTROL,x),"data-vibe":f.SEGMENTED_CONTROL,"data-size":k,style:{"--segment-count":D.length,"--selected-index":U}},o.createElement("span",{"aria-hidden":"true",className:s(v.thumb,n({},v.thumbHidden,-1===B))}),D.map((function(e,t){return o.createElement(E,{key:e.value,option:e,index:t,isSelected:t===B,isDisabled:T||!!e.disabled,selectedIndex:B,iconSize:V,onSelect:X,onKeyDown:F,segmentRef:function(e){H.current[t]=e}})})))}));export{x as default};
+//# sourceMappingURL=SegmentedControl.js.map

package/dist/src/components/SegmentedControl/SegmentedControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.js","sources":["../../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef, useState, type CSSProperties, type KeyboardEvent } from \"react\";\nimport cx from \"classnames\";\nimport { isNil } from \"es-toolkit\";\nimport { Icon } from \"@vibe/icon\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentVibeId } from \"../../tests/constants\";\nimport {\n  type SegmentedControlOption,\n  type SegmentedControlProps,\n  type SegmentedControlSize\n} from \"./SegmentedControl.types\";\nimport styles from \"./SegmentedControl.module.scss\";\n\nconst ICON_SIZE_BY_CONTROL_SIZE: Record<SegmentedControlSize, number> = {\n  xs: 14,\n  small: 16,\n  medium: 16,\n  large: 20\n};\n\nconst SIZE_CLASS_MAP: Record<SegmentedControlSize, string> = {\n  xs: styles.sizeXs,\n  small: styles.sizeSmall,\n  medium: styles.sizeMedium,\n  large: styles.sizeLarge\n};\n\ntype SegmentButtonProps = {\n  option: SegmentedControlOption;\n  index: number;\n  isSelected: boolean;\n  isDisabled: boolean;\n  selectedIndex: number;\n  iconSize: number;\n  onSelect: (index: number) => void;\n  onKeyDown: (event: KeyboardEvent<HTMLButtonElement>) => void;\n  segmentRef: (element: HTMLButtonElement | null) => void;\n};\n\nconst SegmentButton = ({\n  option,\n  index,\n  isSelected,\n  isDisabled,\n  selectedIndex,\n  iconSize,\n  onSelect,\n  onKeyDown,\n  segmentRef\n}: SegmentButtonProps) => {\n  const button = (\n    <button\n      ref={segmentRef}\n      type=\"button\"\n      role=\"radio\"\n      className={styles.segment}\n      aria-checked={isSelected}\n      aria-disabled={isDisabled || undefined}\n      tabIndex={isSelected || (selectedIndex === -1 && index === 0) ? 0 : -1}\n      onClick={() => onSelect(index)}\n      onKeyDown={onKeyDown}\n    >\n      <span className={styles.segmentContent}>\n        {option.icon && <Icon icon={option.icon} iconSize={iconSize} className={styles.segmentIcon} />}\n        {option.label}\n      </span>\n    </button>\n  );\n\n  if (!isNil(option.tooltip)) {\n    return (\n      <Tooltip content={option.tooltip} showTrigger={[\"mouseenter\"]} hideTrigger={[\"mouseleave\"]}>\n        {button}\n      </Tooltip>\n    );\n  }\n\n  return button;\n};\n\nconst SegmentedControl = forwardRef(\n  (\n    {\n      className,\n      id,\n      \"data-testid\": dataTestId,\n      options,\n      value,\n      defaultValue,\n      onChange,\n      size = \"medium\",\n      disabled = false,\n      fullWidth = false,\n      ariaLabel,\n      \"aria-labelledby\": ariaLabelledby\n    }: SegmentedControlProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue ?? options[0]?.value);\n    const segmentRefs = useRef<Array<HTMLButtonElement | null>>([]);\n    const internalRef = useRef<HTMLDivElement>(null);\n    const mergedRef = useMergeRef(ref, internalRef);\n\n    const isControlled = value !== undefined;\n    const selectedValue = isControlled ? value : uncontrolledValue;\n    const selectedIndex = options.findIndex(option => option.value === selectedValue);\n    const resolvedSelectedIndex = selectedIndex === -1 ? 0 : selectedIndex;\n    const iconSize = ICON_SIZE_BY_CONTROL_SIZE[size];\n\n    const select = useCallback(\n      (index: number) => {\n        const option = options[index];\n        if (!option || option.disabled || disabled) return;\n        if (!isControlled) setUncontrolledValue(option.value);\n        onChange?.(option.value);\n        segmentRefs.current[index]?.focus();\n      },\n      [options, disabled, isControlled, onChange]\n    );\n\n    const moveBy = useCallback(\n      (step: number) => {\n        const count = options.length;\n        const from = selectedIndex === -1 ? 0 : selectedIndex;\n        for (let offset = 1; offset <= count; offset++) {\n          const next = (from + step * offset + count * count) % count;\n          if (!options[next]?.disabled) {\n            select(next);\n            return;\n          }\n        }\n      },\n      [options, selectedIndex, select]\n    );\n\n    const onKeyDown = useCallback(\n      (event: KeyboardEvent<HTMLButtonElement>) => {\n        if (disabled) return;\n\n        switch (event.key) {\n          case \"ArrowRight\":\n          case \"ArrowDown\":\n            event.preventDefault();\n            moveBy(1);\n            break;\n          case \"ArrowLeft\":\n          case \"ArrowUp\":\n            event.preventDefault();\n            moveBy(-1);\n            break;\n          case \"Home\":\n            event.preventDefault();\n            select(options.findIndex(option => !option.disabled));\n            break;\n          case \"End\": {\n            event.preventDefault();\n            const lastEnabled = [...options].reverse().findIndex(option => !option.disabled);\n            if (lastEnabled !== -1) select(options.length - 1 - lastEnabled);\n            break;\n          }\n          default:\n            break;\n        }\n      },\n      [disabled, moveBy, options, select]\n    );\n\n    return (\n      <div\n        ref={mergedRef}\n        id={id}\n        role=\"radiogroup\"\n        aria-label={ariaLabelledby ? undefined : ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        aria-disabled={disabled || undefined}\n        className={cx(styles.segmentedControl, SIZE_CLASS_MAP[size], className, {\n          [styles.fullWidth]: fullWidth,\n          [styles.disabled]: disabled\n        })}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.SEGMENTED_CONTROL, id)}\n        data-vibe={ComponentVibeId.SEGMENTED_CONTROL}\n        data-size={size}\n        style={\n          {\n            \"--segment-count\": options.length,\n            \"--selected-index\": resolvedSelectedIndex\n          } as CSSProperties\n        }\n      >\n        <span\n          aria-hidden=\"true\"\n          className={cx(styles.thumb, {\n            [styles.thumbHidden]: selectedIndex === -1\n          })}\n        />\n        {options.map((option, index) => {\n          const isSelected = index === selectedIndex;\n          const isDisabled = disabled || Boolean(option.disabled);\n\n          return (\n            <SegmentButton\n              key={option.value}\n              option={option}\n              index={index}\n              isSelected={isSelected}\n              isDisabled={isDisabled}\n              selectedIndex={selectedIndex}\n              iconSize={iconSize}\n              onSelect={select}\n              onKeyDown={onKeyDown}\n              segmentRef={element => {\n                segmentRefs.current[index] = element;\n              }}\n            />\n          );\n        })}\n      </div>\n    );\n  }\n);\n\nexport default SegmentedControl;\n"],"names":["ICON_SIZE_BY_CONTROL_SIZE","xs","small","medium","large","SIZE_CLASS_MAP","styles","sizeXs","sizeSmall","sizeMedium","sizeLarge","SegmentButton","_ref","option","index","isSelected","onSelect","button","React","createElement","ref","segmentRef","type","role","className","segment","isDisabled","undefined","tabIndex","selectedIndex","onClick","onKeyDown","segmentContent","icon","Icon","iconSize","segmentIcon","label","isNil","tooltip","Tooltip","content","showTrigger","hideTrigger","SegmentedControl","forwardRef","_ref2","id","dataTestId","options","value","defaultValue","onChange","_ref2$size","size","_ref2$disabled","disabled","_ref2$fullWidth","fullWidth","ariaLabel","ariaLabelledby","_useState","useState","_a","_useState2","_slicedToArray","uncontrolledValue","setUncontrolledValue","segmentRefs","useRef","internalRef","mergedRef","useMergeRef","isControlled","selectedValue","findIndex","resolvedSelectedIndex","select","useCallback","current","focus","moveBy","step","count","length","from","offset","next","event","key","preventDefault","lastEnabled","_toConsumableArray","reverse","cx","segmentedControl","_defineProperty","getTestId","ComponentDefaultTestId","SEGMENTED_CONTROL","ComponentVibeId","style","thumb","thumbHidden","map","element"],"mappings":"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"}

package/dist/src/components/SegmentedControl/SegmentedControl.module.scss.js

@@ -0,0 +1,2 @@
+var n={segmentedControl:"segmentedControl_8ac73c7e4c",fullWidth:"fullWidth_1e90d5ffd4",disabled:"disabled_ba520d15b4",thumb:"thumb_83a49b4e52",thumbHidden:"thumbHidden_8110528e46",segment:"segment_f0abd07e2d",segmentContent:"segmentContent_064a5e8d42",segmentIcon:"segmentIcon_466de02a75",sizeXs:"sizeXs_a2a38a1a01",sizeSmall:"sizeSmall_7d64566c62",sizeMedium:"sizeMedium_9b35a0574e",sizeLarge:"sizeLarge_580b41a961"};!function(n){const e="s_id-72704adb4ec4_3_88_6";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".segmentedControl_8ac73c7e4c {\n  --track-padding: var(--space-2);\n  --segment-radius: var(--border-radius-small);\n  position: relative;\n  display: inline-grid;\n  grid-template-columns: repeat(var(--segment-count), 1fr);\n  gap: var(--space-2);\n  align-items: stretch;\n  padding: var(--track-padding);\n  background: var(--allgrey-background-color);\n  border-radius: calc(var(--segment-radius) + var(--track-padding));\n  isolation: isolate;\n}\n\n.fullWidth_1e90d5ffd4 {\n  width: 100%;\n}\n\n.disabled_ba520d15b4 {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.thumb_83a49b4e52 {\n  position: absolute;\n  z-index: 0;\n  inset-block: var(--track-padding);\n  inset-inline-start: var(--track-padding);\n  width: calc((100% - var(--track-padding) * 2) / var(--segment-count));\n  transform: translateX(calc(var(--selected-index) * 100%));\n  background: var(--primary-background-color);\n  border-radius: var(--segment-radius);\n  box-shadow: var(--box-shadow-xs), 0 0 3px 1px var(--ui-border-color);\n  transition: transform var(--motion-expressive-short) cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.thumbHidden_8110528e46 {\n  opacity: 0;\n}\n\n.segment_f0abd07e2d {\n  position: relative;\n  z-index: 1;\n  gap: var(--space-4);\n  padding-inline: var(--space-12);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background-color: transparent;\n  border: none;\n  border-radius: var(--segment-radius);\n  color: var(--primary-text-color);\n  font: inherit;\n  white-space: nowrap;\n  transition: color var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-short) var(--motion-timing-transition), scale var(--motion-productive-short) var(--motion-timing-transition);\n  cursor: pointer;\n  user-select: none;\n}\n\n.segment_f0abd07e2d:hover {\n  color: var(--primary-text-color);\n  background: color-mix(in srgb, currentColor 8%, transparent);\n}\n\n.segment_f0abd07e2d:active {\n  color: var(--primary-text-color);\n  background: color-mix(in srgb, currentColor 10%, transparent);\n  scale: 0.98;\n}\n\n.segment_f0abd07e2d:focus-visible {\n  outline: 2px solid var(--primary-color);\n  outline-offset: -2px;\n}\n\n.segment_f0abd07e2d[aria-checked=true] {\n  color: var(--primary-text-color);\n}\n\n.segment_f0abd07e2d[aria-checked=true]:hover, .segment_f0abd07e2d[aria-checked=true]:active {\n  background: transparent;\n  scale: 1;\n}\n\n.segment_f0abd07e2d[aria-disabled=true] {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.segment_f0abd07e2d[aria-disabled=true]:hover, .segment_f0abd07e2d[aria-disabled=true]:active {\n  color: var(--disabled-text-color);\n  background: transparent;\n  scale: 1;\n}\n\n.segmentContent_064a5e8d42 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--space-4);\n}\n\n.segmentIcon_466de02a75 {\n  color: var(--icon-color);\n}\n\n.segment_f0abd07e2d:hover .segmentIcon_466de02a75,\n.segment_f0abd07e2d:active .segmentIcon_466de02a75,\n.segment_f0abd07e2d[aria-checked=true] .segmentIcon_466de02a75 {\n  color: var(--primary-text-color);\n}\n\n.segment_f0abd07e2d[aria-disabled=true] .segmentIcon_466de02a75 {\n  color: var(--disabled-text-color);\n}\n\n.sizeXs_a2a38a1a01 {\n  height: 24px;\n  font-size: 12px;\n}\n\n.sizeSmall_7d64566c62 {\n  height: 32px;\n  font-size: 14px;\n}\n\n.sizeMedium_9b35a0574e {\n  height: 40px;\n  font-size: 14px;\n}\n\n.sizeLarge_580b41a961 {\n  height: 48px;\n  font-size: 16px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .thumb_83a49b4e52,\n  .segment_f0abd07e2d {\n    transition: none;\n  }\n}");export{n as default};
+//# sourceMappingURL=SegmentedControl.module.scss.js.map

package/dist/src/components/SegmentedControl/SegmentedControl.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Skeleton/Skeleton.module.scss.js

@@ -1,2 +1,2 @@
-var n={skeleton:"skeleton_c91415ef33",rectangle:"rectangle_1a075c9d4b",shine:"shine_09b095c327",circle:"circle_f3aa52f10b",text:"text_e441f1f6ab",textH1:"textH1_081b21125b",textH2:"textH2_23bf470390",textH3:"textH3_23bf470390",textH4:"textH4_e33202a224",textH5:"textH5_cae39b7bc5",textH6:"textH6_32909c7f0b",textSmall:"textSmall_668152f29d",textCustom:"textCustom_32909c7f0b",fullWidth:"fullWidth_f7ee2fe382"};!function(n){const e="s_id-41cda04b2bc0_3_88_5";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".skeleton_c91415ef33 {\n  display: flex;\n}\n\n.rectangle_1a075c9d4b {\n  height: 160px;\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_09b095c327;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_09b095c327 {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_f3aa52f10b {\n  height: 40px;\n  background: var(--ui-background-color);\n  border-radius: 50%;\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_09b095c327;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_09b095c327 {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_e441f1f6ab {\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_09b095c327;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_09b095c327 {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_081b21125b {\n  height: 32px;\n}\n\n.textH2_23bf470390 {\n  height: 24px;\n}\n\n.textH3_23bf470390 {\n  height: 24px;\n}\n\n.textH4_e33202a224 {\n  height: 21px;\n}\n\n.textH5_cae39b7bc5 {\n  height: 16px;\n}\n\n.textH6_32909c7f0b {\n  height: 12px;\n}\n\n.textSmall_668152f29d,\n.textCustom_32909c7f0b {\n  height: 12px;\n}\n\n.fullWidth_f7ee2fe382 {\n  width: 100%;\n}\n\n.skeleton_c91415ef33:not(.fullWidth_f7ee2fe382) .text_e441f1f6ab {\n  width: 162px;\n}\n\n.skeleton_c91415ef33:not(.fullWidth_f7ee2fe382) .circle_f3aa52f10b {\n  width: 40px;\n}\n\n.skeleton_c91415ef33:not(.fullWidth_f7ee2fe382) .rectangle_1a075c9d4b {\n  width: 160px;\n}");export{n as default};
+var n={skeleton:"skeleton_877d31a52d",rectangle:"rectangle_b4d3c63a9f",shine:"shine_b481af3b7f",circle:"circle_e91964de48",text:"text_c809e08979",textH1:"textH1_50d550bb07",textH2:"textH2_e4e2dd5136",textH3:"textH3_e4e2dd5136",textH4:"textH4_85efbc3f97",textH5:"textH5_aba64ea934",textH6:"textH6_c635985f10",textSmall:"textSmall_dd5d3234bc",textCustom:"textCustom_c635985f10",fullWidth:"fullWidth_1e90d5ffd4"};!function(n){const e="s_id-41cda04b2bc0_3_88_6";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".skeleton_877d31a52d {\n  display: flex;\n}\n\n.rectangle_b4d3c63a9f {\n  height: 160px;\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_b481af3b7f;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_b481af3b7f {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_e91964de48 {\n  height: 40px;\n  background: var(--ui-background-color);\n  border-radius: 50%;\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_b481af3b7f;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_b481af3b7f {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_c809e08979 {\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_b481af3b7f;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_b481af3b7f {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_50d550bb07 {\n  height: 32px;\n}\n\n.textH2_e4e2dd5136 {\n  height: 24px;\n}\n\n.textH3_e4e2dd5136 {\n  height: 24px;\n}\n\n.textH4_85efbc3f97 {\n  height: 21px;\n}\n\n.textH5_aba64ea934 {\n  height: 16px;\n}\n\n.textH6_c635985f10 {\n  height: 12px;\n}\n\n.textSmall_dd5d3234bc,\n.textCustom_c635985f10 {\n  height: 12px;\n}\n\n.fullWidth_1e90d5ffd4 {\n  width: 100%;\n}\n\n.skeleton_877d31a52d:not(.fullWidth_1e90d5ffd4) .text_c809e08979 {\n  width: 162px;\n}\n\n.skeleton_877d31a52d:not(.fullWidth_1e90d5ffd4) .circle_e91964de48 {\n  width: 40px;\n}\n\n.skeleton_877d31a52d:not(.fullWidth_1e90d5ffd4) .rectangle_b4d3c63a9f {\n  width: 160px;\n}");export{n as default};
 //# sourceMappingURL=Skeleton.module.scss.js.map

package/dist/src/components/SlideTransition/SlideTransition.module.scss.js

@@ -1,2 +1,2 @@
-var e={slide:"slide_10c1a7915d"};!function(e){const t="s_id-096ffa3ec029_3_88_5";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".slide_10c1a7915d {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={slide:"slide_6513e4cf96"};!function(e){const t="s_id-096ffa3ec029_3_88_6";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".slide_6513e4cf96 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=SlideTransition.module.scss.js.map

package/dist/src/components/Slider/SelectionIndicator.module.scss.js

@@ -1,2 +1,2 @@
-var e={selectionIndicator:"selectionIndicator_7f48445aaf"};!function(e){const t="s_id-a25847c4cc71_3_88_5";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".selectionIndicator_7f48445aaf.selectionIndicator_7f48445aaf.selectionIndicator_7f48445aaf {\n  text-align: center;\n  padding: var(--spacing-small);\n}");export{e as default};
+var e={selectionIndicator:"selectionIndicator_0972d1fc96"};!function(e){const t="s_id-a25847c4cc71_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const c=document.createElement("style");c.id=t,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".selectionIndicator_0972d1fc96.selectionIndicator_0972d1fc96.selectionIndicator_0972d1fc96 {\n  text-align: center;\n  padding: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=SelectionIndicator.module.scss.js.map

package/dist/src/components/Slider/Slider.module.scss.js

@@ -1,2 +1,2 @@
-var e={slider:"slider_7414f514c5",valueShown:"valueShown_1932fef694",positionTop:"positionTop_4ed581f26c",positionBottom:"positionBottom_311a66d76e"};!function(e){const n="s_id-4e41ea5b2e41_3_88_5";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".slider_7414f514c5 {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown_1932fef694.positionTop_4ed581f26c {\n  margin-top: 10px;\n}\n\n.valueShown_1932fef694.positionBottom_311a66d76e {\n  margin-bottom: 10px;\n}");export{e as default};
+var e={slider:"slider_ea131008a5",valueShown:"valueShown_f56b49a382",positionTop:"positionTop_1c0bfcec8b",positionBottom:"positionBottom_14696e7474"};!function(e){const n="s_id-4e41ea5b2e41_3_88_6";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".slider_ea131008a5 {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown_f56b49a382.positionTop_1c0bfcec8b {\n  margin-top: 10px;\n}\n\n.valueShown_f56b49a382.positionBottom_14696e7474 {\n  margin-bottom: 10px;\n}");export{e as default};
 //# sourceMappingURL=Slider.module.scss.js.map

package/dist/src/components/Slider/SliderBase/SliderBase.module.scss.js

@@ -1,2 +1,2 @@
-var e={base:"base_c580f67eb9",disabled:"disabled_e813130841",small:"small_e0270d8abd",medium:"medium_08d746c400",large:"large_08d746c400"};!function(e){const n="s_id-0abb9e445f96_3_88_5";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".base_c580f67eb9 {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled_e813130841 {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n\n.disabled_e813130841 * {\n  pointer-events: none;\n}\n\n.small_e0270d8abd {\n  padding: 0 var(--spacing-small);\n}\n\n.medium_08d746c400 {\n  padding: 0 12px;\n}\n\n.large_08d746c400 {\n  padding: 0 12px;\n}");export{e as default};
+var e={base:"base_befb91142c",disabled:"disabled_4a786d7ec1",small:"small_2c53512e63",medium:"medium_740c9e10bd",large:"large_740c9e10bd"};!function(e){const n="s_id-0abb9e445f96_3_88_6";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".base_befb91142c {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled_4a786d7ec1 {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n\n.disabled_4a786d7ec1 * {\n  pointer-events: none;\n}\n\n.small_2c53512e63 {\n  padding: 0 var(--spacing-small);\n}\n\n.medium_740c9e10bd {\n  padding: 0 12px;\n}\n\n.large_740c9e10bd {\n  padding: 0 12px;\n}");export{e as default};
 //# sourceMappingURL=SliderBase.module.scss.js.map

package/dist/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js

@@ -1,2 +1,2 @@
-var e={filledTrack:"filledTrack_4c32d03552",positive:"positive_cd3d82a63b",negative:"negative_9c5a46bcc1"};!function(e){const n="s_id-bb386829c5aa_3_88_5";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".filledTrack_4c32d03552 {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive_cd3d82a63b {\n  background-color: var(--positive-color);\n}\n\n.negative_9c5a46bcc1 {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={filledTrack:"filledTrack_3dbd2cba43",positive:"positive_75c6c85b14",negative:"negative_f319582eb1"};!function(e){const n="s_id-bb386829c5aa_3_88_6";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".filledTrack_3dbd2cba43 {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive_75c6c85b14 {\n  background-color: var(--positive-color);\n}\n\n.negative_f319582eb1 {\n  background-color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=SliderFilledTrack.module.scss.js.map

package/dist/src/components/Slider/SliderBase/SliderRail.module.scss.js

@@ -1,2 +1,2 @@
-var e={rail:"rail_18f16788bf",small:"small_eccbcd1968",medium:"medium_fb55e5a9d4",large:"large_0cd5011339"};!function(e){const n="s_id-c66a4285003d_3_88_5";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rail_18f16788bf {\n  cursor: pointer;\n  display: inline-block;\n  position: relative;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.small_eccbcd1968 {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium_fb55e5a9d4 {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large_0cd5011339 {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{e as default};
+var e={rail:"rail_e3dd970b4a",small:"small_dc669c19c7",medium:"medium_a43a8b6a63",large:"large_3ddb358c22"};!function(e){const n="s_id-c66a4285003d_3_88_6";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rail_e3dd970b4a {\n  cursor: pointer;\n  display: inline-block;\n  position: relative;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.small_dc669c19c7 {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium_a43a8b6a63 {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large_3ddb358c22 {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{e as default};
 //# sourceMappingURL=SliderRail.module.scss.js.map