@vibe/core 4.5.6 → 4.6.0-alpha-1900b.0

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

@@ -1 +1 @@
-{"version":3,"file":"Chips.js","sources":["../../../../src/components/Chips/Chips.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { Icon } from \"@vibe/icon\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { getCSSVar } from \"../../services/themes\";\nimport { type ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport Avatar from \"../Avatar/Avatar\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Text } from \"@vibe/typography\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { type AvatarType } from \"../Avatar\";\nimport { type ElementContent, type VibeComponentProps } from \"../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport useSetFocus from \"../../hooks/useSetFocus\";\nimport { useClickableProps } from \"@vibe/clickable\";\nimport styles from \"./Chips.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\nimport { type ChipsSize } from \"./Chips.types\";\n\nconst CHIPS_AVATAR_SIZE = 18;\n\nexport interface ChipsProps extends VibeComponentProps {\n  /**\n   * The text or content displayed inside the chip.\n   */\n  label?: ElementContent;\n  /**\n   * If true, the chip is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If true, the chip is read-only and cannot be deleted.\n   */\n  readOnly?: boolean;\n  /**\n   * A React element displayed on the right side.\n   */\n  rightRenderer?: ElementContent;\n  /**\n   * A React element displayed on the left side.\n   */\n  leftRenderer?: ElementContent;\n  /**\n   * Icon displayed on the right side.\n   */\n  rightIcon?: SubIcon;\n  /**\n   * Icon displayed on the left side.\n   */\n  leftIcon?: SubIcon;\n  /**\n   * Image URL or text for an avatar displayed on the right.\n   */\n  rightAvatar?: string;\n  /**\n   * The type of avatar displayed on the right.\n   */\n  rightAvatarType?: AvatarType;\n  /**\n   * Image URL or text for an avatar displayed on the left.\n   */\n  leftAvatar?: string;\n  /**\n   * The type of avatar displayed on the left.\n   */\n  leftAvatarType?: AvatarType;\n  /**\n   * Class name applied to left or right icons.\n   */\n  iconClassName?: string;\n  /**\n   * Class name applied to left or right avatars.\n   */\n  avatarClassName?: string;\n  /**\n   * The background color of the chip.\n   */\n  color?: Exclude<ElementAllowedColor, \"dark_indigo\" | \"blackish\">;\n  /**\n   * The size of the icons inside the chip.\n   */\n  iconSize?: number | string;\n  /**\n   * Callback fired when the chip is deleted.\n   */\n  onDelete?: (id: string, event: React.MouseEvent<HTMLSpanElement>) => void;\n  /**\n   * If true, disables the chip's entry animation.\n   */\n  noAnimation?: boolean;\n  /**\n   * If true, allows the user to select text inside the chip.\n   */\n  allowTextSelection?: boolean;\n  /**\n   * Callback fired when the mouse button is pressed on the chip.\n   */\n  onMouseDown?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n  /**\n   * Callback fired when the chip is clicked.\n   */\n  onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n  /**\n   * The label of the chip for accessibility.\n   */\n  \"aria-label\"?: string;\n  /**\n   * If true, indicates that the chip has a popup.\n   */\n  \"aria-haspopup\"?: boolean;\n  /**\n   * If true, displays a border around the chip.\n   */\n  showBorder?: boolean;\n  /**\n   * The label for the close button.\n   */\n  closeButtonAriaLabel?: string;\n  /**\n   * If true, removes the default margin from the chip.\n   */\n  noMargin?: boolean;\n  /**\n   * The size of the chip.\n   */\n  size?: ChipsSize;\n}\n\nconst Chips = forwardRef(\n  (\n    {\n      className,\n      avatarClassName,\n      iconClassName,\n      id,\n      label = \"\",\n      leftIcon = null,\n      rightIcon = null,\n      leftAvatar = null,\n      rightAvatar = null,\n      disabled = false,\n      readOnly = false,\n      allowTextSelection = false,\n      color = \"primary\",\n      iconSize = 18,\n      onDelete = (_id: string, _e: React.MouseEvent<HTMLSpanElement>) => {},\n      onMouseDown,\n      onClick,\n      noAnimation = true,\n      \"aria-label\": ariaLabel,\n      \"aria-haspopup\": ariaHasPopup = false,\n      \"data-testid\": dataTestId,\n      leftAvatarType = \"img\",\n      rightAvatarType = \"img\",\n      showBorder = false,\n      leftRenderer,\n      rightRenderer,\n      closeButtonAriaLabel = \"Remove\",\n      noMargin = false,\n      size = \"medium\"\n    }: ChipsProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const componentDataTestId = dataTestId || getTestId(ComponentDefaultTestId.CHIP, id);\n    const hasClickableWrapper = !!onClick || !!onMouseDown;\n    const hasCloseButton = !readOnly && !disabled;\n    const overrideAriaLabel = ariaLabel || (typeof label === \"string\" && label) || \"\";\n\n    const iconButtonRef = useRef(null);\n    const componentRef = useRef(null);\n\n    const [isHovered, setIsHovered] = useState(false);\n    const handleMouseEnter = useCallback(() => setIsHovered(true), []);\n    const handleMouseLeave = useCallback(() => setIsHovered(false), []);\n    const { isFocused } = useSetFocus({ ref: componentRef });\n\n    const mergedRef = useMergeRef<HTMLDivElement>(ref, componentRef);\n\n    const overrideClassName = cx(styles.chips, className, {\n      [styles.disabled]: disabled,\n      [styles.noAnimation]: noAnimation,\n      [styles.withUserSelect]: allowTextSelection,\n      [styles.border]: showBorder,\n      [styles.noMargin]: noMargin,\n      [styles.small]: size === \"small\"\n    });\n    const clickableClassName = cx(styles.clickable, overrideClassName, {\n      [styles.disabled]: disabled,\n      [styles.disableTextSelection]: !allowTextSelection\n    });\n\n    const backgroundColorStyle = useMemo(() => {\n      let cssVar;\n      if (disabled) {\n        cssVar = getCSSVar(\"disabled-background-color\");\n      } else if (hasClickableWrapper && (isHovered || isFocused)) {\n        cssVar = getElementColor(color, true, true);\n      } else {\n        cssVar = getElementColor(color, true);\n      }\n      return { backgroundColor: cssVar };\n    }, [disabled, hasClickableWrapper, isHovered, isFocused, color]);\n\n    const onDeleteCallback = useCallback(\n      (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n        e.stopPropagation();\n        if (onDelete) {\n          onDelete(id, e);\n        }\n      },\n      [id, onDelete]\n    );\n\n    const onClickCallback = useCallback(\n      (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n        if (onClick !== undefined && (e.target as HTMLElement) !== iconButtonRef.current) {\n          e.preventDefault();\n          onClick(e);\n        }\n      },\n      [onClick]\n    );\n\n    const clickableProps = useClickableProps(\n      {\n        onClick: onClickCallback,\n        onMouseDown,\n        disabled,\n        id,\n        \"data-testid\": componentDataTestId,\n        \"aria-label\": overrideAriaLabel,\n        \"aria-hidden\": false,\n        \"aria-haspopup\": ariaHasPopup,\n        \"aria-expanded\": false\n      },\n      mergedRef\n    );\n    const wrapperProps = hasClickableWrapper\n      ? {\n          ...clickableProps,\n          ref: mergedRef,\n          className: clickableClassName,\n          style: backgroundColorStyle,\n          onMouseEnter: handleMouseEnter,\n          onMouseLeave: handleMouseLeave\n        }\n      : {\n          className: overrideClassName,\n          \"aria-label\": overrideAriaLabel,\n          style: backgroundColorStyle,\n          ref: mergedRef,\n          onClick: onClickCallback,\n          onMouseDown,\n          id: id,\n          \"data-testid\": componentDataTestId,\n          onMouseEnter: handleMouseEnter,\n          onMouseLeave: handleMouseLeave\n        };\n\n    const leftAvatarProps = leftAvatarType === \"text\" ? { text: leftAvatar } : { src: leftAvatar };\n    const rightAvatarProps = leftAvatarType === \"text\" ? { text: rightAvatar } : { src: rightAvatar };\n\n    return (\n      <div {...wrapperProps} data-vibe={ComponentVibeId.CHIPS}>\n        {leftAvatar ? (\n          <Avatar\n            withoutBorder\n            className={cx(styles.avatar, styles.left, avatarClassName)}\n            customSize={CHIPS_AVATAR_SIZE}\n            type={leftAvatarType}\n            key={id}\n            {...leftAvatarProps}\n          />\n        ) : null}\n        {leftIcon ? (\n          <Icon\n            className={cx(styles.icon, styles.left, iconClassName)}\n            type=\"font\"\n            icon={leftIcon}\n            size={iconSize}\n            ignoreFocusStyle\n          />\n        ) : null}\n        {leftRenderer && <div className={cx(styles.customRenderer, styles.left)}>{leftRenderer}</div>}\n        <Text type=\"text2\" className={styles.label}>\n          {label}\n        </Text>\n        {rightIcon ? (\n          <Icon\n            className={cx(styles.icon, styles.right, iconClassName)}\n            type=\"font\"\n            icon={rightIcon}\n            size={iconSize}\n            ignoreFocusStyle\n          />\n        ) : null}\n        {rightAvatar ? (\n          <Avatar\n            withoutBorder\n            className={cx(styles.avatar, styles.right, avatarClassName)}\n            customSize={CHIPS_AVATAR_SIZE}\n            type={rightAvatarType}\n            key={id}\n            {...rightAvatarProps}\n          />\n        ) : null}\n        {rightRenderer && <div className={cx(styles.customRenderer, styles.right)}>{rightRenderer}</div>}\n        {hasCloseButton && (\n          <IconButton\n            size=\"xxs\"\n            color=\"on-primary-color\"\n            className={cx(styles.icon, styles.close)}\n            aria-label={closeButtonAriaLabel}\n            hideTooltip\n            icon={CloseSmall}\n            onClick={onDeleteCallback}\n            data-testid={`${componentDataTestId}-close`}\n            ref={iconButtonRef}\n          />\n        )}\n      </div>\n    );\n  }\n);\n\nexport default Chips;\n"],"names":["Chips","forwardRef","_ref","ref","className","avatarClassName","iconClassName","id","_ref$label","label","_ref$leftIcon","leftIcon","_ref$rightIcon","rightIcon","_ref$leftAvatar","leftAvatar","_ref$rightAvatar","rightAvatar","_ref$disabled","disabled","_ref$readOnly","readOnly","_ref$allowTextSelecti","allowTextSelection","_ref$color","color","_ref$iconSize","iconSize","_ref$onDelete","onDelete","_id","_e","onMouseDown","onClick","_ref$noAnimation","noAnimation","ariaLabel","_ref$ariaHaspopup","ariaHasPopup","_ref$leftAvatarType","leftAvatarType","_ref$rightAvatarType","rightAvatarType","_ref$showBorder","showBorder","leftRenderer","rightRenderer","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$noMargin","noMargin","_ref$size","size","componentDataTestId","getTestId","ComponentDefaultTestId","CHIP","hasClickableWrapper","hasCloseButton","overrideAriaLabel","iconButtonRef","useRef","componentRef","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","handleMouseEnter","useCallback","handleMouseLeave","isFocused","useSetFocus","mergedRef","useMergeRef","overrideClassName","cx","styles","chips","_defineProperty","withUserSelect","border","small","clickableClassName","clickable","disableTextSelection","backgroundColorStyle","useMemo","backgroundColor","getCSSVar","getElementColor","onDeleteCallback","e","stopPropagation","onClickCallback","undefined","target","current","preventDefault","clickableProps","useClickableProps","wrapperProps","Object","assign","style","onMouseEnter","onMouseLeave","leftAvatarProps","text","src","rightAvatarProps","React","createElement","ComponentVibeId","CHIPS","Avatar","withoutBorder","avatar","left","customSize","type","key","Icon","icon","ignoreFocusStyle","customRenderer","Text","right","IconButton","close","hideTooltip","CloseSmall"],"mappings":"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"}
+{"version":3,"file":"Chips.js","sources":["../../../../src/components/Chips/Chips.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useLayoutEffect, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { Icon } from \"@vibe/icon\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { getCSSVar } from \"../../services/themes\";\nimport { type ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport Avatar from \"../Avatar/Avatar\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Text } from \"@vibe/typography\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { type AvatarType } from \"../Avatar\";\nimport { type ElementContent, type VibeComponentProps } from \"../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport useSetFocus from \"../../hooks/useSetFocus\";\nimport { useClickableProps } from \"@vibe/clickable\";\nimport styles from \"./Chips.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\nimport { type ChipsVariant, type ChipsSize } from \"./Chips.types\";\n\nconst CHIPS_AVATAR_SIZE = 18;\nconst CHIPS_AVATAR_SIZE_SMALL = 14;\n\nexport interface ChipsProps extends VibeComponentProps {\n  /**\n   * The text or content displayed inside the chip.\n   */\n  label?: ElementContent;\n  /**\n   * Visual and behavioral variant of the chip.\n   * - `default` — standard chip (colors, optional remove / click)\n   * - `readOnly` — display only; no interaction\n   * - `filterable` — primary theme only; default / hover / pressed states\n   */\n  variant?: ChipsVariant;\n  /**\n   * If true, the chip is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If true, the chip is read-only and cannot be deleted or interacted with.\n   * Prefer `variant=\"readOnly\"` for new usage.\n   */\n  readOnly?: boolean;\n  /**\n   * When `variant=\"filterable\"`, shows the pressed (selected) state.\n   */\n  pressed?: boolean;\n  /**\n   * The size of the chip.\n   * - `medium` — default (24px height)\n   * - `small` — 20px height, 12px text\n   */\n  size?: ChipsSize;\n  /**\n   * A React element displayed on the right side.\n   */\n  rightRenderer?: ElementContent;\n  /**\n   * A React element displayed on the left side.\n   */\n  leftRenderer?: ElementContent;\n  /**\n   * Icon displayed on the right side.\n   */\n  rightIcon?: SubIcon;\n  /**\n   * Icon displayed on the left side.\n   */\n  leftIcon?: SubIcon;\n  /**\n   * Image URL or text for an avatar displayed on the right.\n   */\n  rightAvatar?: string;\n  /**\n   * The type of avatar displayed on the right.\n   */\n  rightAvatarType?: AvatarType;\n  /**\n   * Image URL or text for an avatar displayed on the left.\n   */\n  leftAvatar?: string;\n  /**\n   * The type of avatar displayed on the left.\n   */\n  leftAvatarType?: AvatarType;\n  /**\n   * Class name applied to left or right icons.\n   */\n  iconClassName?: string;\n  /**\n   * Class name applied to left or right avatars.\n   */\n  avatarClassName?: string;\n  /**\n   * The background color of the chip.\n   * Ignored when `variant=\"filterable\"` (always primary).\n   */\n  color?: Exclude<ElementAllowedColor, \"dark_indigo\" | \"blackish\">;\n  /**\n   * The size of the icons inside the chip.\n   */\n  iconSize?: number | string;\n  /**\n   * Callback fired when the chip is deleted.\n   */\n  onDelete?: (id: string, event: React.MouseEvent<HTMLSpanElement>) => void;\n  /**\n   * If true, disables the chip's entry animation.\n   */\n  noAnimation?: boolean;\n  /**\n   * If true, allows the user to select text inside the chip.\n   */\n  allowTextSelection?: boolean;\n  /**\n   * Callback fired when the mouse button is pressed on the chip.\n   */\n  onMouseDown?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n  /**\n   * Callback fired when the chip is clicked.\n   */\n  onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n  /**\n   * The label of the chip for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * If true, indicates that the chip has a popup.\n   */\n  ariaHasPopup?: boolean;\n  /**\n   * If true, disables all click behaviors.\n   */\n  disableClickableBehavior?: boolean;\n  /**\n   * If true, displays a border around the chip.\n   */\n  showBorder?: boolean;\n  /**\n   * The label for the close button.\n   */\n  closeButtonAriaLabel?: string;\n  /**\n   * If true, removes the default margin from the chip.\n   */\n  noMargin?: boolean;\n}\n\nconst Chips = forwardRef(\n  (\n    {\n      className,\n      avatarClassName,\n      iconClassName,\n      id,\n      label = \"\",\n      leftIcon = null,\n      rightIcon = null,\n      leftAvatar = null,\n      rightAvatar = null,\n      disabled = false,\n      variant = \"default\",\n      readOnly = false,\n      pressed = false,\n      size = \"medium\",\n      allowTextSelection = false,\n      color = \"primary\",\n      iconSize,\n      onDelete = (_id: string, _e: React.MouseEvent<HTMLSpanElement>) => {},\n      onMouseDown,\n      onClick,\n      noAnimation = true,\n      ariaLabel,\n      ariaHasPopup = false,\n      \"data-testid\": dataTestId,\n      disableClickableBehavior = false,\n      leftAvatarType = \"img\",\n      rightAvatarType = \"img\",\n      showBorder = false,\n      leftRenderer,\n      rightRenderer,\n      closeButtonAriaLabel = \"Remove\",\n      noMargin = false\n    }: ChipsProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const componentDataTestId = dataTestId || getTestId(ComponentDefaultTestId.CHIP, id);\n    const isFilterable = variant === \"filterable\";\n    const isReadOnly = !isFilterable && (readOnly || variant === \"readOnly\");\n    const isSmall = size === \"small\";\n    const resolvedColor = isFilterable ? \"primary\" : color;\n    const overrideAriaLabel = ariaLabel || (typeof label === \"string\" && label) || \"\";\n    const resolvedIconSize = iconSize ?? (isSmall ? 14 : 18);\n    const resolvedAvatarSize = isSmall ? CHIPS_AVATAR_SIZE_SMALL : CHIPS_AVATAR_SIZE;\n\n    const hasCloseButton = !isReadOnly && !disabled && !isFilterable;\n    const hasClickableWrapper =\n      !isReadOnly && ((!disableClickableBehavior && (!!onClick || !!onMouseDown)) || isFilterable);\n\n    const iconButtonRef = useRef(null);\n    const componentRef = useRef(null);\n\n    const [isHovered, setIsHovered] = useState(false);\n    const handleMouseEnter = useCallback(() => {\n      if (!isReadOnly) setIsHovered(true);\n    }, [isReadOnly]);\n    const handleMouseLeave = useCallback(() => setIsHovered(false), []);\n    const { isFocused } = useSetFocus({ ref: componentRef });\n\n    const mergedRef = useMergeRef<HTMLDivElement>(ref, componentRef);\n\n    // Lock resting width (close is absolutely positioned) so hover padding truncates label instead of growing the chip\n    useLayoutEffect(() => {\n      if (!hasCloseButton || !componentRef.current) return;\n      const el = componentRef.current;\n      el.style.width = \"\";\n      el.style.width = `${el.getBoundingClientRect().width}px`;\n    }, [hasCloseButton, label, size, leftIcon, rightIcon, leftAvatar, rightAvatar, leftRenderer, rightRenderer]);\n\n    const hasLeftIcon = Boolean(leftIcon || leftAvatar || leftRenderer);\n    const hasRightIcon = Boolean(rightIcon || rightAvatar || rightRenderer);\n\n    const overrideClassName = cx(styles.chips, className, {\n      [styles.disabled]: disabled,\n      [styles.noAnimation]: noAnimation,\n      [styles.withUserSelect]: allowTextSelection,\n      [styles.border]: showBorder,\n      [styles.noMargin]: noMargin,\n      [styles.small]: isSmall,\n      [styles.readOnly]: isReadOnly,\n      [styles.defaultCursor]: isReadOnly,\n      [styles.filterable]: isFilterable,\n      [styles.pressed]: isFilterable && pressed,\n      [styles.withClose]: hasCloseButton,\n      [styles.withLeftIcon]: hasLeftIcon,\n      [styles.withRightIcon]: hasRightIcon\n    });\n    const clickableClassName = cx(styles.clickable, overrideClassName, {\n      [styles.disabled]: disabled,\n      [styles.disableTextSelection]: !allowTextSelection\n    });\n\n    const backgroundColorStyle = useMemo(() => {\n      if (isFilterable) {\n        return undefined;\n      }\n      let cssVar;\n      if (disabled) {\n        cssVar = getCSSVar(\"disabled-background-color\");\n      } else if (!isReadOnly && hasClickableWrapper && (isHovered || isFocused)) {\n        cssVar = getElementColor(resolvedColor, true, true);\n      } else {\n        cssVar = getElementColor(resolvedColor, true);\n      }\n      return { backgroundColor: cssVar };\n    }, [disabled, hasClickableWrapper, isHovered, isFocused, resolvedColor, isFilterable, isReadOnly]);\n\n    const onDeleteCallback = useCallback(\n      (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n        e.stopPropagation();\n        if (onDelete) {\n          onDelete(id, e);\n        }\n      },\n      [id, onDelete]\n    );\n\n    const onClickCallback = useCallback(\n      (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n        if (isReadOnly || disabled) {\n          return;\n        }\n        if (onClick !== undefined && (e.target as HTMLElement) !== iconButtonRef.current) {\n          e.preventDefault();\n          onClick(e);\n        }\n      },\n      [onClick, isReadOnly, disabled]\n    );\n\n    const onMouseDownCallback = useCallback(\n      (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n        if (isReadOnly || disabled) {\n          return;\n        }\n        onMouseDown?.(e);\n      },\n      [onMouseDown, isReadOnly, disabled]\n    );\n\n    const clickableProps = useClickableProps(\n      {\n        onClick: onClickCallback,\n        onMouseDown: onMouseDownCallback,\n        disabled: disabled || isReadOnly,\n        id,\n        \"data-testid\": componentDataTestId,\n        ariaLabel: overrideAriaLabel,\n        ariaHidden: false,\n        ariaHasPopup,\n        ariaExpanded: false\n      },\n      mergedRef\n    );\n    const wrapperProps = hasClickableWrapper\n      ? {\n          ...clickableProps,\n          ref: mergedRef,\n          className: clickableClassName,\n          style: backgroundColorStyle,\n          onMouseEnter: handleMouseEnter,\n          onMouseLeave: handleMouseLeave,\n          ...(isFilterable ? { \"aria-pressed\": pressed } : {})\n        }\n      : {\n          className: overrideClassName,\n          \"aria-label\": overrideAriaLabel,\n          style: backgroundColorStyle,\n          ref: mergedRef,\n          onClick: isReadOnly ? undefined : onClickCallback,\n          onMouseDown: isReadOnly ? undefined : onMouseDownCallback,\n          id: id,\n          \"data-testid\": componentDataTestId,\n          onMouseEnter: handleMouseEnter,\n          onMouseLeave: handleMouseLeave\n        };\n\n    const leftAvatarProps = leftAvatarType === \"text\" ? { text: leftAvatar } : { src: leftAvatar };\n    const rightAvatarProps = leftAvatarType === \"text\" ? { text: rightAvatar } : { src: rightAvatar };\n\n    return (\n      <div\n        {...wrapperProps}\n        data-vibe={ComponentVibeId.CHIPS}\n        data-variant={isFilterable ? \"filterable\" : isReadOnly ? \"readOnly\" : \"default\"}\n      >\n        {leftAvatar ? (\n          <Avatar\n            withoutBorder\n            className={cx(styles.avatar, styles.left, avatarClassName)}\n            customSize={resolvedAvatarSize}\n            type={leftAvatarType}\n            key={id}\n            {...leftAvatarProps}\n          />\n        ) : null}\n        {leftIcon ? (\n          <Icon\n            className={cx(styles.icon, styles.left, iconClassName)}\n            iconType=\"font\"\n            icon={leftIcon}\n            iconSize={resolvedIconSize}\n            ignoreFocusStyle\n          />\n        ) : null}\n        {leftRenderer && <div className={cx(styles.customRenderer, styles.left)}>{leftRenderer}</div>}\n        <Text type={isSmall ? \"text3\" : \"text2\"} className={styles.label}>\n          {label}\n        </Text>\n        {rightIcon ? (\n          <Icon\n            className={cx(styles.icon, styles.right, iconClassName)}\n            iconType=\"font\"\n            icon={rightIcon}\n            iconSize={resolvedIconSize}\n            ignoreFocusStyle\n          />\n        ) : null}\n        {rightAvatar ? (\n          <Avatar\n            withoutBorder\n            className={cx(styles.avatar, styles.right, avatarClassName)}\n            customSize={resolvedAvatarSize}\n            type={rightAvatarType}\n            key={id}\n            {...rightAvatarProps}\n          />\n        ) : null}\n        {rightRenderer && <div className={cx(styles.customRenderer, styles.right)}>{rightRenderer}</div>}\n        {hasCloseButton && (\n          <IconButton\n            size=\"xxs\"\n            color=\"on-primary-color\"\n            className={cx(styles.icon, styles.close)}\n            ariaLabel={closeButtonAriaLabel}\n            hideTooltip\n            icon={CloseSmall}\n            onClick={onDeleteCallback}\n            data-testid={`${componentDataTestId}-close`}\n            ref={iconButtonRef}\n          />\n        )}\n      </div>\n    );\n  }\n);\n\nexport default Chips;\n"],"names":["Chips","forwardRef","_ref","ref","_cx","className","avatarClassName","iconClassName","id","_ref$label","label","_ref$leftIcon","leftIcon","_ref$rightIcon","rightIcon","_ref$leftAvatar","leftAvatar","_ref$rightAvatar","rightAvatar","_ref$disabled","disabled","_ref$variant","variant","_ref$readOnly","readOnly","_ref$pressed","pressed","_ref$size","size","_ref$allowTextSelecti","allowTextSelection","_ref$color","color","iconSize","_ref$onDelete","onDelete","_id","_e","onMouseDown","onClick","_ref$noAnimation","noAnimation","ariaLabel","_ref$ariaHasPopup","ariaHasPopup","_ref$disableClickable","disableClickableBehavior","_ref$leftAvatarType","leftAvatarType","_ref$rightAvatarType","rightAvatarType","_ref$showBorder","showBorder","leftRenderer","rightRenderer","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$noMargin","noMargin","componentDataTestId","getTestId","ComponentDefaultTestId","CHIP","isFilterable","isReadOnly","isSmall","resolvedColor","overrideAriaLabel","resolvedIconSize","resolvedAvatarSize","hasCloseButton","hasClickableWrapper","iconButtonRef","useRef","componentRef","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","handleMouseEnter","useCallback","handleMouseLeave","isFocused","useSetFocus","mergedRef","useMergeRef","useLayoutEffect","current","el","style","width","concat","getBoundingClientRect","hasLeftIcon","hasRightIcon","overrideClassName","cx","styles","chips","_defineProperty","withUserSelect","border","small","defaultCursor","filterable","withClose","withLeftIcon","withRightIcon","clickableClassName","clickable","disableTextSelection","backgroundColorStyle","useMemo","backgroundColor","getCSSVar","getElementColor","onDeleteCallback","e","stopPropagation","onClickCallback","undefined","target","preventDefault","onMouseDownCallback","clickableProps","useClickableProps","ariaHidden","ariaExpanded","wrapperProps","onMouseEnter","onMouseLeave","leftAvatarProps","text","src","rightAvatarProps","React","createElement","Object","assign","ComponentVibeId","CHIPS","Avatar","withoutBorder","avatar","left","customSize","type","key","Icon","icon","iconType","ignoreFocusStyle","customRenderer","Text","right","IconButton","close","hideTooltip","CloseSmall"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={chips:"chips_b0690eaf60","chips-pop-in-emphasized":"chips-pop-in-emphasized_921a063019",border:"border_3767a8035f",withUserSelect:"withUserSelect_9b84fff01d",noMargin:"noMargin_8db718ca05",small:"small_6655f04d79",icon:"icon_a7997c7d91",left:"left_f8effea996",avatar:"avatar_3127c4bbe1",customRenderer:"customRenderer_faba443865",right:"right_69a2c7399d",close:"close_69a2c7399d",label:"label_4b5906965c",noAnimation:"noAnimation_6dae5c6a69",disabled:"disabled_8104a00d27",defaultCursor:"defaultCursor_8104a00d27",clickable:"clickable_40b91adc87","focus-visible":"focus-visible_c7d189c5f3",disableTextSelection:"disableTextSelection_b9fb4889b4"};!function(e){const a="s_id-e473288e58ea_4_5_5";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const i=document.createElement("style");i.id=a,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.chips_b0690eaf60 {\n  display: inline-flex;\n  overflow: hidden;\n  height: 24px;\n  border-radius: 4px;\n  padding: 0 8px;\n  align-items: center;\n  justify-content: center;\n  margin: var(--chips-margin, 0 var(--space-4));\n  user-select: none;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  color: var(--primary-text-color);\n  animation: chips-pop-in-emphasized_921a063019 var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_b0690eaf60.border_3767a8035f {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_b0690eaf60.withUserSelect_9b84fff01d {\n  user-select: text;\n  cursor: text;\n}\n.chips_b0690eaf60.noMargin_8db718ca05 {\n  margin: 0;\n}\n.chips_b0690eaf60.small_6655f04d79 {\n  height: 20px;\n  padding: 0 4px;\n}\n.chips_b0690eaf60.small_6655f04d79 .icon_a7997c7d91.left_f8effea996,\n.chips_b0690eaf60.small_6655f04d79 .avatar_3127c4bbe1.left_f8effea996,\n.chips_b0690eaf60.small_6655f04d79 .customRenderer_faba443865.left_f8effea996 {\n  margin-inline-end: var(--space-2);\n}\n.chips_b0690eaf60.small_6655f04d79 .icon_a7997c7d91.right_69a2c7399d,\n.chips_b0690eaf60.small_6655f04d79 .avatar_3127c4bbe1.right_69a2c7399d,\n.chips_b0690eaf60.small_6655f04d79 .customRenderer_faba443865.right_69a2c7399d {\n  margin-inline-start: var(--space-2);\n}\n.chips_b0690eaf60.small_6655f04d79 .icon_a7997c7d91.close_69a2c7399d,\n.chips_b0690eaf60.small_6655f04d79 .avatar_3127c4bbe1.close_69a2c7399d,\n.chips_b0690eaf60.small_6655f04d79 .customRenderer_faba443865.close_69a2c7399d {\n  margin-inline-start: var(--space-2);\n}\n.chips_b0690eaf60 .label_4b5906965c {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_b0690eaf60.noAnimation_6dae5c6a69 {\n  animation: none;\n}\n.chips_b0690eaf60 .icon_a7997c7d91,\n.chips_b0690eaf60 .avatar_3127c4bbe1,\n.chips_b0690eaf60 .customRenderer_faba443865 {\n  min-width: 18px;\n}\n.chips_b0690eaf60 .icon_a7997c7d91.left_f8effea996,\n.chips_b0690eaf60 .avatar_3127c4bbe1.left_f8effea996,\n.chips_b0690eaf60 .customRenderer_faba443865.left_f8effea996 {\n  margin-inline-end: var(--space-4);\n}\n.chips_b0690eaf60 .icon_a7997c7d91.right_69a2c7399d,\n.chips_b0690eaf60 .avatar_3127c4bbe1.right_69a2c7399d,\n.chips_b0690eaf60 .customRenderer_faba443865.right_69a2c7399d {\n  margin-inline-start: var(--space-4);\n}\n.chips_b0690eaf60 .icon_a7997c7d91.close_69a2c7399d,\n.chips_b0690eaf60 .avatar_3127c4bbe1.close_69a2c7399d,\n.chips_b0690eaf60 .customRenderer_faba443865.close_69a2c7399d {\n  margin-inline-start: var(--space-4);\n  color: var(--primary-text-color);\n}\n.chips_b0690eaf60.disabled_8104a00d27 .icon_a7997c7d91 {\n  color: var(--disabled-text-color);\n}\n.chips_b0690eaf60.disabled_8104a00d27 .label_4b5906965c {\n  color: var(--disabled-text-color);\n}\n.chips_b0690eaf60.defaultCursor_8104a00d27 {\n  cursor: default;\n}\n.chips_b0690eaf60.clickable_40b91adc87 {\n  cursor: pointer;\n}\n.chips_b0690eaf60.clickable_40b91adc87:focus-visible, .chips_b0690eaf60.clickable_40b91adc87.focus-visible_c7d189c5f3 {\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.chips_b0690eaf60.clickable_40b91adc87:focus:not(.focus-visible_c7d189c5f3) {\n  outline: none;\n}\n.chips_b0690eaf60.clickable_40b91adc87.disabled_8104a00d27 {\n  cursor: default;\n}\n.chips_b0690eaf60.clickable_40b91adc87.disableTextSelection_b9fb4889b4 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n@keyframes chips-pop-in-emphasized_921a063019 {\n  0% {\n    transform: scale(0.3);\n    opacity: 0;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{e as default};
+var e={chips:"chips_825313ca3a","chips-pop-in-emphasized":"chips-pop-in-emphasized_e853b9934e",border:"border_b908e95ff1",withUserSelect:"withUserSelect_0af3b7ae4d",noMargin:"noMargin_fd075fcbaa",withLeftIcon:"withLeftIcon_70af1a1387",withRightIcon:"withRightIcon_ded966e439",withClose:"withClose_7a5f6ba056",label:"label_f6e5fd112a",icon:"icon_328c61467a",close:"close_626b1ed7f5",small:"small_915cd933b2",avatar:"avatar_6ef6c3588b",customRenderer:"customRenderer_30c7078826",noAnimation:"noAnimation_85d24c78bc",left:"left_5fcfde8a16",right:"right_0b6c685ca9",disabled:"disabled_29bae129ef",defaultCursor:"defaultCursor_f20ed790fe",readOnly:"readOnly_f20ed790fe",filterable:"filterable_fd32faf19a",pressed:"pressed_2952d6cc4b",clickable:"clickable_796f490116","focus-visible":"focus-visible_93d0f127c5",disableTextSelection:"disableTextSelection_90b627c8cd"};!function(e){const a="s_id-e4ca526ca1f4_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const c=document.createElement("style");c.id=a,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.chips_825313ca3a {\n  display: inline-flex;\n  overflow: hidden;\n  height: 24px;\n  border-radius: var(--border-radius-full);\n  padding: 0 8px;\n  align-items: center;\n  justify-content: center;\n  margin: var(--chips-margin, 0 var(--spacing-xs));\n  user-select: none;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  color: var(--primary-text-color);\n  animation: chips-pop-in-emphasized_e853b9934e var(--motion-productive-medium) var(--motion-timing-emphasize);\n  /* Medium: 8px default; 4px on sides that have an icon */\n}\n.chips_825313ca3a.border_b908e95ff1 {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_825313ca3a.withUserSelect_0af3b7ae4d {\n  user-select: text;\n  cursor: text;\n}\n.chips_825313ca3a.noMargin_fd075fcbaa {\n  margin: 0;\n}\n.chips_825313ca3a.withLeftIcon_70af1a1387 {\n  padding-inline-start: 4px;\n}\n.chips_825313ca3a.withRightIcon_ded966e439 {\n  padding-inline-end: 4px;\n}\n.chips_825313ca3a.withClose_7a5f6ba056 {\n  position: relative;\n  box-sizing: border-box;\n}\n.chips_825313ca3a.withClose_7a5f6ba056 .label_f6e5fd112a {\n  min-width: 0;\n  flex: 1 1 auto;\n}\n.chips_825313ca3a.withClose_7a5f6ba056 .icon_328c61467a.close_626b1ed7f5 {\n  position: absolute;\n  inset-inline-end: 4px;\n  top: 50%;\n  transform: translateY(-50%);\n  margin: 0;\n  opacity: 0;\n  pointer-events: none;\n  z-index: 1;\n}\n.chips_825313ca3a.withClose_7a5f6ba056:hover, .chips_825313ca3a.withClose_7a5f6ba056:focus-within {\n  /* Keep overall width stable; carve space for the close control inside the chip */\n  padding-inline-end: 26px;\n}\n.chips_825313ca3a.withClose_7a5f6ba056:hover .icon_328c61467a.close_626b1ed7f5, .chips_825313ca3a.withClose_7a5f6ba056:focus-within .icon_328c61467a.close_626b1ed7f5 {\n  opacity: 1;\n  pointer-events: auto;\n}\n.chips_825313ca3a.withClose_7a5f6ba056.small_915cd933b2:hover, .chips_825313ca3a.withClose_7a5f6ba056.small_915cd933b2:focus-within {\n  padding-inline-end: 22px;\n}\n.chips_825313ca3a.small_915cd933b2 {\n  height: 20px;\n  /* Small: 4px default; 2px on sides that have an icon */\n  padding: 0 4px;\n}\n.chips_825313ca3a.small_915cd933b2.withLeftIcon_70af1a1387 {\n  padding-inline-start: 2px;\n}\n.chips_825313ca3a.small_915cd933b2.withRightIcon_ded966e439 {\n  padding-inline-end: 2px;\n}\n.chips_825313ca3a.small_915cd933b2 .icon_328c61467a,\n.chips_825313ca3a.small_915cd933b2 .avatar_6ef6c3588b,\n.chips_825313ca3a.small_915cd933b2 .customRenderer_30c7078826 {\n  min-width: 14px;\n}\n.chips_825313ca3a .label_f6e5fd112a {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_825313ca3a.noAnimation_85d24c78bc {\n  animation: none;\n}\n.chips_825313ca3a .icon_328c61467a,\n.chips_825313ca3a .avatar_6ef6c3588b,\n.chips_825313ca3a .customRenderer_30c7078826 {\n  min-width: 18px;\n}\n.chips_825313ca3a .icon_328c61467a.left_5fcfde8a16,\n.chips_825313ca3a .avatar_6ef6c3588b.left_5fcfde8a16,\n.chips_825313ca3a .customRenderer_30c7078826.left_5fcfde8a16 {\n  margin-right: var(--spacing-xs);\n}\n.chips_825313ca3a .icon_328c61467a.right_0b6c685ca9,\n.chips_825313ca3a .avatar_6ef6c3588b.right_0b6c685ca9,\n.chips_825313ca3a .customRenderer_30c7078826.right_0b6c685ca9 {\n  margin-left: var(--spacing-xs);\n}\n.chips_825313ca3a .icon_328c61467a.close_626b1ed7f5,\n.chips_825313ca3a .avatar_6ef6c3588b.close_626b1ed7f5,\n.chips_825313ca3a .customRenderer_30c7078826.close_626b1ed7f5 {\n  margin-left: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.chips_825313ca3a .icon_328c61467a {\n  color: currentColor;\n}\n.chips_825313ca3a.disabled_29bae129ef .icon_328c61467a {\n  color: var(--disabled-text-color);\n}\n.chips_825313ca3a.disabled_29bae129ef .label_f6e5fd112a {\n  color: var(--disabled-text-color);\n}\n.chips_825313ca3a.defaultCursor_f20ed790fe {\n  cursor: default;\n}\n.chips_825313ca3a.readOnly_f20ed790fe {\n  cursor: default;\n}\n.chips_825313ca3a.filterable_fd32faf19a {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  cursor: pointer;\n}\n.chips_825313ca3a.filterable_fd32faf19a .icon_328c61467a,\n.chips_825313ca3a.filterable_fd32faf19a .label_f6e5fd112a {\n  color: currentColor;\n}\n.chips_825313ca3a.filterable_fd32faf19a:hover:not(.disabled_29bae129ef):not(.pressed_2952d6cc4b), .chips_825313ca3a.filterable_fd32faf19a:active:not(.disabled_29bae129ef):not(.pressed_2952d6cc4b) {\n  background-color: var(--primary-selected-hover-color);\n  color: var(--primary-text-color);\n}\n.chips_825313ca3a.filterable_fd32faf19a.pressed_2952d6cc4b:not(.disabled_29bae129ef) {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-inverted);\n}\n.chips_825313ca3a.filterable_fd32faf19a.pressed_2952d6cc4b:not(.disabled_29bae129ef) .icon_328c61467a,\n.chips_825313ca3a.filterable_fd32faf19a.pressed_2952d6cc4b:not(.disabled_29bae129ef) .label_f6e5fd112a,\n.chips_825313ca3a.filterable_fd32faf19a.pressed_2952d6cc4b:not(.disabled_29bae129ef) .close_626b1ed7f5 {\n  color: currentColor;\n}\n.chips_825313ca3a.filterable_fd32faf19a.disabled_29bae129ef {\n  background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n.chips_825313ca3a.clickable_796f490116 {\n  cursor: pointer;\n}\n.chips_825313ca3a.clickable_796f490116:focus-visible, .chips_825313ca3a.clickable_796f490116.focus-visible_93d0f127c5 {\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.chips_825313ca3a.clickable_796f490116:focus:not(.focus-visible_93d0f127c5) {\n  outline: none;\n}\n.chips_825313ca3a.clickable_796f490116.disabled_29bae129ef {\n  cursor: default;\n}\n.chips_825313ca3a.clickable_796f490116.disableTextSelection_90b627c8cd {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n\n@keyframes chips-pop-in-emphasized_e853b9934e {\n  0% {\n    transform: scale(0.3);\n    opacity: 0;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{e as default};
 //# sourceMappingURL=Chips.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={colorPicker:"colorPicker_356115c9de",colorPickerDialogContent:"colorPickerDialogContent_9ddfa7dd47"};!function(e){const t="s_id-ffacbf9b6446_4_5_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)}(".colorPicker_356115c9de.colorPickerDialogContent_9ddfa7dd47 {\n  z-index: 1;\n  padding: 12px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}");export{e as default};
+var e={colorPicker:"colorPicker_f7be9dc7dc",colorPickerDialogContent:"colorPickerDialogContent_fd18a983d5"};!function(e){const t="s_id-ffacbf9b6446_4_5_3";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)}(".colorPicker_f7be9dc7dc.colorPickerDialogContent_fd18a983d5 {\n  z-index: 1;\n  padding: 12px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=ColorPicker.module.scss.js.map

package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js

@@ -1,2 +1,2 @@
-var e={clearColorIcon:"clearColorIcon_5b33dfbe0c",clearColorButton:"clearColorButton_b03cb8dad9"};!function(e){const n="s_id-745441469971_4_5_5";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clearColorIcon_5b33dfbe0c {\n  margin-inline-end: var(--space-8);\n}\n\n.clearColorButton_b03cb8dad9 {\n  margin-top: var(--space-8);\n}");export{e as default};
+var e={clearColorIcon:"clearColorIcon_d8c0a19764",clearColorButton:"clearColorButton_ad49ba7e31"};!function(e){const n="s_id-745441469971_4_5_3";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clearColorIcon_d8c0a19764 {\n  margin-inline-end: var(--space-8);\n}\n\n.clearColorButton_ad49ba7e31 {\n  margin-top: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=ColorPickerClearButton.module.scss.js.map

package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js

@@ -1,2 +1,2 @@
-var e={colorsGrid:"colorsGrid_0e2770b82c"};!function(e){const n="s_id-0a5f0eb78ee4_4_5_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)}(".colorsGrid_0e2770b82c {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
+var e={colorsGrid:"colorsGrid_ebdbd642bc"};!function(e){const d="s_id-0a5f0eb78ee4_4_5_3";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)}(".colorsGrid_ebdbd642bc {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
 //# sourceMappingURL=ColorPickerColorsGrid.module.scss.js.map

package/dist/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js

@@ -1,2 +1,2 @@
-var e={itemWrapper:"itemWrapper_35cfbf7151",circle:"circle_83bb9fc9c3",feedbackIndicator:"feedbackIndicator_d03b04ad99",active:"active_814e15a819",selectedColor:"selectedColor_9b8ee85935",colorItem:"colorItem_3df2bb3fb4",colorIndicatorWrapper:"colorIndicatorWrapper_dc7e810566",colorItemSizeSmall:"colorItemSizeSmall_aa8672f19a",colorItemSizeMedium:"colorItemSizeMedium_4e65a95fb4",colorItemSizeLarge:"colorItemSizeLarge_e50a2ce0a4",colorItemTextMode:"colorItemTextMode_30a9607a8d",colorIconWhite:"colorIconWhite_fdd4328c6d"};!function(e){const r="s_id-4f41e3ef6859_4_5_5";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.itemWrapper_35cfbf7151.circle_83bb9fc9c3 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_35cfbf7151 {\n  --border-radius-multiplier: 1;\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_35cfbf7151 .feedbackIndicator_d03b04ad99 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_35cfbf7151:focus,\n.itemWrapper_35cfbf7151:focus-visible,\n.itemWrapper_35cfbf7151.active_814e15a819 {\n  outline: none;\n}\n\n.itemWrapper_35cfbf7151:focus .feedbackIndicator_d03b04ad99:before,\n.itemWrapper_35cfbf7151:focus-visible .feedbackIndicator_d03b04ad99:before,\n.itemWrapper_35cfbf7151.active_814e15a819 .feedbackIndicator_d03b04ad99:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-selected-color);\n  pointer-events: none;\n}\n\n.itemWrapper_35cfbf7151:focus .feedbackIndicator_d03b04ad99:after,\n.itemWrapper_35cfbf7151:focus-visible .feedbackIndicator_d03b04ad99:after,\n.itemWrapper_35cfbf7151.active_814e15a819 .feedbackIndicator_d03b04ad99:after {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -1px;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n/* active elements have no "hover feedback" */\n\n.itemWrapper_35cfbf7151:hover:not(.active_814e15a819):not(.selectedColor_9b8ee85935) .feedbackIndicator_d03b04ad99 {\n  content: " ";\n  position: absolute;\n  border-radius: calc(8px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-background-hover-color);\n  pointer-events: none;\n}\n\n.itemWrapper_35cfbf7151 .colorItem_3df2bb3fb4 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 2px solid transparent;\n  border-radius: calc(4px * var(--border-radius-multiplier, 1));\n  cursor: pointer;\n}\n\n.itemWrapper_35cfbf7151 .colorItem_3df2bb3fb4 .colorIndicatorWrapper_dc7e810566 {\n  display: flex;\n}\n\n.itemWrapper_35cfbf7151 .colorItem_3df2bb3fb4.colorItemSizeSmall_aa8672f19a {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_35cfbf7151 .colorItem_3df2bb3fb4.colorItemSizeMedium_4e65a95fb4 {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_35cfbf7151 .colorItem_3df2bb3fb4.colorItemSizeLarge_e50a2ce0a4 {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_35cfbf7151.selectedColor_9b8ee85935 {\n  position: relative;\n}\n\n.itemWrapper_35cfbf7151.selectedColor_9b8ee85935:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 2px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n.itemWrapper_35cfbf7151.selectedColor_9b8ee85935 .feedbackIndicator_d03b04ad99:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_35cfbf7151 .colorItemTextMode_30a9607a8d:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_35cfbf7151 .colorIconWhite_fdd4328c6d {\n  color: var(--color-snow_white);\n}');export{e as default};
+var e={itemWrapper:"itemWrapper_689cf42d2e",circle:"circle_62cb429d16",feedbackIndicator:"feedbackIndicator_ba3d2bf586",active:"active_b1a3b06519",selectedColor:"selectedColor_f4fd3a0172",colorItem:"colorItem_e4a2265daa",colorIndicatorWrapper:"colorIndicatorWrapper_c2bbd0cd54",colorItemSizeSmall:"colorItemSizeSmall_0ed289ac99",colorItemSizeMedium:"colorItemSizeMedium_b3f1fceb23",colorItemSizeLarge:"colorItemSizeLarge_9fcd9cc0a6",colorItemTextMode:"colorItemTextMode_273e65e4d8",colorIconWhite:"colorIconWhite_4e5b51a72f"};!function(e){const r="s_id-4f41e3ef6859_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.itemWrapper_689cf42d2e.circle_62cb429d16 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n.itemWrapper_689cf42d2e {\n  --border-radius-multiplier: 1;\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_689cf42d2e .feedbackIndicator_ba3d2bf586 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_689cf42d2e:focus,\n.itemWrapper_689cf42d2e:focus-visible,\n.itemWrapper_689cf42d2e.active_b1a3b06519 {\n  outline: none;\n}\n\n.itemWrapper_689cf42d2e:focus .feedbackIndicator_ba3d2bf586:before,\n.itemWrapper_689cf42d2e:focus-visible .feedbackIndicator_ba3d2bf586:before,\n.itemWrapper_689cf42d2e.active_b1a3b06519 .feedbackIndicator_ba3d2bf586:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-selected-color);\n  pointer-events: none;\n}\n\n.itemWrapper_689cf42d2e:focus .feedbackIndicator_ba3d2bf586:after,\n.itemWrapper_689cf42d2e:focus-visible .feedbackIndicator_ba3d2bf586:after,\n.itemWrapper_689cf42d2e.active_b1a3b06519 .feedbackIndicator_ba3d2bf586:after {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -1px;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n/* active elements have no "hover feedback" */\n.itemWrapper_689cf42d2e:hover:not(.active_b1a3b06519):not(.selectedColor_f4fd3a0172) .feedbackIndicator_ba3d2bf586 {\n  content: " ";\n  position: absolute;\n  border-radius: calc(8px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-background-hover-color);\n  pointer-events: none;\n}\n\n.itemWrapper_689cf42d2e .colorItem_e4a2265daa {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 2px solid transparent;\n  border-radius: calc(4px * var(--border-radius-multiplier, 1));\n  cursor: pointer;\n}\n\n.itemWrapper_689cf42d2e .colorItem_e4a2265daa .colorIndicatorWrapper_c2bbd0cd54 {\n  display: flex;\n}\n\n.itemWrapper_689cf42d2e .colorItem_e4a2265daa.colorItemSizeSmall_0ed289ac99 {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_689cf42d2e .colorItem_e4a2265daa.colorItemSizeMedium_b3f1fceb23 {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_689cf42d2e .colorItem_e4a2265daa.colorItemSizeLarge_9fcd9cc0a6 {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_689cf42d2e.selectedColor_f4fd3a0172 {\n  position: relative;\n}\n\n.itemWrapper_689cf42d2e.selectedColor_f4fd3a0172:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 2px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n.itemWrapper_689cf42d2e.selectedColor_f4fd3a0172 .feedbackIndicator_ba3d2bf586:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_689cf42d2e .colorItemTextMode_273e65e4d8:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_689cf42d2e .colorIconWhite_4e5b51a72f {\n  color: var(--color-snow_white);\n}');export{e as default};
 //# sourceMappingURL=ColorPickerItemComponent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={combobox:"combobox_5657d6ffa8",stickyCategory:"stickyCategory_b6f0fe8d0b",comboboxCategory:"comboboxCategory_72322e9330",sizeSmall:"sizeSmall_2160cf1edf",sizeMedium:"sizeMedium_c611b61b58",sizeLarge:"sizeLarge_2160cf1edf",empty:"empty_0ce5b0b8f6",comboboxSearchWrapper:"comboboxSearchWrapper_7151183784",comboboxNoResults:"comboboxNoResults_f0691948e0",comboboxMessageWrapper:"comboboxMessageWrapper_61e273a768",comboboxMessage:"comboboxMessage_4b5906965c",addNewButton:"addNewButton_ee9585d216",buttonLabel:"buttonLabel_4b5906965c",comboboxList:"comboboxList_50de90a668"};!function(o){const e="s_id-5bf292a5a8b0_4_5_5";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.combobox_5657d6ffa8 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-bottom: var(--space-8);\n}\n.combobox_5657d6ffa8.stickyCategory_b6f0fe8d0b .comboboxCategory_72322e9330 {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n/* Relative to Search height */\n.combobox_5657d6ffa8.stickyCategory_b6f0fe8d0b.sizeSmall_2160cf1edf .comboboxCategory_72322e9330 {\n  top: 32px;\n}\n.combobox_5657d6ffa8.stickyCategory_b6f0fe8d0b.sizeMedium_c611b61b58 .comboboxCategory_72322e9330 {\n  top: 40px;\n}\n.combobox_5657d6ffa8.stickyCategory_b6f0fe8d0b.sizeLarge_2160cf1edf .comboboxCategory_72322e9330 {\n  top: 48px;\n}\n.combobox_5657d6ffa8.empty_0ce5b0b8f6 {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n.comboboxSearchWrapper_7151183784 {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n.comboboxNoResults_f0691948e0 {\n  margin-top: var(--space-8);\n  flex: 1 1 auto;\n  height: calc(100% - 20px);\n  overflow: hidden;\n  position: relative;\n  padding: 0 16px;\n  display: flex;\n  flex-direction: column;\n}\n.comboboxNoResults_f0691948e0 .comboboxMessageWrapper_61e273a768 {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.comboboxNoResults_f0691948e0 .comboboxMessageWrapper_61e273a768 .comboboxMessage_4b5906965c {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxNoResults_f0691948e0 .addNewButton_ee9585d216 {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n.comboboxNoResults_f0691948e0 .addNewButton_ee9585d216 .buttonLabel_4b5906965c {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxList_50de90a668 {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{o as default};
+var o={combobox:"combobox_d977155814",stickyCategory:"stickyCategory_3b3c1cf42c",comboboxCategory:"comboboxCategory_5ed561ebfa",sizeSmall:"sizeSmall_7ee6d9517f",sizeMedium:"sizeMedium_461b28bd1d",sizeLarge:"sizeLarge_7ee6d9517f",empty:"empty_67d5e9738c",comboboxSearchWrapper:"comboboxSearchWrapper_ee42137443",comboboxNoResults:"comboboxNoResults_7cffd19e54",comboboxMessageWrapper:"comboboxMessageWrapper_e98bc73292",comboboxMessage:"comboboxMessage_f85d060258",addNewButton:"addNewButton_61606ad87a",buttonLabel:"buttonLabel_f85d060258",comboboxList:"comboboxList_3733f5cbd2"};!function(o){const e="s_id-5bf292a5a8b0_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.combobox_d977155814 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-bottom: var(--space-8);\n}\n\n.combobox_d977155814.stickyCategory_3b3c1cf42c .comboboxCategory_5ed561ebfa {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n\n/* Relative to Search height */\n.combobox_d977155814.stickyCategory_3b3c1cf42c.sizeSmall_7ee6d9517f .comboboxCategory_5ed561ebfa {\n  top: 32px;\n}\n\n.combobox_d977155814.stickyCategory_3b3c1cf42c.sizeMedium_461b28bd1d .comboboxCategory_5ed561ebfa {\n  top: 40px;\n}\n\n.combobox_d977155814.stickyCategory_3b3c1cf42c.sizeLarge_7ee6d9517f .comboboxCategory_5ed561ebfa {\n  top: 48px;\n}\n\n.combobox_d977155814.empty_67d5e9738c {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n\n.comboboxSearchWrapper_ee42137443 {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n\n.comboboxNoResults_7cffd19e54 {\n  margin-top: var(--space-8);\n  flex: 1 1 auto;\n  height: calc(100% - 20px);\n  overflow: hidden;\n  position: relative;\n  padding: 0 16px;\n  display: flex;\n  flex-direction: column;\n}\n\n.comboboxNoResults_7cffd19e54 .comboboxMessageWrapper_e98bc73292 {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.comboboxNoResults_7cffd19e54 .comboboxMessageWrapper_e98bc73292 .comboboxMessage_f85d060258 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxNoResults_7cffd19e54 .addNewButton_61606ad87a {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n\n.comboboxNoResults_7cffd19e54 .addNewButton_61606ad87a .buttonLabel_f85d060258 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxList_3733f5cbd2 {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{o as default};
 //# sourceMappingURL=Combobox.module.scss.js.map

package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../../_virtual/_tslib.js";import o,{useMemo as i}from"react";import n from"classnames";import r from"../components/ComboboxOption/ComboboxOption.js";import s from"../components/ComboboxCategory/ComboboxCategory.js";import{COMBOBOX_DIVIDER_ITEM as a,COMBOBOX_CATEGORY_ITEM as c,COMBOBOX_OPTION_ITEM as l}from"../components/ComboboxConstants.js";import m from"../../../hooks/useActiveDescendantListFocus/index.js";import{getOptionsByCategories as d}from"../ComboboxService.js";import p from"../components/ComboboxItems/ComboboxItems.module.scss.js";import u from"./ComboboxHelpers.module.scss.js";import g from"../../../../components/divider/dist/Divider/Divider.js";var h=17,v=32;function f(t){var o=t.categories,r=t.options,s=t.filterValue,a=t.withCategoriesDivider,c=t.optionLineHeight;return i((function(){var t=[],i=[],l=new Map;if(o){var m=d(r,o,s),u=0;Object.keys(m).forEach((function(r,s){var d=a&&0!==s;d&&t.push(I({categoryId:r}));var g=m[r].length>0,h=0===s,v=b({categoryId:r,categoryData:o[r],withDivider:d,className:n(e(e(e({},p.categoryWithOptions,g),p.categoryWithoutOptions,!g),p.firstCategory,h))});t.push(v),l.set(r,v),m[r].forEach((function(e){var o=C({height:c,option:e,index:u,categoryId:v.id});l.set(o.id,o),t.push(o),i.push(e),u++}))}))}else i=r,t=r.map((function(e,t){return C({height:c,option:e,index:t})}));return{items:t,itemsMap:l,selectableItems:i}}),[o,r,s,a,c])}function y(e){var t=e.defaultVisualFocusFirstIndex,o=e.inputRef,n=e.onClick,r=e.isChildSelectable,s=e.options,a=e.getOptionId,c=i((function(){return s.map((function(e,t){return a(null==e?void 0:e.id,t)}))}),[a,s]),l=m({defaultVisualFocusFirstIndex:t,focusedElementRef:o,focusedElementRole:m.roles.COMBOBOX,itemsIds:c,onItemClick:n,isItemSelectable:r,isIgnoreSpaceAsItemSelection:!0});return{visualFocusItemIndex:l.visualFocusItemIndex,visualFocusItemId:l.visualFocusItemId,onOptionClick:n}}function I(e){return{type:a,height:h,id:"".concat(e.categoryId,"-divider")}}function b(e){return{height:v,type:c,category:e.categoryData,id:e.categoryId,withDivider:e.withDivider,className:e.className}}function C(e){var t=e.option,o=e.index;return{type:l,height:e.height,belongToCategory:!0,index:o,option:t,id:t.id||""+o,optionRenderer:e.optionRenderer,isActive:e.isActive,optionLineHeight:e.optionLineHeight,shouldScrollToSelectedItem:e.shouldScrollToSelectedItem,categoryId:e.categoryId}}function x(e){var i,r,s=e.item,m=e.style,d=e.optionEvents,p=e.optionRenderData,g=e.isVirtualized,h=e.stickyCategories,v=s.type,f=t(s,["type"]);switch(v){case a:r=O({id:f.id,height:f.height});break;case c:r=k({id:f.id,category:f.category,className:f.className}),h&&!g&&(i=u.sticky);break;case l:r=j(Object.assign(Object.assign(Object.assign({},f),d),p))}return o.createElement("div",{key:f.id,className:n(u.comboboxItemContainer,i),style:m},r)}function O(e){return o.createElement("div",{className:u.dividerContainer,style:{height:e.height}},o.createElement(g,{className:u.divider,key:e.id}))}function k(e){return o.createElement(s,{key:e.id,category:e.category,className:e.className})}function j(e){var t=e.index,i=e.onOptionEnter;return o.createElement(r,{className:e.className,index:t,key:e.id,option:e.option,optionRenderer:e.optionRenderer,scrollRef:e.scrollRef,isActive:e.activeItemIndex===t,visualFocus:t===e.visualFocusItemIndex,onOptionClick:e.onOptionClick,onOptionHover:i,onOptionLeave:e.onOptionLeave,onOptionEnter:i,optionLineHeight:e.optionLineHeight,shouldScrollWhenActive:e.shouldScrollToSelectedItem})}export{k as categoryItemRenderer,x as comboboxItemRenderer,b as createCategoryItemObject,I as createDividerItemObject,C as createOptionItemObject,O as dividerItemRenderer,j as optionItemRenderer,f as useItemsData,y as useKeyboardNavigation};
+import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../../_virtual/_tslib.js";import o,{useMemo as i}from"react";import n from"classnames";import r from"../components/ComboboxOption/ComboboxOption.js";import s from"../components/ComboboxCategory/ComboboxCategory.js";import a from"../../Divider/Divider.js";import{COMBOBOX_DIVIDER_ITEM as c,COMBOBOX_CATEGORY_ITEM as l,COMBOBOX_OPTION_ITEM as m}from"../components/ComboboxConstants.js";import d from"../../../hooks/useActiveDescendantListFocus/index.js";import{getOptionsByCategories as u}from"../ComboboxService.js";import p from"../components/ComboboxItems/ComboboxItems.module.scss.js";import g from"./ComboboxHelpers.module.scss.js";var h=17,v=32;function f(t){var o=t.categories,r=t.options,s=t.filterValue,a=t.withCategoriesDivider,c=t.optionLineHeight;return i((function(){var t=[],i=[],l=new Map;if(o){var m=u(r,o,s),d=0;Object.keys(m).forEach((function(r,s){var u=a&&0!==s;u&&t.push(I({categoryId:r}));var g=m[r].length>0,h=0===s,v=b({categoryId:r,categoryData:o[r],withDivider:u,className:n(e(e(e({},p.categoryWithOptions,g),p.categoryWithoutOptions,!g),p.firstCategory,h))});t.push(v),l.set(r,v),m[r].forEach((function(e){var o=C({height:c,option:e,index:d,categoryId:v.id});l.set(o.id,o),t.push(o),i.push(e),d++}))}))}else i=r,t=r.map((function(e,t){return C({height:c,option:e,index:t})}));return{items:t,itemsMap:l,selectableItems:i}}),[o,r,s,a,c])}function y(e){var t=e.defaultVisualFocusFirstIndex,o=e.inputRef,n=e.onClick,r=e.isChildSelectable,s=e.options,a=e.getOptionId,c=i((function(){return s.map((function(e,t){return a(null==e?void 0:e.id,t)}))}),[a,s]),l=d({defaultVisualFocusFirstIndex:t,focusedElementRef:o,focusedElementRole:d.roles.COMBOBOX,itemsIds:c,onItemClick:n,isItemSelectable:r,isIgnoreSpaceAsItemSelection:!0});return{visualFocusItemIndex:l.visualFocusItemIndex,visualFocusItemId:l.visualFocusItemId,onOptionClick:n}}function I(e){return{type:c,height:h,id:"".concat(e.categoryId,"-divider")}}function b(e){return{height:v,type:l,category:e.categoryData,id:e.categoryId,withDivider:e.withDivider,className:e.className}}function C(e){var t=e.option,o=e.index;return{type:m,height:e.height,belongToCategory:!0,index:o,option:t,id:t.id||""+o,optionRenderer:e.optionRenderer,isActive:e.isActive,optionLineHeight:e.optionLineHeight,shouldScrollToSelectedItem:e.shouldScrollToSelectedItem,categoryId:e.categoryId}}function x(e){var i,r,s=e.item,a=e.style,d=e.optionEvents,u=e.optionRenderData,p=e.isVirtualized,h=e.stickyCategories,v=s.type,f=t(s,["type"]);switch(v){case c:r=O({id:f.id,height:f.height});break;case l:r=k({id:f.id,category:f.category,className:f.className}),h&&!p&&(i=g.sticky);break;case m:r=j(Object.assign(Object.assign(Object.assign({},f),d),u))}return o.createElement("div",{key:f.id,className:n(g.comboboxItemContainer,i),style:a},r)}function O(e){return o.createElement("div",{className:g.dividerContainer,style:{height:e.height}},o.createElement(a,{className:g.divider,key:e.id}))}function k(e){return o.createElement(s,{key:e.id,category:e.category,className:e.className})}function j(e){var t=e.index,i=e.onOptionEnter;return o.createElement(r,{className:e.className,index:t,key:e.id,option:e.option,optionRenderer:e.optionRenderer,scrollRef:e.scrollRef,isActive:e.activeItemIndex===t,visualFocus:t===e.visualFocusItemIndex,onOptionClick:e.onOptionClick,onOptionHover:i,onOptionLeave:e.onOptionLeave,onOptionEnter:i,optionLineHeight:e.optionLineHeight,shouldScrollWhenActive:e.shouldScrollToSelectedItem})}export{k as categoryItemRenderer,x as comboboxItemRenderer,b as createCategoryItemObject,I as createDividerItemObject,C as createOptionItemObject,O as dividerItemRenderer,j as optionItemRenderer,f as useItemsData,y as useKeyboardNavigation};
 //# sourceMappingURL=ComboboxHelpers.js.map

package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxHelpers.js","sources":["../../../../../src/components/Combobox/ComboboxHelpers/ComboboxHelpers.tsx"],"sourcesContent":["import React, { type CSSProperties, type MutableRefObject, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport ComboboxOption from \"../components/ComboboxOption/ComboboxOption\";\nimport ComboboxCategory from \"../components/ComboboxCategory/ComboboxCategory\";\nimport { Divider } from \"@vibe/divider\";\nimport {\n  COMBOBOX_DIVIDER_ITEM,\n  COMBOBOX_CATEGORY_ITEM,\n  COMBOBOX_OPTION_ITEM,\n  type IComboboxCategory,\n  type IComboboxOption,\n  type IComboboxCategoryMap,\n  type IComboboxItem,\n  type IOptionItemRendererArgs,\n  type IComboboxOptionEvents\n} from \"../components/ComboboxConstants\";\nimport useActiveDescendantListFocus from \"../../../hooks/useActiveDescendantListFocus\";\nimport { getOptionsByCategories } from \"../ComboboxService\";\nimport comboboxItemsStyles from \"../components/ComboboxItems/ComboboxItems.module.scss\";\nimport styles from \"./ComboboxHelpers.module.scss\";\n\nconst DIVIDER_HEIGHT = 17;\nconst CATEGORY_HEIGHT = 32;\n\nexport function useItemsData({\n  categories,\n  options,\n  filterValue,\n  withCategoriesDivider,\n  optionLineHeight\n}: {\n  categories: IComboboxCategoryMap;\n  options: IComboboxOption[];\n  filterValue: string;\n  withCategoriesDivider: boolean;\n  optionLineHeight: number;\n}) {\n  return useMemo(() => {\n    let items: IComboboxItem[] = [];\n    let selectableItems: IComboboxOption[] = [];\n    const itemsMap = new Map();\n\n    if (categories) {\n      const optionsByCategories = getOptionsByCategories(options, categories, filterValue);\n      let optionIndex = 0;\n      Object.keys(optionsByCategories).forEach((categoryId, categoryIndex) => {\n        const withDivider = withCategoriesDivider && categoryIndex !== 0;\n        if (withDivider) {\n          items.push(createDividerItemObject({ categoryId }));\n        }\n\n        const isCategoryWithOptions = optionsByCategories[categoryId].length > 0;\n        const isFirstCategory = categoryIndex === 0;\n\n        const categoryObject = createCategoryItemObject({\n          categoryId,\n          categoryData: categories[categoryId],\n          withDivider,\n          className: cx({\n            [comboboxItemsStyles.categoryWithOptions]: isCategoryWithOptions,\n            [comboboxItemsStyles.categoryWithoutOptions]: !isCategoryWithOptions,\n            [comboboxItemsStyles.firstCategory]: isFirstCategory\n          })\n        });\n\n        // save category object in both items array and categories map\n        items.push(categoryObject);\n        itemsMap.set(categoryId, categoryObject);\n\n        optionsByCategories[categoryId].forEach((option: IComboboxOption) => {\n          const itemObject = createOptionItemObject({\n            height: optionLineHeight,\n            option,\n            index: optionIndex,\n            categoryId: categoryObject.id\n          });\n\n          itemsMap.set(itemObject.id, itemObject);\n          items.push(itemObject);\n          selectableItems.push(option);\n          optionIndex++;\n        });\n      });\n    } else {\n      selectableItems = options;\n      items = options.map((option, index) => {\n        return createOptionItemObject({\n          height: optionLineHeight,\n          option,\n          index\n        });\n      });\n    }\n    return { items, itemsMap, selectableItems };\n  }, [categories, options, filterValue, withCategoriesDivider, optionLineHeight]);\n}\n\nexport function useKeyboardNavigation({\n  defaultVisualFocusFirstIndex,\n  inputRef,\n  onClick,\n  isChildSelectable,\n  options,\n  getOptionId\n}: {\n  defaultVisualFocusFirstIndex?: boolean;\n  inputRef: MutableRefObject<HTMLElement>;\n  onClick: (event: React.KeyboardEvent | React.MouseEvent, index: number) => void;\n  isChildSelectable: (index: number) => boolean;\n  options: IComboboxOption[];\n  getOptionId: (optionId: string, index: number) => string;\n}) {\n  const filteredOptionsIds = useMemo(\n    () => options.map((option: IComboboxOption, index: number) => getOptionId(option?.id, index)),\n    [getOptionId, options]\n  );\n\n  const { visualFocusItemIndex, visualFocusItemId } = useActiveDescendantListFocus({\n    defaultVisualFocusFirstIndex,\n    focusedElementRef: inputRef,\n    focusedElementRole: useActiveDescendantListFocus.roles.COMBOBOX,\n    itemsIds: filteredOptionsIds,\n    onItemClick: onClick,\n    isItemSelectable: isChildSelectable,\n    isIgnoreSpaceAsItemSelection: true\n  });\n\n  return { visualFocusItemIndex, visualFocusItemId, onOptionClick: onClick };\n}\nexport function createDividerItemObject({ categoryId }: { categoryId: string }): IComboboxItem {\n  return { type: COMBOBOX_DIVIDER_ITEM, height: DIVIDER_HEIGHT, id: `${categoryId}-divider` };\n}\n\nexport function createCategoryItemObject({\n  withDivider,\n  categoryId,\n  categoryData,\n  className\n}: {\n  withDivider: boolean;\n  categoryId: string;\n  categoryData: IComboboxCategory;\n  className: string;\n}): IComboboxItem {\n  return {\n    height: CATEGORY_HEIGHT,\n    type: COMBOBOX_CATEGORY_ITEM,\n    category: categoryData,\n    id: categoryId,\n    withDivider,\n    className\n  };\n}\n\nexport function createOptionItemObject({\n  option,\n  height,\n  index,\n  optionRenderer,\n  isActive,\n  optionLineHeight,\n  shouldScrollToSelectedItem,\n  categoryId\n}: {\n  option?: IComboboxOption;\n  height?: number;\n  index?: number;\n  optionRenderer?: (option: IComboboxOption) => JSX.Element;\n  isActive?: boolean;\n  optionLineHeight?: number;\n  shouldScrollToSelectedItem?: boolean;\n  categoryId?: string;\n}): IComboboxItem {\n  return {\n    type: COMBOBOX_OPTION_ITEM,\n    height,\n    belongToCategory: true,\n    index,\n    option,\n    id: option.id || index.toString(),\n    optionRenderer,\n    isActive,\n    optionLineHeight,\n    shouldScrollToSelectedItem,\n    categoryId\n  };\n}\n\nexport function comboboxItemRenderer({\n  item,\n  style,\n  optionEvents,\n  optionRenderData,\n  isVirtualized,\n  stickyCategories\n}: {\n  item: IComboboxItem;\n  style: CSSProperties;\n  optionEvents: IComboboxOptionEvents;\n  optionRenderData: any;\n  isVirtualized: boolean;\n  stickyCategories?: boolean;\n}) {\n  const { type, ...otherArgs } = item;\n  let customClassNames;\n  let innerElement;\n  switch (type) {\n    case COMBOBOX_DIVIDER_ITEM: {\n      innerElement = dividerItemRenderer({ id: otherArgs.id, height: otherArgs.height });\n      break;\n    }\n    case COMBOBOX_CATEGORY_ITEM: {\n      innerElement = categoryItemRenderer({\n        id: otherArgs.id,\n        category: otherArgs.category,\n        className: otherArgs.className\n      });\n      if (stickyCategories && !isVirtualized) {\n        customClassNames = styles.sticky;\n      }\n      break;\n    }\n    case COMBOBOX_OPTION_ITEM: {\n      innerElement = optionItemRenderer({\n        ...otherArgs,\n        ...optionEvents,\n        ...optionRenderData\n      });\n      break;\n    }\n  }\n\n  return (\n    <div key={otherArgs.id} className={cx(styles.comboboxItemContainer, customClassNames)} style={style}>\n      {innerElement}\n    </div>\n  );\n}\n\nexport function dividerItemRenderer({ id, height }: { id: string; height: number }) {\n  return (\n    <div className={styles.dividerContainer} style={{ height: height }}>\n      <Divider className={styles.divider} key={id} />\n    </div>\n  );\n}\n\nexport function categoryItemRenderer({\n  id,\n  category,\n  className\n}: {\n  id: string;\n  category: IComboboxCategory;\n  className: string;\n}) {\n  return <ComboboxCategory key={id} category={category} className={className} />;\n}\n\nexport function optionItemRenderer({\n  id,\n  index,\n  option,\n  className,\n  onOptionClick,\n  onOptionEnter,\n  onOptionLeave,\n  optionLineHeight,\n  optionRenderer,\n  scrollRef,\n  shouldScrollToSelectedItem,\n  activeItemIndex,\n  visualFocusItemIndex\n}: IOptionItemRendererArgs) {\n  return (\n    <ComboboxOption\n      className={className}\n      index={index}\n      key={id}\n      option={option}\n      optionRenderer={optionRenderer}\n      scrollRef={scrollRef}\n      isActive={activeItemIndex === index}\n      visualFocus={index === visualFocusItemIndex}\n      onOptionClick={onOptionClick}\n      onOptionHover={onOptionEnter}\n      onOptionLeave={onOptionLeave}\n      onOptionEnter={onOptionEnter}\n      optionLineHeight={optionLineHeight}\n      shouldScrollWhenActive={shouldScrollToSelectedItem}\n    />\n  );\n}\n"],"names":["DIVIDER_HEIGHT","CATEGORY_HEIGHT","useItemsData","_ref","categories","options","filterValue","withCategoriesDivider","optionLineHeight","useMemo","items","selectableItems","itemsMap","Map","optionsByCategories","getOptionsByCategories","optionIndex","Object","keys","forEach","categoryId","categoryIndex","withDivider","push","createDividerItemObject","isCategoryWithOptions","length","isFirstCategory","categoryObject","createCategoryItemObject","categoryData","className","cx","_defineProperty","comboboxItemsStyles","categoryWithOptions","categoryWithoutOptions","firstCategory","set","option","itemObject","createOptionItemObject","height","index","id","map","useKeyboardNavigation","_ref2","defaultVisualFocusFirstIndex","inputRef","onClick","isChildSelectable","getOptionId","filteredOptionsIds","_useActiveDescendantL","useActiveDescendantListFocus","focusedElementRef","focusedElementRole","roles","COMBOBOX","itemsIds","onItemClick","isItemSelectable","isIgnoreSpaceAsItemSelection","visualFocusItemIndex","visualFocusItemId","onOptionClick","_ref3","type","COMBOBOX_DIVIDER_ITEM","concat","_ref4","COMBOBOX_CATEGORY_ITEM","category","_ref5","COMBOBOX_OPTION_ITEM","belongToCategory","optionRenderer","isActive","shouldScrollToSelectedItem","comboboxItemRenderer","_ref6","customClassNames","innerElement","item","style","optionEvents","optionRenderData","isVirtualized","stickyCategories","otherArgs","__rest","dividerItemRenderer","categoryItemRenderer","styles","sticky","optionItemRenderer","assign","React","createElement","key","comboboxItemContainer","_ref7","dividerContainer","Divider","divider","_ref8","ComboboxCategory","_ref9","onOptionEnter","ComboboxOption","scrollRef","activeItemIndex","visualFocus","onOptionHover","onOptionLeave","shouldScrollWhenActive"],"mappings":"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"}
+{"version":3,"file":"ComboboxHelpers.js","sources":["../../../../../src/components/Combobox/ComboboxHelpers/ComboboxHelpers.tsx"],"sourcesContent":["import React, { type CSSProperties, type MutableRefObject, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport ComboboxOption from \"../components/ComboboxOption/ComboboxOption\";\nimport ComboboxCategory from \"../components/ComboboxCategory/ComboboxCategory\";\nimport Divider from \"../../Divider/Divider\";\nimport {\n  COMBOBOX_DIVIDER_ITEM,\n  COMBOBOX_CATEGORY_ITEM,\n  COMBOBOX_OPTION_ITEM,\n  type IComboboxCategory,\n  type IComboboxOption,\n  type IComboboxCategoryMap,\n  type IComboboxItem,\n  type IOptionItemRendererArgs,\n  type IComboboxOptionEvents\n} from \"../components/ComboboxConstants\";\nimport useActiveDescendantListFocus from \"../../../hooks/useActiveDescendantListFocus\";\nimport { getOptionsByCategories } from \"../ComboboxService\";\nimport comboboxItemsStyles from \"../components/ComboboxItems/ComboboxItems.module.scss\";\nimport styles from \"./ComboboxHelpers.module.scss\";\n\nconst DIVIDER_HEIGHT = 17;\nconst CATEGORY_HEIGHT = 32;\n\nexport function useItemsData({\n  categories,\n  options,\n  filterValue,\n  withCategoriesDivider,\n  optionLineHeight\n}: {\n  categories: IComboboxCategoryMap;\n  options: IComboboxOption[];\n  filterValue: string;\n  withCategoriesDivider: boolean;\n  optionLineHeight: number;\n}) {\n  return useMemo(() => {\n    let items: IComboboxItem[] = [];\n    let selectableItems: IComboboxOption[] = [];\n    const itemsMap = new Map();\n\n    if (categories) {\n      const optionsByCategories = getOptionsByCategories(options, categories, filterValue);\n      let optionIndex = 0;\n      Object.keys(optionsByCategories).forEach((categoryId, categoryIndex) => {\n        const withDivider = withCategoriesDivider && categoryIndex !== 0;\n        if (withDivider) {\n          items.push(createDividerItemObject({ categoryId }));\n        }\n\n        const isCategoryWithOptions = optionsByCategories[categoryId].length > 0;\n        const isFirstCategory = categoryIndex === 0;\n\n        const categoryObject = createCategoryItemObject({\n          categoryId,\n          categoryData: categories[categoryId],\n          withDivider,\n          className: cx({\n            [comboboxItemsStyles.categoryWithOptions]: isCategoryWithOptions,\n            [comboboxItemsStyles.categoryWithoutOptions]: !isCategoryWithOptions,\n            [comboboxItemsStyles.firstCategory]: isFirstCategory\n          })\n        });\n\n        // save category object in both items array and categories map\n        items.push(categoryObject);\n        itemsMap.set(categoryId, categoryObject);\n\n        optionsByCategories[categoryId].forEach((option: IComboboxOption) => {\n          const itemObject = createOptionItemObject({\n            height: optionLineHeight,\n            option,\n            index: optionIndex,\n            categoryId: categoryObject.id\n          });\n\n          itemsMap.set(itemObject.id, itemObject);\n          items.push(itemObject);\n          selectableItems.push(option);\n          optionIndex++;\n        });\n      });\n    } else {\n      selectableItems = options;\n      items = options.map((option, index) => {\n        return createOptionItemObject({\n          height: optionLineHeight,\n          option,\n          index\n        });\n      });\n    }\n    return { items, itemsMap, selectableItems };\n  }, [categories, options, filterValue, withCategoriesDivider, optionLineHeight]);\n}\n\nexport function useKeyboardNavigation({\n  defaultVisualFocusFirstIndex,\n  inputRef,\n  onClick,\n  isChildSelectable,\n  options,\n  getOptionId\n}: {\n  defaultVisualFocusFirstIndex?: boolean;\n  inputRef: MutableRefObject<HTMLElement>;\n  onClick: (event: React.KeyboardEvent | React.MouseEvent, index: number) => void;\n  isChildSelectable: (index: number) => boolean;\n  options: IComboboxOption[];\n  getOptionId: (optionId: string, index: number) => string;\n}) {\n  const filteredOptionsIds = useMemo(\n    () => options.map((option: IComboboxOption, index: number) => getOptionId(option?.id, index)),\n    [getOptionId, options]\n  );\n\n  const { visualFocusItemIndex, visualFocusItemId } = useActiveDescendantListFocus({\n    defaultVisualFocusFirstIndex,\n    focusedElementRef: inputRef,\n    focusedElementRole: useActiveDescendantListFocus.roles.COMBOBOX,\n    itemsIds: filteredOptionsIds,\n    onItemClick: onClick,\n    isItemSelectable: isChildSelectable,\n    isIgnoreSpaceAsItemSelection: true\n  });\n\n  return { visualFocusItemIndex, visualFocusItemId, onOptionClick: onClick };\n}\nexport function createDividerItemObject({ categoryId }: { categoryId: string }): IComboboxItem {\n  return { type: COMBOBOX_DIVIDER_ITEM, height: DIVIDER_HEIGHT, id: `${categoryId}-divider` };\n}\n\nexport function createCategoryItemObject({\n  withDivider,\n  categoryId,\n  categoryData,\n  className\n}: {\n  withDivider: boolean;\n  categoryId: string;\n  categoryData: IComboboxCategory;\n  className: string;\n}): IComboboxItem {\n  return {\n    height: CATEGORY_HEIGHT,\n    type: COMBOBOX_CATEGORY_ITEM,\n    category: categoryData,\n    id: categoryId,\n    withDivider,\n    className\n  };\n}\n\nexport function createOptionItemObject({\n  option,\n  height,\n  index,\n  optionRenderer,\n  isActive,\n  optionLineHeight,\n  shouldScrollToSelectedItem,\n  categoryId\n}: {\n  option?: IComboboxOption;\n  height?: number;\n  index?: number;\n  optionRenderer?: (option: IComboboxOption) => JSX.Element;\n  isActive?: boolean;\n  optionLineHeight?: number;\n  shouldScrollToSelectedItem?: boolean;\n  categoryId?: string;\n}): IComboboxItem {\n  return {\n    type: COMBOBOX_OPTION_ITEM,\n    height,\n    belongToCategory: true,\n    index,\n    option,\n    id: option.id || index.toString(),\n    optionRenderer,\n    isActive,\n    optionLineHeight,\n    shouldScrollToSelectedItem,\n    categoryId\n  };\n}\n\nexport function comboboxItemRenderer({\n  item,\n  style,\n  optionEvents,\n  optionRenderData,\n  isVirtualized,\n  stickyCategories\n}: {\n  item: IComboboxItem;\n  style: CSSProperties;\n  optionEvents: IComboboxOptionEvents;\n  optionRenderData: any;\n  isVirtualized: boolean;\n  stickyCategories?: boolean;\n}) {\n  const { type, ...otherArgs } = item;\n  let customClassNames;\n  let innerElement;\n  switch (type) {\n    case COMBOBOX_DIVIDER_ITEM: {\n      innerElement = dividerItemRenderer({ id: otherArgs.id, height: otherArgs.height });\n      break;\n    }\n    case COMBOBOX_CATEGORY_ITEM: {\n      innerElement = categoryItemRenderer({\n        id: otherArgs.id,\n        category: otherArgs.category,\n        className: otherArgs.className\n      });\n      if (stickyCategories && !isVirtualized) {\n        customClassNames = styles.sticky;\n      }\n      break;\n    }\n    case COMBOBOX_OPTION_ITEM: {\n      innerElement = optionItemRenderer({\n        ...otherArgs,\n        ...optionEvents,\n        ...optionRenderData\n      });\n      break;\n    }\n  }\n\n  return (\n    <div key={otherArgs.id} className={cx(styles.comboboxItemContainer, customClassNames)} style={style}>\n      {innerElement}\n    </div>\n  );\n}\n\nexport function dividerItemRenderer({ id, height }: { id: string; height: number }) {\n  return (\n    <div className={styles.dividerContainer} style={{ height: height }}>\n      <Divider className={styles.divider} key={id} />\n    </div>\n  );\n}\n\nexport function categoryItemRenderer({\n  id,\n  category,\n  className\n}: {\n  id: string;\n  category: IComboboxCategory;\n  className: string;\n}) {\n  return <ComboboxCategory key={id} category={category} className={className} />;\n}\n\nexport function optionItemRenderer({\n  id,\n  index,\n  option,\n  className,\n  onOptionClick,\n  onOptionEnter,\n  onOptionLeave,\n  optionLineHeight,\n  optionRenderer,\n  scrollRef,\n  shouldScrollToSelectedItem,\n  activeItemIndex,\n  visualFocusItemIndex\n}: IOptionItemRendererArgs) {\n  return (\n    <ComboboxOption\n      className={className}\n      index={index}\n      key={id}\n      option={option}\n      optionRenderer={optionRenderer}\n      scrollRef={scrollRef}\n      isActive={activeItemIndex === index}\n      visualFocus={index === visualFocusItemIndex}\n      onOptionClick={onOptionClick}\n      onOptionHover={onOptionEnter}\n      onOptionLeave={onOptionLeave}\n      onOptionEnter={onOptionEnter}\n      optionLineHeight={optionLineHeight}\n      shouldScrollWhenActive={shouldScrollToSelectedItem}\n    />\n  );\n}\n"],"names":["DIVIDER_HEIGHT","CATEGORY_HEIGHT","useItemsData","_ref","categories","options","filterValue","withCategoriesDivider","optionLineHeight","useMemo","items","selectableItems","itemsMap","Map","optionsByCategories","getOptionsByCategories","optionIndex","Object","keys","forEach","categoryId","categoryIndex","withDivider","push","createDividerItemObject","isCategoryWithOptions","length","isFirstCategory","categoryObject","createCategoryItemObject","categoryData","className","cx","_defineProperty","comboboxItemsStyles","categoryWithOptions","categoryWithoutOptions","firstCategory","set","option","itemObject","createOptionItemObject","height","index","id","map","useKeyboardNavigation","_ref2","defaultVisualFocusFirstIndex","inputRef","onClick","isChildSelectable","getOptionId","filteredOptionsIds","_useActiveDescendantL","useActiveDescendantListFocus","focusedElementRef","focusedElementRole","roles","COMBOBOX","itemsIds","onItemClick","isItemSelectable","isIgnoreSpaceAsItemSelection","visualFocusItemIndex","visualFocusItemId","onOptionClick","_ref3","type","COMBOBOX_DIVIDER_ITEM","concat","_ref4","COMBOBOX_CATEGORY_ITEM","category","_ref5","COMBOBOX_OPTION_ITEM","belongToCategory","optionRenderer","isActive","shouldScrollToSelectedItem","comboboxItemRenderer","_ref6","customClassNames","innerElement","item","style","optionEvents","optionRenderData","isVirtualized","stickyCategories","otherArgs","__rest","dividerItemRenderer","categoryItemRenderer","styles","sticky","optionItemRenderer","assign","React","createElement","key","comboboxItemContainer","_ref7","dividerContainer","Divider","divider","_ref8","ComboboxCategory","_ref9","onOptionEnter","ComboboxOption","scrollRef","activeItemIndex","visualFocus","onOptionHover","onOptionLeave","shouldScrollWhenActive"],"mappings":"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"}

package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js

@@ -1,2 +1,2 @@
-var e={comboboxItemContainer:"comboboxItemContainer_0136fadd1e",dividerContainer:"dividerContainer_d7f0da3688",divider:"divider_34f38b1ef2",sticky:"sticky_f42767cd5e"};!function(e){const n="s_id-cfec7f62c06c_4_5_5";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".comboboxItemContainer_0136fadd1e {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_d7f0da3688 {\n  position: relative;\n  width: 95%;\n}\n\n.divider_34f38b1ef2 {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-inline-start: -12px;\n}\n\n.sticky_f42767cd5e {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
+var e={comboboxItemContainer:"comboboxItemContainer_df5f14c0fb",dividerContainer:"dividerContainer_a63a07d353",divider:"divider_2a2f788d46",sticky:"sticky_73c9fd7da7"};!function(e){const n="s_id-cfec7f62c06c_4_5_3";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".comboboxItemContainer_df5f14c0fb {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_a63a07d353 {\n  position: relative;\n  width: 95%;\n}\n\n.divider_2a2f788d46 {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-inline-start: -12px;\n}\n\n.sticky_73c9fd7da7 {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
 //# sourceMappingURL=ComboboxHelpers.module.scss.js.map

package/dist/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js

@@ -1,2 +1,2 @@
-var e={comboboxCategory:"comboboxCategory_64586fd0fb"};!function(e){const t="s_id-ddc89c066e12_4_5_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)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxCategory_64586fd0fb {\n  color: var(--placeholder-color);\n  display: flex;\n  align-items: center;\n  padding-top: var(--space-8);\n}");export{e as default};
+var e={comboboxCategory:"comboboxCategory_ee55a95384"};!function(e){const t="s_id-ddc89c066e12_4_5_3";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)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxCategory_ee55a95384 {\n  color: var(--placeholder-color);\n  display: flex;\n  align-items: center;\n  padding-top: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=ComboboxCategory.module.scss.js.map

package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js

@@ -1,2 +1,2 @@
-var t={scrollableContainer:"scrollableContainer_5edd68e3b0",optionsContainer:"optionsContainer_daf28224b1",categoryWithOptions:"categoryWithOptions_47e0b322ca",firstCategory:"firstCategory_08aa357c5b",categoryWithoutOptions:"categoryWithoutOptions_a864cd4462"};!function(t){const e="s_id-9dc0ac18aa3d_4_5_5";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_5edd68e3b0::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_5edd68e3b0::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_daf28224b1 {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--space-8);\n}\n.categoryWithOptions_47e0b322ca.firstCategory_08aa357c5b,\n.categoryWithoutOptions_a864cd4462.firstCategory_08aa357c5b {\n  padding-top: 0;\n}\n.categoryWithOptions_47e0b322ca {\n  margin-bottom: var(--space-4);\n}\n.categoryWithoutOptions_a864cd4462 {\n  margin-bottom: 0;\n}");export{t as default};
+var t={scrollableContainer:"scrollableContainer_82bfcd289c",optionsContainer:"optionsContainer_665a99664a",categoryWithOptions:"categoryWithOptions_8b064becb4",firstCategory:"firstCategory_34b8fa34d3",categoryWithoutOptions:"categoryWithoutOptions_f4e9f677b4"};!function(t){const e="s_id-9dc0ac18aa3d_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_82bfcd289c::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_82bfcd289c::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n\n.optionsContainer_665a99664a {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--space-8);\n}\n\n.categoryWithOptions_8b064becb4.firstCategory_34b8fa34d3,\n.categoryWithoutOptions_f4e9f677b4.firstCategory_34b8fa34d3 {\n  padding-top: 0;\n}\n\n.categoryWithOptions_8b064becb4 {\n  margin-bottom: var(--space-4);\n}\n\n.categoryWithoutOptions_f4e9f677b4 {\n  margin-bottom: 0;\n}");export{t as default};
 //# sourceMappingURL=ComboboxItems.module.scss.js.map

package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js

@@ -1,2 +1,2 @@
-var e={comboboxOption:"comboboxOption_c9c6ed2819",disabled:"disabled_0f703b4b3c",selected:"selected_8a265e423f",active:"active_92d7f93a22",activeOutline:"activeOutline_37c7ec7f7a",optionLabel:"optionLabel_7fae357425",optionIcon:"optionIcon_1d5bb9e7e2",left:"left_2ff8c5ae56"};!function(e){const o="s_id-3db504899945_4_5_5";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const c=document.createElement("style");c.id=o,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxOption_c9c6ed2819 {\n  padding: 8px;\n  width: 100%;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n}\n.comboboxOption_c9c6ed2819.disabled_0f703b4b3c {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.comboboxOption_c9c6ed2819.disabled_0f703b4b3c:hover {\n  background-color: transparent;\n}\n.comboboxOption_c9c6ed2819.selected_8a265e423f {\n  background-color: var(--primary-selected-color);\n}\n.comboboxOption_c9c6ed2819:hover:not(.disabled_0f703b4b3c):not(.selected_8a265e423f),\n.comboboxOption_c9c6ed2819.active_92d7f93a22 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n.comboboxOption_c9c6ed2819.activeOutline_37c7ec7f7a {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  background-color: var(--secondary-background-color);\n}\n.comboboxOption_c9c6ed2819 .optionLabel_7fae357425 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxOption_c9c6ed2819 .optionIcon_1d5bb9e7e2 {\n  flex: 0 0 auto;\n}\n.comboboxOption_c9c6ed2819 .optionIcon_1d5bb9e7e2.left_2ff8c5ae56 {\n  margin-inline-end: 4px;\n}");export{e as default};
+var e={comboboxOption:"comboboxOption_e99e30416e",disabled:"disabled_012ca5395e",selected:"selected_570f54c0b8",active:"active_b8a5fabbf9",activeOutline:"activeOutline_04512e19b4",optionLabel:"optionLabel_00a4acd90f",optionIcon:"optionIcon_98a44302bb",left:"left_bcda00c0e8"};!function(e){const o="s_id-3db504899945_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxOption_e99e30416e {\n  padding: 8px;\n  width: 100%;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n}\n\n.comboboxOption_e99e30416e.disabled_012ca5395e {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.comboboxOption_e99e30416e.disabled_012ca5395e:hover {\n  background-color: transparent;\n}\n\n.comboboxOption_e99e30416e.selected_570f54c0b8 {\n  background-color: var(--primary-selected-color);\n}\n\n.comboboxOption_e99e30416e:hover:not(.disabled_012ca5395e):not(.selected_570f54c0b8),\n.comboboxOption_e99e30416e.active_b8a5fabbf9 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n\n.comboboxOption_e99e30416e.activeOutline_04512e19b4 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  background-color: var(--secondary-background-color);\n}\n\n.comboboxOption_e99e30416e .optionLabel_00a4acd90f {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption_e99e30416e .optionIcon_98a44302bb {\n  flex: 0 0 auto;\n}\n\n.comboboxOption_e99e30416e .optionIcon_98a44302bb.left_bcda00c0e8 {\n  margin-inline-end: 4px;\n}");export{e as default};
 //# sourceMappingURL=ComboboxOption.module.scss.js.map

package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={stickyCategoryHeader:"stickyCategoryHeader_ad4a7c7455"};!function(e){const t="s_id-c981e92fbca0_4_5_5";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".stickyCategoryHeader_ad4a7c7455 {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--primary-background-color);\n  padding-block: 10px var(--space-4);\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={stickyCategoryHeader:"stickyCategoryHeader_14b8f1279e"};!function(e){const t="s_id-c981e92fbca0_4_5_3";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)}(".stickyCategoryHeader_14b8f1279e {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--primary-background-color);\n  padding-block: 10px var(--space-4);\n  display: flex;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=StickyCategoryHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={counter:"counter_611ed76ceb",withAnimation:"withAnimation_10d1e13b2f",counterPopElastic:"counterPopElastic_2f817bc243",sizeXs:"sizeXs_c33fef7231",sizeSmall:"sizeSmall_e3cdef67bd",sizeLarge:"sizeLarge_58e19c2503",kindFill:"kindFill_94cc109e13",colorPrimary:"colorPrimary_4040de8298",colorDark:"colorDark_1a87bab00d",colorNegative:"colorNegative_fbda80428f",colorLight:"colorLight_b40e39afb0",kindLine:"kindLine_34a7ee7c17",fadeEnter:"fadeEnter_4b2fbb1a46",fadeEnterActive:"fadeEnterActive_90052a3e9a",fadeExit:"fadeExit_2953724f9e",fadeExitActive:"fadeExitActive_e458225250","counter-pop-elastic":"counter-pop-elastic_9cf3a15356"};!function(n){const o="s_id-b4f9c23ba3ce_4_5_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.counter_611ed76ceb {\n  display: inline-flex;\n  justify-content: center;\n  border-radius: 30px;\n  overflow: hidden;\n  transform-origin: center;\n}\n@keyframes counter-pop-elastic_9cf3a15356 {\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}\n.withAnimation_10d1e13b2f {\n  animation: counterPopElastic_2f817bc243 var(--motion-expressive-short);\n}\n.sizeXs_c33fef7231 {\n  font: var(--font-text3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--space-8);\n}\n.sizeSmall_e3cdef67bd {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--space-8);\n}\n.sizeLarge_58e19c2503 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  min-width: 24px;\n  padding: 2px var(--space-8);\n}\n.kindFill_94cc109e13.colorPrimary_4040de8298 {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_94cc109e13.colorDark_1a87bab00d {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_94cc109e13.colorNegative_fbda80428f {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_94cc109e13.colorLight_b40e39afb0 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_34a7ee7c17 {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_34a7ee7c17.colorPrimary_4040de8298 {\n  color: var(--primary-color);\n}\n.kindLine_34a7ee7c17.colorDark_1a87bab00d {\n  color: var(--inverted-color-background);\n}\n.kindLine_34a7ee7c17.colorNegative_fbda80428f {\n  color: var(--negative-color);\n}\n.kindLine_34a7ee7c17.colorLight_b40e39afb0 {\n  color: var(--primary-text-color);\n  box-shadow: 0 0 0 1px var(--ui-background-color) inset !important;\n}\n/* New number enters */\n.fadeEnter_4b2fbb1a46 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_90052a3e9a {\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 number exits */\n.fadeExit_2953724f9e {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_e458225250 {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-exit), opacity var(--motion-productive-short);\n}");export{n as default};
+var n={counter:"counter_0e28ccb6b6",withAnimation:"withAnimation_3a588c2243",counterPopElastic:"counterPopElastic_6702b9ad51",sizeXs:"sizeXs_ba71cd203a",sizeSmall:"sizeSmall_d481fac4d7",sizeLarge:"sizeLarge_9cf5749a8f",kindFill:"kindFill_c30330910b",colorPrimary:"colorPrimary_2314c7da55",colorDark:"colorDark_629020a84a",colorNegative:"colorNegative_5142e8cc7e",colorLight:"colorLight_a7097a4564",kindLine:"kindLine_79ff4886ba",fadeEnter:"fadeEnter_402f2bd4f6",fadeEnterActive:"fadeEnterActive_7f7d100737",fadeExit:"fadeExit_a79ee14d5f",fadeExitActive:"fadeExitActive_cc61e586c2","counter-pop-elastic":"counter-pop-elastic_77f4456022"};!function(n){const o="s_id-b4f9c23ba3ce_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.counter_0e28ccb6b6 {\n  display: inline-flex;\n  justify-content: center;\n  border-radius: 30px;\n  overflow: hidden;\n  transform-origin: center;\n}\n@keyframes counter-pop-elastic_77f4456022 {\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}\n\n.withAnimation_3a588c2243 {\n  animation: counterPopElastic_6702b9ad51 var(--motion-expressive-short);\n}\n\n.sizeXs_ba71cd203a {\n  font: var(--font-text3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--space-8);\n}\n\n.sizeSmall_d481fac4d7 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--space-8);\n}\n\n.sizeLarge_9cf5749a8f {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  min-width: 24px;\n  padding: 2px var(--space-8);\n}\n\n.kindFill_c30330910b.colorPrimary_2314c7da55 {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n\n.kindFill_c30330910b.colorDark_629020a84a {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n\n.kindFill_c30330910b.colorNegative_5142e8cc7e {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n\n.kindFill_c30330910b.colorLight_a7097a4564 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n\n.kindLine_79ff4886ba {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n\n.kindLine_79ff4886ba.colorPrimary_2314c7da55 {\n  color: var(--primary-color);\n}\n\n.kindLine_79ff4886ba.colorDark_629020a84a {\n  color: var(--inverted-color-background);\n}\n\n.kindLine_79ff4886ba.colorNegative_5142e8cc7e {\n  color: var(--negative-color);\n}\n\n.kindLine_79ff4886ba.colorLight_a7097a4564 {\n  color: var(--primary-text-color);\n  box-shadow: 0 0 0 1px var(--ui-background-color) inset !important;\n}\n\n/* New number enters */\n.fadeEnter_402f2bd4f6 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n\n.fadeEnterActive_7f7d100737 {\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\n/* Old number exits */\n.fadeExit_a79ee14d5f {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.fadeExitActive_cc61e586c2 {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-exit), opacity var(--motion-productive-short);\n}");export{n as default};
 //# sourceMappingURL=Counter.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={datePicker:"datePicker_bed4a5ebc1",datePickerMonths:"datePickerMonths_a44e3727d7",withWeekNumber:"withWeekNumber_402b2f5688",datePickerHead:"datePickerHead_7edbb1feea",datePickerBody:"datePickerBody_7edbb1feea",datePickerTable:"datePickerTable_9174a04bb2",datePickerDay:"datePickerDay_861efed31a",datePickerDayContent:"datePickerDayContent_1c84420403",datePickerDayDisabled:"datePickerDayDisabled_f59f82e347",datePickerAddToRangeStart:"datePickerAddToRangeStart_a601d8bf58",datePickerAddToRangeEnd:"datePickerAddToRangeEnd_4a1dede8c6",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle_42e2ceee7e",datePickerDayRangeStart:"datePickerDayRangeStart_d713fd0b2c",datePickerDayRangeEnd:"datePickerDayRangeEnd_e71c42c750",datePickerDayOutside:"datePickerDayOutside_a7997c7d91",datePickerDaySelected:"datePickerDaySelected_e71c42c750",datePickerDayRangeMiddle:"datePickerDayRangeMiddle_90494fff6e",datePickerRemoveFromRange:"datePickerRemoveFromRange_f02b884230",datePickerHalfRangeSelected:"datePickerHalfRangeSelected_afe954b458"};!function(e){const a="s_id-601bce29f4a5_4_5_5";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.datePicker_bed4a5ebc1 {\n  --day-picker-header-height: 34px;\n  --day-picker-content-height: 234px;\n  --day-picker-day-width: 30px;\n  --day-picker-day-height: 30px;\n  --day-picker-days-horizontal-gap: 4px;\n  --day-picker-days-vertical-gap: 2px;\n  --day-picker-day-change-range: var(--primary-surface-color);\n}\n.datePicker_bed4a5ebc1 .datePickerMonths_a44e3727d7 {\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-16);\n  align-items: flex-start;\n}\n.datePicker_bed4a5ebc1.withWeekNumber_402b2f5688 {\n  --day-picker-days-horizontal-gap: 2px;\n  width: 284px;\n  margin: 0;\n}\n.datePicker_bed4a5ebc1.withWeekNumber_402b2f5688 .datePickerHead_7edbb1feea td:first-child {\n  width: var(--day-picker-day-width);\n  border-start-start-radius: var(--border-radius-medium);\n  border-start-end-radius: var(--border-radius-medium);\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_bed4a5ebc1.withWeekNumber_402b2f5688 .datePickerHead_7edbb1feea td:first-child::after {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  display: flex;\n  justify-content: center;\n  content: "No.";\n}\n.datePicker_bed4a5ebc1.withWeekNumber_402b2f5688 .datePickerBody_7edbb1feea td:first-child {\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_bed4a5ebc1.withWeekNumber_402b2f5688 .datePickerBody_7edbb1feea tr:last-child td:first-child {\n  border-end-start-radius: var(--border-radius-medium);\n  border-end-end-radius: var(--border-radius-medium);\n}\n.datePicker_bed4a5ebc1 .datePickerTable_9174a04bb2 {\n  margin-top: var(--space-8);\n  border-collapse: collapse;\n  height: var(--day-picker-content-height);\n}\n.datePicker_bed4a5ebc1 .datePickerHead_7edbb1feea th {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  padding-block: var(--space-2);\n  text-align: center;\n  height: var(--day-picker-day-height);\n}\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea td {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  text-align: center;\n  padding: 0;\n}\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDay_861efed31a {\n  color: var(--primary-text-color);\n  font: var(--font-text2-normal);\n  width: var(--day-picker-day-width);\n  height: var(--day-picker-day-height);\n  background: none;\n  border: none;\n  cursor: pointer;\n  border-radius: var(--border-radius-small);\n  margin: var(--day-picker-days-vertical-gap) var(--day-picker-days-horizontal-gap);\n  padding: 0;\n}\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDay_861efed31a .datePickerDayContent_1c84420403 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  border-radius: var(--border-radius-small);\n}\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDay_861efed31a:focus-visible {\n  outline: none;\n}\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDay_861efed31a:focus-visible .datePickerDayContent_1c84420403 {\n  outline: 2px solid var(--primary-color);\n}\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDay_861efed31a.datePickerDayDisabled_f59f82e347 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDay_861efed31a:not(.datePickerDayDisabled_f59f82e347):not(.datePickerAddToRangeStart_a601d8bf58):not(.datePickerAddToRangeEnd_4a1dede8c6):not(.datePickerAddToRangeMiddle_42e2ceee7e):not(.datePickerDayRangeStart_d713fd0b2c):not(.datePickerDayRangeEnd_e71c42c750) .datePickerDayContent_1c84420403:hover {\n  background: var(--primary-background-hover-color);\n}\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDay_861efed31a.datePickerDayOutside_a7997c7d91 {\n  color: var(--disabled-text-color);\n}\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDay_861efed31a.datePickerDaySelected_e71c42c750:not(.datePickerDayRangeMiddle_90494fff6e):not(.datePickerRemoveFromRange_f02b884230) {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDay_861efed31a.datePickerDayRangeStart_d713fd0b2c:not(.datePickerDayRangeEnd_e71c42c750):not(.datePickerRemoveFromRange_f02b884230), .datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDay_861efed31a.datePickerDayRangeEnd_e71c42c750:not(.datePickerDayRangeStart_d713fd0b2c):not(.datePickerRemoveFromRange_f02b884230) {\n  background: var(--primary-color);\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDay_861efed31a.datePickerDayRangeStart_d713fd0b2c.datePickerRemoveFromRange_f02b884230, .datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDay_861efed31a.datePickerDayRangeEnd_e71c42c750.datePickerRemoveFromRange_f02b884230 {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDay_861efed31a.datePickerDayRangeStart_d713fd0b2c.datePickerRemoveFromRange_f02b884230:not(.datePickerDayRangeEnd_e71c42c750), .datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDay_861efed31a.datePickerDayRangeEnd_e71c42c750.datePickerRemoveFromRange_f02b884230:not(.datePickerDayRangeStart_d713fd0b2c) {\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDay_861efed31a.datePickerAddToRangeStart_a601d8bf58, .datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDay_861efed31a.datePickerDayRangeStart_d713fd0b2c:not(.datePickerDayRangeEnd_e71c42c750) {\n  margin-inline-end: 0;\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDay_861efed31a.datePickerAddToRangeEnd_4a1dede8c6, .datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDay_861efed31a.datePickerDayRangeEnd_e71c42c750:not(.datePickerDayRangeStart_d713fd0b2c) {\n  margin-inline-start: 0;\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDay_861efed31a.datePickerAddToRangeStart_a601d8bf58, .datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDay_861efed31a.datePickerAddToRangeEnd_4a1dede8c6, .datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDay_861efed31a.datePickerAddToRangeMiddle_42e2ceee7e {\n  margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDay_861efed31a.datePickerAddToRangeStart_a601d8bf58:not(.datePickerDayRangeStart_d713fd0b2c):not(.datePickerDayRangeEnd_e71c42c750), .datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDay_861efed31a.datePickerAddToRangeEnd_4a1dede8c6:not(.datePickerDayRangeStart_d713fd0b2c):not(.datePickerDayRangeEnd_e71c42c750), .datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDay_861efed31a.datePickerAddToRangeMiddle_42e2ceee7e, .datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDay_861efed31a.datePickerDayRangeMiddle_90494fff6e:not(.datePickerAddToRangeStart_a601d8bf58):not(.datePickerAddToRangeEnd_4a1dede8c6) {\n  background-color: var(--primary-selected-color);\n  border: var(--day-picker-days-horizontal-gap) var(--border-style) var(--primary-selected-color);\n  border-top: none;\n  border-bottom: none;\n  width: calc(var(--day-picker-day-width) + 2 * var(--day-picker-days-horizontal-gap));\n}\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDay_861efed31a.datePickerAddToRangeMiddle_42e2ceee7e, .datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDay_861efed31a.datePickerDayRangeMiddle_90494fff6e:not(.datePickerAddToRangeStart_a601d8bf58):not(.datePickerAddToRangeEnd_4a1dede8c6) {\n  background: var(--primary-selected-color);\n  margin: var(--day-picker-days-vertical-gap) 0;\n  border-radius: 0;\n}\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDay_861efed31a.datePickerRemoveFromRange_f02b884230:not(.datePickerDayRangeStart_d713fd0b2c):not(.datePickerDayRangeEnd_e71c42c750), .datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDay_861efed31a.datePickerAddToRangeStart_a601d8bf58:not(.datePickerDayRangeMiddle_90494fff6e):not(.datePickerDayRangeEnd_e71c42c750), .datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDay_861efed31a.datePickerAddToRangeEnd_4a1dede8c6:not(.datePickerDayRangeMiddle_90494fff6e):not(.datePickerDayRangeStart_d713fd0b2c), .datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDay_861efed31a.datePickerAddToRangeMiddle_42e2ceee7e {\n  background: var(--day-picker-day-change-range);\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea tr td:first-child .datePickerDay_861efed31a.datePickerDayRangeMiddle_90494fff6e, .datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea tr td:first-child .datePickerDay_861efed31a.datePickerAddToRangeStart_a601d8bf58:not(.datePickerDayRangeStart_d713fd0b2c):not(.datePickerDayRangeEnd_e71c42c750), .datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea tr td:first-child .datePickerDay_861efed31a.datePickerAddToRangeMiddle_42e2ceee7e, .datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea tr td:first-child .datePickerDay_861efed31a.datePickerAddToRangeEnd_4a1dede8c6:not(.datePickerDayRangeStart_d713fd0b2c):not(.datePickerDayRangeEnd_e71c42c750) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-inline-start: var(--day-picker-days-horizontal-gap);\n  border-inline-end: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-start-start-radius: var(--border-radius-small);\n  border-end-start-radius: var(--border-radius-small);\n}\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea tr td:first-child .datePickerDay_861efed31a.datePickerRemoveFromRange_f02b884230 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea tr td:first-child .datePickerDay_861efed31a.datePickerAddToRangeEnd_4a1dede8c6, .datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea tr td:first-child .datePickerDay_861efed31a.datePickerDayRangeEnd_e71c42c750:not(.datePickerDayRangeStart_d713fd0b2c) {\n  margin-inline-end: 0;\n}\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea tr td:last-child .datePickerDay_861efed31a.datePickerDayRangeMiddle_90494fff6e, .datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea tr td:last-child .datePickerDay_861efed31a.datePickerAddToRangeStart_a601d8bf58:not(.datePickerDayRangeStart_d713fd0b2c):not(.datePickerDayRangeEnd_e71c42c750), .datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea tr td:last-child .datePickerDay_861efed31a.datePickerAddToRangeMiddle_42e2ceee7e, .datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea tr td:last-child .datePickerDay_861efed31a.datePickerAddToRangeEnd_4a1dede8c6:not(.datePickerDayRangeStart_d713fd0b2c):not(.datePickerDayRangeEnd_e71c42c750) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-inline-end: var(--day-picker-days-horizontal-gap);\n  border-inline-start: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-start-end-radius: var(--border-radius-small);\n  border-end-end-radius: var(--border-radius-small);\n}\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea tr td:last-child .datePickerDay_861efed31a.datePickerRemoveFromRange_f02b884230 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea tr td:last-child .datePickerDay_861efed31a.datePickerAddToRangeStart_a601d8bf58, .datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea tr td:last-child .datePickerDay_861efed31a.datePickerDayRangeStart_d713fd0b2c:not(.datePickerDayRangeEnd_e71c42c750) {\n  margin-inline-start: 0;\n}\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea tr td:first-child .datePickerDay_861efed31a.datePickerAddToRangeStart_a601d8bf58:not(.datePickerDayRangeMiddle_90494fff6e), .datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea tr td:first-child .datePickerDay_861efed31a.datePickerAddToRangeMiddle_42e2ceee7e, .datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea tr td:first-child .datePickerDay_861efed31a.datePickerAddToRangeEnd_4a1dede8c6:not(.datePickerDayRangeMiddle_90494fff6e),\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea tr td:last-child .datePickerDay_861efed31a.datePickerAddToRangeStart_a601d8bf58:not(.datePickerDayRangeMiddle_90494fff6e),\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea tr td:last-child .datePickerDay_861efed31a.datePickerAddToRangeMiddle_42e2ceee7e,\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea tr td:last-child .datePickerDay_861efed31a.datePickerAddToRangeEnd_4a1dede8c6:not(.datePickerDayRangeMiddle_90494fff6e) {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea tr td:first-child .datePickerDay_861efed31a.datePickerDaySelected_e71c42c750.datePickerDayRangeEnd_e71c42c750.datePickerAddToRangeStart_a601d8bf58,\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea tr td:last-child .datePickerDay_861efed31a.datePickerDaySelected_e71c42c750.datePickerDayRangeEnd_e71c42c750.datePickerAddToRangeStart_a601d8bf58 {\n  border-inline-start-width: 0;\n}\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea tr td:first-child .datePickerDay_861efed31a.datePickerDaySelected_e71c42c750.datePickerDayRangeStart_d713fd0b2c.datePickerAddToRangeEnd_4a1dede8c6,\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea tr td:last-child .datePickerDay_861efed31a.datePickerDaySelected_e71c42c750.datePickerDayRangeStart_d713fd0b2c.datePickerAddToRangeEnd_4a1dede8c6 {\n  border-inline-end-width: 0;\n}\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDaySelected_e71c42c750.datePickerDayRangeEnd_e71c42c750.datePickerAddToRangeStart_a601d8bf58 {\n  border-radius: var(--border-radius-small) !important;\n  border-color: var(--primary-color) !important;\n  background-color: var(--primary-color) !important;\n}\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDaySelected_e71c42c750.datePickerDayRangeEnd_e71c42c750.datePickerAddToRangeStart_a601d8bf58:not(.datePickerHalfRangeSelected_afe954b458) {\n  margin-inline-start: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDaySelected_e71c42c750.datePickerDayRangeStart_d713fd0b2c.datePickerAddToRangeEnd_4a1dede8c6 {\n  border-radius: var(--border-radius-small) !important;\n  border-color: var(--primary-color) !important;\n  background-color: var(--primary-color) !important;\n}\n.datePicker_bed4a5ebc1 .datePickerBody_7edbb1feea .datePickerDaySelected_e71c42c750.datePickerDayRangeStart_d713fd0b2c.datePickerAddToRangeEnd_4a1dede8c6:not(.datePickerHalfRangeSelected_afe954b458) {\n  margin-inline-end: calc(var(--day-picker-days-horizontal-gap) * -1);\n}');export{e as default};
+var a={datePicker:"datePicker_46132bcb46",datePickerMonths:"datePickerMonths_427c280401",withWeekNumber:"withWeekNumber_00c1fe924c",datePickerHead:"datePickerHead_11df32af69",datePickerBody:"datePickerBody_11df32af69",datePickerTable:"datePickerTable_e1db3f38cf",datePickerDay:"datePickerDay_f58107a67b",datePickerDayContent:"datePickerDayContent_89d2b82655",datePickerDayDisabled:"datePickerDayDisabled_53d10acbd6",datePickerAddToRangeStart:"datePickerAddToRangeStart_25c9fd76f8",datePickerAddToRangeEnd:"datePickerAddToRangeEnd_d26bdcb359",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle_0b643babfe",datePickerDayRangeStart:"datePickerDayRangeStart_0866527a56",datePickerDayRangeEnd:"datePickerDayRangeEnd_a1c144af98",datePickerDayOutside:"datePickerDayOutside_4869e95406",datePickerDaySelected:"datePickerDaySelected_a1c144af98",datePickerDayRangeMiddle:"datePickerDayRangeMiddle_24cddf0fc9",datePickerRemoveFromRange:"datePickerRemoveFromRange_4118bde306",datePickerHalfRangeSelected:"datePickerHalfRangeSelected_367fe899ce"};!function(a){const e="s_id-601bce29f4a5_4_5_3";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}('/* stylelint-disable */\n/* stylelint-enable */\n.datePicker_46132bcb46 {\n  --day-picker-header-height: 34px;\n  --day-picker-content-height: 234px;\n  --day-picker-day-width: 30px;\n  --day-picker-day-height: 30px;\n  --day-picker-days-horizontal-gap: 4px;\n  --day-picker-days-vertical-gap: 2px;\n  --day-picker-day-change-range: var(--primary-surface-color);\n}\n.datePicker_46132bcb46 .datePickerMonths_427c280401 {\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-16);\n  align-items: flex-start;\n}\n.datePicker_46132bcb46.withWeekNumber_00c1fe924c {\n  --day-picker-days-horizontal-gap: 2px;\n  width: 284px;\n  margin: 0;\n}\n.datePicker_46132bcb46.withWeekNumber_00c1fe924c .datePickerHead_11df32af69 td:first-child {\n  width: var(--day-picker-day-width);\n  border-start-start-radius: var(--border-radius-medium);\n  border-start-end-radius: var(--border-radius-medium);\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_46132bcb46.withWeekNumber_00c1fe924c .datePickerHead_11df32af69 td:first-child::after {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  display: flex;\n  justify-content: center;\n  content: "No.";\n}\n.datePicker_46132bcb46.withWeekNumber_00c1fe924c .datePickerBody_11df32af69 td:first-child {\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_46132bcb46.withWeekNumber_00c1fe924c .datePickerBody_11df32af69 tr:last-child td:first-child {\n  border-end-start-radius: var(--border-radius-medium);\n  border-end-end-radius: var(--border-radius-medium);\n}\n.datePicker_46132bcb46 .datePickerTable_e1db3f38cf {\n  margin-top: var(--space-8);\n  border-collapse: collapse;\n  height: var(--day-picker-content-height);\n}\n.datePicker_46132bcb46 .datePickerHead_11df32af69 th {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  padding-block: var(--space-2);\n  text-align: center;\n  height: var(--day-picker-day-height);\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 td {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  text-align: center;\n  padding: 0;\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b {\n  color: var(--primary-text-color);\n  font: var(--font-text2-normal);\n  width: var(--day-picker-day-width);\n  height: var(--day-picker-day-height);\n  background: none;\n  border: none;\n  cursor: pointer;\n  border-radius: var(--border-radius-small);\n  margin: var(--day-picker-days-vertical-gap) var(--day-picker-days-horizontal-gap);\n  padding: 0;\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b .datePickerDayContent_89d2b82655 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  border-radius: var(--border-radius-small);\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b:focus-visible {\n  outline: none;\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b:focus-visible .datePickerDayContent_89d2b82655 {\n  outline: 2px solid var(--primary-color);\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerDayDisabled_53d10acbd6 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b:not(.datePickerDayDisabled_53d10acbd6):not(.datePickerAddToRangeStart_25c9fd76f8):not(.datePickerAddToRangeEnd_d26bdcb359):not(.datePickerAddToRangeMiddle_0b643babfe):not(.datePickerDayRangeStart_0866527a56):not(.datePickerDayRangeEnd_a1c144af98) .datePickerDayContent_89d2b82655:hover {\n  background: var(--primary-background-hover-color);\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerDayOutside_4869e95406 {\n  color: var(--disabled-text-color);\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerDaySelected_a1c144af98:not(.datePickerDayRangeMiddle_24cddf0fc9):not(.datePickerRemoveFromRange_4118bde306) {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerDayRangeStart_0866527a56:not(.datePickerDayRangeEnd_a1c144af98):not(.datePickerRemoveFromRange_4118bde306), .datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerDayRangeEnd_a1c144af98:not(.datePickerDayRangeStart_0866527a56):not(.datePickerRemoveFromRange_4118bde306) {\n  background: var(--primary-color);\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerDayRangeStart_0866527a56.datePickerRemoveFromRange_4118bde306, .datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerDayRangeEnd_a1c144af98.datePickerRemoveFromRange_4118bde306 {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerDayRangeStart_0866527a56.datePickerRemoveFromRange_4118bde306:not(.datePickerDayRangeEnd_a1c144af98), .datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerDayRangeEnd_a1c144af98.datePickerRemoveFromRange_4118bde306:not(.datePickerDayRangeStart_0866527a56) {\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerAddToRangeStart_25c9fd76f8, .datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerDayRangeStart_0866527a56:not(.datePickerDayRangeEnd_a1c144af98) {\n  margin-inline-end: 0;\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerAddToRangeEnd_d26bdcb359, .datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerDayRangeEnd_a1c144af98:not(.datePickerDayRangeStart_0866527a56) {\n  margin-inline-start: 0;\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerAddToRangeStart_25c9fd76f8, .datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerAddToRangeEnd_d26bdcb359, .datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerAddToRangeMiddle_0b643babfe {\n  margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerAddToRangeStart_25c9fd76f8:not(.datePickerDayRangeStart_0866527a56):not(.datePickerDayRangeEnd_a1c144af98), .datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerAddToRangeEnd_d26bdcb359:not(.datePickerDayRangeStart_0866527a56):not(.datePickerDayRangeEnd_a1c144af98), .datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerAddToRangeMiddle_0b643babfe, .datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerDayRangeMiddle_24cddf0fc9:not(.datePickerAddToRangeStart_25c9fd76f8):not(.datePickerAddToRangeEnd_d26bdcb359) {\n  background-color: var(--primary-selected-color);\n  border: var(--day-picker-days-horizontal-gap) var(--border-style) var(--primary-selected-color);\n  border-top: none;\n  border-bottom: none;\n  width: calc(var(--day-picker-day-width) + 2 * var(--day-picker-days-horizontal-gap));\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerAddToRangeMiddle_0b643babfe, .datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerDayRangeMiddle_24cddf0fc9:not(.datePickerAddToRangeStart_25c9fd76f8):not(.datePickerAddToRangeEnd_d26bdcb359) {\n  background: var(--primary-selected-color);\n  margin: var(--day-picker-days-vertical-gap) 0;\n  border-radius: 0;\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerRemoveFromRange_4118bde306:not(.datePickerDayRangeStart_0866527a56):not(.datePickerDayRangeEnd_a1c144af98), .datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerAddToRangeStart_25c9fd76f8:not(.datePickerDayRangeMiddle_24cddf0fc9):not(.datePickerDayRangeEnd_a1c144af98), .datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerAddToRangeEnd_d26bdcb359:not(.datePickerDayRangeMiddle_24cddf0fc9):not(.datePickerDayRangeStart_0866527a56), .datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerAddToRangeMiddle_0b643babfe {\n  background: var(--day-picker-day-change-range);\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:first-child .datePickerDay_f58107a67b.datePickerDayRangeMiddle_24cddf0fc9, .datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:first-child .datePickerDay_f58107a67b.datePickerAddToRangeStart_25c9fd76f8:not(.datePickerDayRangeStart_0866527a56):not(.datePickerDayRangeEnd_a1c144af98), .datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:first-child .datePickerDay_f58107a67b.datePickerAddToRangeMiddle_0b643babfe, .datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:first-child .datePickerDay_f58107a67b.datePickerAddToRangeEnd_d26bdcb359:not(.datePickerDayRangeStart_0866527a56):not(.datePickerDayRangeEnd_a1c144af98) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-inline-start: var(--day-picker-days-horizontal-gap);\n  border-inline-end: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-start-start-radius: var(--border-radius-small);\n  border-end-start-radius: var(--border-radius-small);\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:first-child .datePickerDay_f58107a67b.datePickerRemoveFromRange_4118bde306 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:first-child .datePickerDay_f58107a67b.datePickerAddToRangeEnd_d26bdcb359, .datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:first-child .datePickerDay_f58107a67b.datePickerDayRangeEnd_a1c144af98:not(.datePickerDayRangeStart_0866527a56) {\n  margin-inline-end: 0;\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:last-child .datePickerDay_f58107a67b.datePickerDayRangeMiddle_24cddf0fc9, .datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:last-child .datePickerDay_f58107a67b.datePickerAddToRangeStart_25c9fd76f8:not(.datePickerDayRangeStart_0866527a56):not(.datePickerDayRangeEnd_a1c144af98), .datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:last-child .datePickerDay_f58107a67b.datePickerAddToRangeMiddle_0b643babfe, .datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:last-child .datePickerDay_f58107a67b.datePickerAddToRangeEnd_d26bdcb359:not(.datePickerDayRangeStart_0866527a56):not(.datePickerDayRangeEnd_a1c144af98) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-inline-end: var(--day-picker-days-horizontal-gap);\n  border-inline-start: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-start-end-radius: var(--border-radius-small);\n  border-end-end-radius: var(--border-radius-small);\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:last-child .datePickerDay_f58107a67b.datePickerRemoveFromRange_4118bde306 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:last-child .datePickerDay_f58107a67b.datePickerAddToRangeStart_25c9fd76f8, .datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:last-child .datePickerDay_f58107a67b.datePickerDayRangeStart_0866527a56:not(.datePickerDayRangeEnd_a1c144af98) {\n  margin-inline-start: 0;\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:first-child .datePickerDay_f58107a67b.datePickerAddToRangeStart_25c9fd76f8:not(.datePickerDayRangeMiddle_24cddf0fc9), .datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:first-child .datePickerDay_f58107a67b.datePickerAddToRangeMiddle_0b643babfe, .datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:first-child .datePickerDay_f58107a67b.datePickerAddToRangeEnd_d26bdcb359:not(.datePickerDayRangeMiddle_24cddf0fc9),\n.datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:last-child .datePickerDay_f58107a67b.datePickerAddToRangeStart_25c9fd76f8:not(.datePickerDayRangeMiddle_24cddf0fc9),\n.datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:last-child .datePickerDay_f58107a67b.datePickerAddToRangeMiddle_0b643babfe,\n.datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:last-child .datePickerDay_f58107a67b.datePickerAddToRangeEnd_d26bdcb359:not(.datePickerDayRangeMiddle_24cddf0fc9) {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:first-child .datePickerDay_f58107a67b.datePickerDaySelected_a1c144af98.datePickerDayRangeEnd_a1c144af98.datePickerAddToRangeStart_25c9fd76f8,\n.datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:last-child .datePickerDay_f58107a67b.datePickerDaySelected_a1c144af98.datePickerDayRangeEnd_a1c144af98.datePickerAddToRangeStart_25c9fd76f8 {\n  border-inline-start-width: 0;\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:first-child .datePickerDay_f58107a67b.datePickerDaySelected_a1c144af98.datePickerDayRangeStart_0866527a56.datePickerAddToRangeEnd_d26bdcb359,\n.datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:last-child .datePickerDay_f58107a67b.datePickerDaySelected_a1c144af98.datePickerDayRangeStart_0866527a56.datePickerAddToRangeEnd_d26bdcb359 {\n  border-inline-end-width: 0;\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDaySelected_a1c144af98.datePickerDayRangeEnd_a1c144af98.datePickerAddToRangeStart_25c9fd76f8 {\n  border-radius: var(--border-radius-small) !important;\n  border-color: var(--primary-color) !important;\n  background-color: var(--primary-color) !important;\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDaySelected_a1c144af98.datePickerDayRangeEnd_a1c144af98.datePickerAddToRangeStart_25c9fd76f8:not(.datePickerHalfRangeSelected_367fe899ce) {\n  margin-inline-start: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDaySelected_a1c144af98.datePickerDayRangeStart_0866527a56.datePickerAddToRangeEnd_d26bdcb359 {\n  border-radius: var(--border-radius-small) !important;\n  border-color: var(--primary-color) !important;\n  background-color: var(--primary-color) !important;\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDaySelected_a1c144af98.datePickerDayRangeStart_0866527a56.datePickerAddToRangeEnd_d26bdcb359:not(.datePickerHalfRangeSelected_367fe899ce) {\n  margin-inline-end: calc(var(--day-picker-days-horizontal-gap) * -1);\n}');export{a as default};
 //# sourceMappingURL=DatePicker.module.scss.js.map

package/dist/src/components/DatePicker/DatePickerHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={monthButtonDropdown:"monthButtonDropdown_7d957147b1",yearButtonDropdown:"yearButtonDropdown_7e13371559",datePickerHeader:"datePickerHeader_054177dd66"};!function(e){const t="s_id-a12251d5376d_4_5_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)}("/* stylelint-disable */\n/* stylelint-enable */\n.monthButtonDropdown_7d957147b1 {\n  min-width: 70px;\n  justify-content: space-between;\n}\n.yearButtonDropdown_7e13371559 {\n  justify-content: space-between;\n}\n.datePickerHeader_054177dd66 {\n  font: var(--font-text2-normal);\n  height: var(--day-picker-header-height);\n  color: var(--primary-text-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n.datePickerHeader_054177dd66 button:focus:not(:active), .datePickerHeader_054177dd66 button:focus-visible {\n  box-shadow: 0 0 0 2px var(--primary-color);\n  background: var(--primary-background-color) !important;\n}");export{e as default};
+var e={monthButtonDropdown:"monthButtonDropdown_fa03dfece8",yearButtonDropdown:"yearButtonDropdown_d278ca47f5",datePickerHeader:"datePickerHeader_024037ae2d"};!function(e){const t="s_id-a12251d5376d_4_5_3";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.monthButtonDropdown_fa03dfece8 {\n  min-width: 70px;\n  justify-content: space-between;\n}\n\n.yearButtonDropdown_d278ca47f5 {\n  justify-content: space-between;\n}\n\n.datePickerHeader_024037ae2d {\n  font: var(--font-text2-normal);\n  height: var(--day-picker-header-height);\n  color: var(--primary-text-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n.datePickerHeader_024037ae2d button:focus:not(:active), .datePickerHeader_024037ae2d button:focus-visible {\n  box-shadow: 0 0 0 2px var(--primary-color);\n  background: var(--primary-background-color) !important;\n}");export{e as default};
 //# sourceMappingURL=DatePickerHeader.module.scss.js.map

package/dist/src/components/Divider/Divider.js

@@ -0,0 +1,2 @@
+import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as i,ComponentDefaultTestId as s}from"../../tests/testIds.js";import r from"classnames";import e from"react";import o from"./Divider.module.scss.js";import{ComponentVibeId as a}from"../../tests/constants.js";import{getStyle as d}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var m=function(m){var l=m.className,p=void 0===l?void 0:l,n=m.withoutMargin,u=void 0!==n&&n,v=m.direction,c=void 0===v?"horizontal":v,f=m.id;return e.createElement("div",{id:f,"data-testid":m["data-testid"]||i(s.DIVIDER,f),"data-vibe":a.DIVIDER,className:r(o.divider,p,d(o,c),t({},o.withoutMargin,u))})};export{m as default};
+//# sourceMappingURL=Divider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React from \"react\";\nimport { type DividerDirection } from \"./Divider.types\";\nimport { getStyle } from \"@vibe/shared\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Divider.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface DividerProps extends VibeComponentProps {\n  /**\n   * The direction of the divider.\n   */\n  direction?: DividerDirection;\n  /**\n   * If true, removes margin from the divider.\n   */\n  withoutMargin?: boolean;\n}\n\nconst Divider = ({\n  className = undefined,\n  withoutMargin = false,\n  direction = \"horizontal\",\n  id,\n  \"data-testid\": dataTestId\n}: DividerProps) => {\n  return (\n    <div\n      id={id}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.DIVIDER, id)}\n      data-vibe={ComponentVibeId.DIVIDER}\n      className={cx(styles.divider, className, getStyle(styles, direction), {\n        [styles.withoutMargin]: withoutMargin\n      })}\n    />\n  );\n};\n\nexport default Divider;\n"],"names":["Divider","_ref","_ref$className","className","undefined","_ref$withoutMargin","withoutMargin","_ref$direction","direction","id","React","createElement","getTestId","ComponentDefaultTestId","DIVIDER","ComponentVibeId","cx","styles","divider","getStyle","_defineProperty"],"mappings":"oYAoBA,IAAMA,EAAU,SAAHC,GAMM,IAAAC,EAAAD,EALjBE,UAAAA,OAAYC,IAAHF,OAAGE,EAASF,EAAAG,EAAAJ,EACrBK,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAAN,EACrBO,UAAAA,OAAY,IAAHD,EAAG,aAAYA,EACxBE,EAAER,EAAFQ,GAGA,OACEC,EACEC,cAAA,MAAA,CAAAF,GAAIA,gBAJiBR,EAAzB,gBAK+BW,EAAUC,EAAuBC,QAASL,GAC1D,YAAAM,EAAgBD,QAC3BX,UAAWa,EAAGC,EAAOC,QAASf,EAAWgB,EAASF,EAAQT,GAAUY,EAAA,CAAA,EACjEH,EAAOX,cAAgBA,KAIhC"}

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

@@ -0,0 +1,2 @@
+var e={divider:"divider_145617e1b7",withoutMargin:"withoutMargin_fd075fcbaa",horizontal:"horizontal_798ad1f252",vertical:"vertical_86e7a5f14e"};!function(e){const n="s_id-8d5ec08ca0ea_4_5_3";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)}(".divider_145617e1b7 {\n  background-color: var(--layout-border-color);\n}\n\n.divider_145617e1b7.withoutMargin_fd075fcbaa {\n  margin: 0;\n}\n\n.horizontal_798ad1f252 {\n  height: 1px;\n  width: 100%;\n  margin: var(--space-8) 0;\n}\n\n.vertical_86e7a5f14e {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--space-4);\n}");export{e as default};
+//# sourceMappingURL=Divider.module.scss.js.map

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

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

package/dist/src/components/Dropdown/components/DropdownBase/DropdownBase.module.scss.js

@@ -1,2 +1,2 @@
-var r={outerWrapper:"outerWrapper_f10b032d44",wrapper:"wrapper_1b9a07ed1b",active:"active_54177ae033",disabled:"disabled_af008ad605",readOnly:"readOnly_e8a6970f12",error:"error_a384d9bae2",boxMode:"boxMode_cf7fc15a79",borderless:"borderless_421ac877d9",helperText:"helperText_43a28e2839"};!function(r){const e="s_id-8dd14e35d33c_4_5_5";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".outerWrapper_f10b032d44 {\n  width: 100%;\n}\n\n.wrapper_1b9a07ed1b {\n  --border-color: var(--ui-border-color);\n  --background-color: var(--secondary-background-color);\n  border-radius: var(--border-radius-small);\n  box-shadow: inset 0 0 0 1px var(--border-color);\n  background: var(--background-color);\n  cursor: pointer;\n}\n\n.wrapper_1b9a07ed1b:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_1b9a07ed1b.active_54177ae033, .wrapper_1b9a07ed1b:focus {\n  --border-color: var(--primary-color);\n}\n\n.wrapper_1b9a07ed1b.disabled_af008ad605 {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper_1b9a07ed1b.readOnly_e8a6970f12 {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper_1b9a07ed1b.error_a384d9bae2 {\n  --border-color: var(--negative-color);\n}\n\n.wrapper_1b9a07ed1b.boxMode_cf7fc15a79 {\n  box-shadow: none;\n  background: transparent;\n  cursor: default;\n}\n\n.wrapper_1b9a07ed1b.borderless_421ac877d9 {\n  --border-color: transparent;\n}\n\n.wrapper_1b9a07ed1b.borderless_421ac877d9:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_1b9a07ed1b.borderless_421ac877d9.active_54177ae033, .wrapper_1b9a07ed1b.borderless_421ac877d9:focus {\n  --border-color: var(--primary-color);\n}\n\n.helperText_43a28e2839 {\n  margin-top: var(--space-4);\n}");export{r as default};
+var e={outerWrapper:"outerWrapper_83b910b9cd",wrapper:"wrapper_dfc01ee2ee",active:"active_64a8c1d87c",disabled:"disabled_42a107091b",readOnly:"readOnly_dbe5622698",error:"error_9c9e7fa0cd",boxMode:"boxMode_cf452c94fe",borderless:"borderless_4dad482c18",helperText:"helperText_d7c810bc7f"};!function(e){const r="s_id-8dd14e35d33c_4_5_3";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const d=document.createElement("style");d.id=r,o.firstChild?o.insertBefore(d,o.firstChild):o.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".outerWrapper_83b910b9cd {\n  width: 100%;\n}\n\n.wrapper_dfc01ee2ee {\n  --border-color: var(--ui-border-color);\n  --background-color: var(--secondary-background-color);\n  border-radius: var(--border-radius-small);\n  box-shadow: inset 0 0 0 1px var(--border-color);\n  background: var(--background-color);\n  cursor: pointer;\n}\n.wrapper_dfc01ee2ee:hover {\n  --border-color: var(--primary-text-color);\n}\n.wrapper_dfc01ee2ee.active_64a8c1d87c, .wrapper_dfc01ee2ee:focus {\n  --border-color: var(--primary-color);\n}\n.wrapper_dfc01ee2ee.disabled_42a107091b {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n.wrapper_dfc01ee2ee.readOnly_dbe5622698 {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n.wrapper_dfc01ee2ee.error_9c9e7fa0cd {\n  --border-color: var(--negative-color);\n}\n.wrapper_dfc01ee2ee.boxMode_cf452c94fe {\n  box-shadow: none;\n  background: transparent;\n  cursor: default;\n}\n.wrapper_dfc01ee2ee.borderless_4dad482c18 {\n  --border-color: transparent;\n}\n.wrapper_dfc01ee2ee.borderless_4dad482c18:hover {\n  --border-color: var(--primary-text-color);\n}\n.wrapper_dfc01ee2ee.borderless_4dad482c18.active_64a8c1d87c, .wrapper_dfc01ee2ee.borderless_4dad482c18:focus {\n  --border-color: var(--primary-color);\n}\n\n.helperText_d7c810bc7f {\n  margin-top: var(--space-4);\n}");export{e as default};
 //# sourceMappingURL=DropdownBase.module.scss.js.map

package/dist/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../../../_virtual/_tslib.js";import i,{forwardRef as r}from"react";import l from"../../../BaseItem/BaseItem.js";import o from"./DropdownBaseList.module.scss.js";import n from"classnames";import s from"../../../../../components/layout/dist/Flex/Flex.js";import a from"../../../../../components/typography/dist/Text/Text.js";import m from"../../../../../components/divider/dist/Divider/Divider.js";var d=r((function(r,d){var u=r.options,p=r.selectedItems,c=r.highlightedIndex,v=r.menuAriaLabel,f=r.getMenuProps,g=r.getItemProps,y=r.size,h=void 0===y?"medium":y,x=r.withGroupDivider,b=void 0!==x&&x,j=r.dir,E=void 0===j?"ltr":j,I=r.itemRenderer,O=r.menuRenderer,P=r.noOptionsMessage,k=void 0===P?"No results":P,B=r.stickyGroupTitle,D=void 0!==B&&B,T=r.renderOptions,_=void 0===T||T,w=r.onScroll,z=r.maxMenuHeight,F=void 0===z?300:z,H="small"===h?"text2":"text1",M=_?u.every((function(e){var t;return 0===(null===(t=e.options)||void 0===t?void 0:t.length)}))?i.createElement("div",{role:"status"},"string"==typeof k?i.createElement(s,{justify:"center"},i.createElement(l,{component:"div",item:{label:k,value:""},size:h,readOnly:!0})):k):u.map((function(r,s){var d;return i.createElement(i.Fragment,{key:null!==(d=r.label)&&void 0!==d?d:s},r.label&&i.createElement("li",{className:n(o.groupTitle,e({},o.sticky,D))},i.createElement(a,{type:H,color:"inherit"},r.label)),r.options.map((function(e,r){var o,n=null!==(o=null==g?void 0:g({item:e,index:e.index}))&&void 0!==o?o:{},s=t(n,["aria-selected"]),a=void 0!==c&&c===e.index&&!e.disabled,m=(null==p?void 0:p.some((function(t){return(null==t?void 0:t.value)===e.value})))&&!e.disabled;return i.createElement(l,{itemProps:s,key:"string"==typeof e.value?e.value:r,size:h,highlighted:a,selected:m,itemRenderer:I,item:e,role:"option"})})),b&&u.length-1>s&&i.createElement(m,null))})):null;return i.createElement("ul",Object.assign({ref:d,dir:E,className:o.wrapper},null==f?void 0:f({"aria-label":v}),{onScroll:w,style:{maxHeight:F}}),O&&_?O({children:M,filteredOptions:u,selectedItem:(null==p?void 0:p[0])||null,selectedItems:p||[]}):M)}));export{d as default};
+import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../../../_virtual/_tslib.js";import i,{forwardRef as l}from"react";import r from"../../../BaseItem/BaseItem.js";import o from"./DropdownBaseList.module.scss.js";import n from"classnames";import s from"../../../Divider/Divider.js";import a from"../../../../../components/layout/dist/Flex/Flex.js";import m from"../../../../../components/typography/dist/Text/Text.js";var d=l((function(l,d){var u=l.options,p=l.selectedItems,c=l.highlightedIndex,v=l.menuAriaLabel,f=l.getMenuProps,g=l.getItemProps,y=l.size,h=void 0===y?"medium":y,x=l.withGroupDivider,b=void 0!==x&&x,j=l.dir,E=void 0===j?"ltr":j,I=l.itemRenderer,O=l.menuRenderer,P=l.noOptionsMessage,k=void 0===P?"No results":P,B=l.stickyGroupTitle,D=void 0!==B&&B,T=l.renderOptions,_=void 0===T||T,w=l.onScroll,z=l.maxMenuHeight,F=void 0===z?300:z,H="small"===h?"text2":"text1",M=_?u.every((function(e){var t;return 0===(null===(t=e.options)||void 0===t?void 0:t.length)}))?i.createElement("div",{role:"status"},"string"==typeof k?i.createElement(a,{justify:"center"},i.createElement(r,{component:"div",item:{label:k,value:""},size:h,readOnly:!0})):k):u.map((function(l,a){var d;return i.createElement(i.Fragment,{key:null!==(d=l.label)&&void 0!==d?d:a},l.label&&i.createElement("li",{className:n(o.groupTitle,e({},o.sticky,D))},i.createElement(m,{type:H,color:"inherit"},l.label)),l.options.map((function(e,l){var o,n=null!==(o=null==g?void 0:g({item:e,index:e.index}))&&void 0!==o?o:{},s=t(n,["aria-selected"]),a=void 0!==c&&c===e.index&&!e.disabled,m=(null==p?void 0:p.some((function(t){return(null==t?void 0:t.value)===e.value})))&&!e.disabled;return i.createElement(r,{itemProps:s,key:"string"==typeof e.value?e.value:l,size:h,highlighted:a,selected:m,itemRenderer:I,item:e,role:"option"})})),b&&u.length-1>a&&i.createElement(s,null))})):null;return i.createElement("ul",Object.assign({ref:d,dir:E,className:o.wrapper},null==f?void 0:f({"aria-label":v}),{onScroll:w,style:{maxHeight:F}}),O&&_?O({children:M,filteredOptions:u,selectedItem:(null==p?void 0:p[0])||null,selectedItems:p||[]}):M)}));export{d as default};
 //# sourceMappingURL=DropdownBaseList.js.map