acinguiux-ds-react-framework 0.1.23 → 0.1.25

package/build/cjs/components/Menu/styles/subMenu.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"subMenu.styles.js","sources":["../../../../../src/components/Menu/styles/subMenu.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { MENU_CLASS, ZIndexes, Directions, Sizes, BADGE_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { MenuConsts } from 'acinguiux-ds-react-base/components/Menu';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\n\nimport type { StyledMenuProps } from '../Menu.types';\nimport { getBackgroundColor, getSubMenuSelectedIndicatorStyle, getModeIndicatorPosition } from '../Menu.utils';\nimport { getIndicatorPositionStyle } from './indicator.styles';\n\nconst { consts } = MenuConsts;\n\nexport const subMenuStyle = css<StyledMenuProps>`\n  ${({ theme, $size, $muted, inlineCollapsed, $indicatorPosition, $iconPosition, mode }) => {\n    const paddingOffset = `${consts[$size].subMenuOffestPadding}px`;\n    const subMenuIndentVertical = `${consts[$size].indent}px`;\n    const subMenuIndentHorizontal = `${consts[$size].indent - ($size === Sizes.XSmall ? 6 : 10)}px`;\n    const iconSize = `${consts[$size].iconSize}px`;\n    const gap = `${consts[$size].gap}px`;\n    const layer = theme.layer({ foundation: FabricsVariables.Foundations.Section, muted: $muted });\n    const disabledLayer = theme.layer({\n      foundation: FabricsVariables.Foundations.Section,\n      muted: $muted,\n      disabled: true,\n    });\n\n    return css<StyledMenuProps>`\n      .${MENU_CLASS}-submenu {\n        cursor: pointer;\n        display: flex;\n        flex-direction: column;\n\n        /* Default */\n        &.${MENU_CLASS}-submenu, &.${MENU_CLASS}-submenu-active {\n          .${MENU_CLASS}-submenu-title .${MENU_CLASS}-submenu-title-content .${MENU_CLASS}-label {\n            color: ${layer[Variables.TextOnFoundationSubtle]};\n\n            *:not(.${BADGE_CLASS}) svg {\n              fill: ${layer[Variables.TextOnFoundationSubtle]};\n            }\n          }\n        }\n\n        /* Active */\n        &.${MENU_CLASS}-submenu-selected {\n          > .${MENU_CLASS}-submenu-title .${MENU_CLASS}-submenu-title-content .${MENU_CLASS}-label {\n            color: ${layer[Variables.TextOnFoundationStrong]};\n\n            *:not(.${BADGE_CLASS}) svg {\n              fill: ${layer[Variables.TextOnFoundationStrong]};\n            }\n          }\n        }\n\n        /* Disabled */\n        &.${MENU_CLASS}-submenu-disabled {\n          > .${MENU_CLASS}-submenu-title .${MENU_CLASS}-submenu-title-content .${MENU_CLASS}-label {\n            color: ${disabledLayer[Variables.TextOnFoundationSubtle]};\n            cursor: not-allowed;\n\n            *:not(.${BADGE_CLASS}) svg {\n              fill: ${disabledLayer[Variables.TextOnFoundationSubtle]};\n            }\n          }\n        }\n\n        &.${MENU_CLASS}-submenu-selected:not(.${MENU_CLASS}-submenu-open).${MENU_CLASS}-submenu-disabled\n          > .${MENU_CLASS}-submenu-title {\n          &::after {\n            ${getIndicatorPositionStyle({\n              indicatorPosition: getModeIndicatorPosition($indicatorPosition, mode),\n              size: $size,\n              state: 'resting',\n              active: true,\n              disabled: true,\n              muted: $muted,\n              iconPosition: $iconPosition,\n            })};\n          }\n        }\n\n        .${MENU_CLASS}-submenu-title {\n          position: relative;\n          display: flex;\n          align-items: center;\n          flex: 1 1 0;\n          min-width: 0;\n\n          &:focus-visible {\n            outline: none;\n            position: relative;\n\n            .${MENU_CLASS}-submenu-title-content {\n              ${getFocusStyles(theme)};\n            }\n          }\n        }\n\n        .${MENU_CLASS}-submenu-title-content {\n          display: flex;\n          flex: 1 1 0;\n          min-width: 0;\n          justify-content: space-between;\n          align-items: center;\n          gap: ${gap};\n          border-radius: ${MenuConsts.consts[$size].borderRadius}px;\n          transition: background-color 0.3s ease-out;\n\n          ${mode !== 'horizontal' &&\n          css`\n            margin-right: ${MenuConsts.consts[$size].collapsedItemMarginRight};\n          `}\n        }\n\n        .${MENU_CLASS}-submenu-expand-icon {\n          width: ${iconSize};\n          height: ${iconSize};\n          flex-shrink: 0;\n          transition: transform 0.2s ease-in-out;\n          margin: -10px 0;\n\n          ${inlineCollapsed &&\n          css`\n            display: none;\n          `}\n        }\n\n        &:not(.${MENU_CLASS}-submenu-active):not(.${MENU_CLASS}-submenu-selected) > .${MENU_CLASS}-submenu-title {\n          > .${MENU_CLASS}-submenu-title-content {\n            color: ${layer[Variables.TextOnFoundationSubtle]};\n          }\n        }\n\n        &.${MENU_CLASS}-submenu-active:not(.${MENU_CLASS}-submenu-selected) > .${MENU_CLASS}-submenu-title {\n          &:focus-visible {\n            > .${MENU_CLASS}-submenu-title-content {\n              background-color: transparent;\n            }\n          }\n\n          > .${MENU_CLASS}-submenu-title-content {\n            background-color: ${getBackgroundColor(\n              theme,\n              FabricsVariables.States.Hover,\n              FabricsVariables.Foundations.Surface,\n              $muted,\n            )};\n          }\n\n          > .${MENU_CLASS}-submenu-title-content:active {\n            background-color: ${getBackgroundColor(\n              theme,\n              FabricsVariables.States.Press,\n              FabricsVariables.Foundations.Surface,\n              $muted,\n            )};\n          }\n        }\n\n        &.${MENU_CLASS}-submenu-selected.${MENU_CLASS}-submenu-disabled > .${MENU_CLASS}-submenu-title {\n          &,\n          .${MENU_CLASS}-label {\n            color: ${disabledLayer[Variables.TextOnFoundationSubtle]};\n          }\n\n          > .${MENU_CLASS}-submenu-title-content {\n            background-color: ${getBackgroundColor(\n              theme,\n              FabricsVariables.States.Resting,\n              FabricsVariables.Foundations.Section,\n              $muted,\n              true,\n            )};\n\n            svg {\n              fill: ${disabledLayer[Variables.TextOnFoundationSubtle]};\n            }\n          }\n        }\n\n        &.${MENU_CLASS}-submenu-selected:not(.${MENU_CLASS}-submenu-disabled) > .${MENU_CLASS}-submenu-title {\n          > .${MENU_CLASS}-submenu-title-content {\n            background-color: ${getBackgroundColor(\n              theme,\n              FabricsVariables.States.Resting,\n              FabricsVariables.Foundations.Section,\n              $muted,\n            )};\n          }\n\n          > .${MENU_CLASS}-submenu-title-content:hover {\n            background-color: ${getBackgroundColor(\n              theme,\n              FabricsVariables.States.Hover,\n              FabricsVariables.Foundations.Section,\n              $muted,\n            )};\n          }\n\n          > .${MENU_CLASS}-submenu-title-content:active {\n            background-color: ${getBackgroundColor(\n              theme,\n              FabricsVariables.States.Press,\n              FabricsVariables.Foundations.Section,\n              $muted,\n            )};\n          }\n        }\n      }\n\n      /* Inline and vertical */\n      &.${MENU_CLASS}-inline, &.${MENU_CLASS}-vertical .${MENU_CLASS}-submenu {\n        .${MENU_CLASS}-submenu-title {\n          padding-left: ${subMenuIndentVertical};\n          padding-right: ${subMenuIndentVertical};\n        }\n      }\n\n      /* Inline */\n      &.${MENU_CLASS}-inline {\n        .${MENU_CLASS}-submenu {\n          &.${MENU_CLASS}-submenu-selected:not(.${MENU_CLASS}-submenu-open).${MENU_CLASS}-submenu-disabled\n            > .${MENU_CLASS}-submenu-title {\n            &::after {\n              ${getIndicatorPositionStyle({\n                indicatorPosition: getModeIndicatorPosition($indicatorPosition),\n                size: $size,\n                state: 'resting',\n                active: true,\n                disabled: true,\n                muted: $muted,\n                iconPosition: $iconPosition,\n              })};\n            }\n          }\n        }\n\n        .${MENU_CLASS}-submenu-title {\n          margin: ${$size === Sizes.Small ? '2px' : '4px'} 0;\n\n          .${MENU_CLASS}-submenu-title-content {\n            padding: ${MenuConsts.consts[$size].labelPadding[Directions.Vertical][$iconPosition]};\n\n            .${MENU_CLASS}-label {\n              padding: unset;\n            }\n          }\n        }\n\n        .${MENU_CLASS}-submenu.${MENU_CLASS}-submenu-open\n          > .${MENU_CLASS}-submenu-title\n          > .${MENU_CLASS}-submenu-title-content\n          > .${MENU_CLASS}-submenu-expand-icon {\n          transform: rotate(180deg);\n        }\n\n        /* Lowest level */\n        .${MENU_CLASS}-submenu-selected:not(.${MENU_CLASS}-submenu-open):not(.${MENU_CLASS}-submenu-disabled)\n          > .${MENU_CLASS}-submenu-title {\n          background-color: transparent;\n\n          ${getSubMenuSelectedIndicatorStyle($indicatorPosition, mode, $iconPosition, $size, $muted)};\n        }\n      }\n\n      /* Vertical */\n      &.${MENU_CLASS}-vertical .${MENU_CLASS}-submenu {\n        .${MENU_CLASS}-submenu-title {\n          margin: ${$size === Sizes.Small ? '2px' : '4px'} 0;\n\n          &:focus-visible {\n            outline: none;\n            position: relative;\n\n            .${MENU_CLASS}-submenu-title-content {\n              ${getFocusStyles(theme)};\n            }\n          }\n\n          .${MENU_CLASS}-submenu-title-content {\n            padding: ${MenuConsts.consts[$size].labelPadding[Directions.Vertical][$iconPosition]};\n\n            .${MENU_CLASS}-label {\n              padding: unset;\n            }\n          }\n        }\n\n        .${MENU_CLASS}-submenu-expand-icon {\n          transform: rotate(-90deg);\n        }\n\n        &.${MENU_CLASS}-submenu-selected:not(.${MENU_CLASS}-submenu-disabled) > .${MENU_CLASS}-submenu-title {\n          background-color: transparent;\n\n          ${getSubMenuSelectedIndicatorStyle($indicatorPosition, mode, $iconPosition, $size, $muted)};\n        }\n\n        .${MENU_CLASS}-item-group .${MENU_CLASS}-item-group-list {\n          display: flex;\n          flex-direction: row;\n        }\n      }\n\n      /* Horizontal */\n      &.${MENU_CLASS}-horizontal .${MENU_CLASS}-submenu {\n        display: flex;\n        flex-direction: row;\n        align-items: stretch;\n\n        .${MENU_CLASS}-submenu-title {\n          padding: ${paddingOffset} ${subMenuIndentHorizontal};\n\n          .${MENU_CLASS}-submenu-title-content {\n            padding: ${MenuConsts.consts[$size].labelPadding[Directions.Horizontal][$iconPosition]};\n\n            .${MENU_CLASS}-label {\n              padding: unset;\n            }\n          }\n        }\n\n        &.${MENU_CLASS}-submenu-selected:not(.${MENU_CLASS}-submenu-disabled) > .${MENU_CLASS}-submenu-title {\n          ${getSubMenuSelectedIndicatorStyle($indicatorPosition, mode, $iconPosition, $size, $muted)};\n        }\n\n        &.${MENU_CLASS}-overflow-item-rest {\n          .${MENU_CLASS}-submenu-rest-icon {\n            width: ${iconSize};\n            height: ${iconSize};\n          }\n        }\n      }\n\n      /* Popup */\n      &.${MENU_CLASS}-submenu {\n        &.${MENU_CLASS}-submenu-popup {\n          z-index: ${ZIndexes.MENU};\n          position: absolute;\n          transform-origin: 0 0;\n          background-color: transparent;\n          overflow: visible;\n          > .${MENU_CLASS}-sub {\n            background-color: ${getBackgroundColor(\n              theme,\n              FabricsVariables.States.Resting,\n              FabricsVariables.Foundations.Surface,\n              $muted,\n            )};\n            filter: ${theme.dropShadows.low2};\n            border-radius: 8px;\n\n            .${MENU_CLASS}-item-group-title, .${MENU_CLASS}-submenu-title, .${MENU_CLASS}-item {\n              align-items: stretch;\n            }\n\n            ${mode !== 'horizontal' &&\n            css`\n              .${MENU_CLASS}-item-group-title {\n                margin-left: -${MenuConsts.consts[$size].itemListMarginLeft}px;\n              }\n\n              .${MENU_CLASS}-submenu-title {\n                margin-left: -${MenuConsts.consts[$size].itemListMarginLeft}px;\n              }\n\n              .${MENU_CLASS}-item {\n                margin-left: -${MenuConsts.consts[$size].itemListMarginLeft}px;\n              }\n            `}\n          }\n        }\n\n        &.${MENU_CLASS}-submenu-hidden {\n          display: none;\n        }\n\n        /* Vertical and horizontal */\n        .${MENU_CLASS}-vertical {\n          max-width: 300px;\n          padding: ${MenuConsts.consts[$size].subMenuLabelPadding} 0;\n\n          .${MENU_CLASS}-submenu-title {\n            padding: ${MenuConsts.consts[$size].itemPadding[Directions.Horizontal][$iconPosition]};\n            .${MENU_CLASS}-submenu-title-content {\n              margin: -4px 2px;\n\n              ${mode === 'horizontal'\n                ? css`\n                    padding: 4px 8px 4px 0;\n                  `\n                : css`\n                    margin-left: ${MenuConsts.consts[$size].verticalPopupMarginLeft}px;\n                    padding-right: 8px;\n                  `}\n            }\n          }\n\n          .${MENU_CLASS}-submenu-selected > .${MENU_CLASS}-submenu-title:after {\n            ${getIndicatorPositionStyle({\n              indicatorPosition: getModeIndicatorPosition($indicatorPosition),\n              size: $size,\n              state: 'resting',\n              active: true,\n              muted: $muted,\n              iconPosition: $iconPosition,\n            })};\n          }\n\n          .${MENU_CLASS}-submenu-expand-icon {\n            transform: rotate(-90deg);\n          }\n        }\n      }\n    `;\n  }}\n`;\n"],"names":["consts","MenuConsts","subMenuStyle","css","theme","$size","$muted","inlineCollapsed","$indicatorPosition","$iconPosition","mode","paddingOffset","subMenuIndentVertical","subMenuIndentHorizontal","Sizes","iconSize","gap","layer","FabricsVariables","disabledLayer","MENU_CLASS","Variables","BADGE_CLASS","getIndicatorPositionStyle","getModeIndicatorPosition","getFocusStyles","MenuConsts.consts","getBackgroundColor","Directions","getSubMenuSelectedIndicatorStyle","ZIndexes"],"mappings":"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"}
+{"version":3,"file":"subMenu.styles.js","sources":["../../../../../src/components/Menu/styles/subMenu.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { MENU_CLASS, ZIndexes, Directions, Sizes, BADGE_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { MenuConsts } from 'acinguiux-ds-react-base/components/Menu';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\n\nimport type { StyledMenuProps } from '../Menu.types';\nimport { getBackgroundColor, getSubMenuSelectedIndicatorStyle, getModeIndicatorPosition } from '../Menu.utils';\nimport { getIndicatorPositionStyle } from './indicator.styles';\n\nconst { consts } = MenuConsts;\n\nexport const subMenuStyle = css<StyledMenuProps>`\n  ${({ theme, $size, $muted, inlineCollapsed, $indicatorPosition, $iconPosition, mode }) => {\n    const paddingOffset = `${consts[$size].subMenuOffestPadding}px`;\n    const subMenuIndentVertical = `${consts[$size].indent}px`;\n    const subMenuIndentHorizontal = `${consts[$size].indent - ($size === Sizes.XSmall ? 6 : 10)}px`;\n    const iconSize = `${consts[$size].iconSize}px`;\n    const gap = `${consts[$size].gap}px`;\n    const layer = theme.layer({ foundation: FabricsVariables.Foundations.Section, muted: $muted });\n    const disabledLayer = theme.layer({\n      foundation: FabricsVariables.Foundations.Section,\n      muted: $muted,\n      disabled: true,\n    });\n\n    return css<StyledMenuProps>`\n      .${MENU_CLASS}-submenu {\n        cursor: pointer;\n        display: flex;\n        flex-direction: column;\n\n        /* Default */\n        &.${MENU_CLASS}-submenu, &.${MENU_CLASS}-submenu-active {\n          .${MENU_CLASS}-submenu-title .${MENU_CLASS}-submenu-title-content .${MENU_CLASS}-label {\n            color: ${layer[Variables.TextOnFoundationSubtle]};\n\n            *:not(.${BADGE_CLASS}) svg {\n              fill: ${layer[Variables.TextOnFoundationSubtle]};\n            }\n          }\n        }\n\n        /* Active */\n        &.${MENU_CLASS}-submenu-selected {\n          > .${MENU_CLASS}-submenu-title .${MENU_CLASS}-submenu-title-content .${MENU_CLASS}-label {\n            color: ${layer[Variables.TextOnFoundationStrong]};\n\n            *:not(.${BADGE_CLASS}) svg {\n              fill: ${layer[Variables.TextOnFoundationStrong]};\n            }\n          }\n        }\n\n        /* Disabled */\n        &.${MENU_CLASS}-submenu-disabled {\n          > .${MENU_CLASS}-submenu-title .${MENU_CLASS}-submenu-title-content .${MENU_CLASS}-label {\n            color: ${disabledLayer[Variables.TextOnFoundationSubtle]};\n            cursor: not-allowed;\n\n            *:not(.${BADGE_CLASS}) svg {\n              fill: ${disabledLayer[Variables.TextOnFoundationSubtle]};\n            }\n          }\n        }\n\n        &.${MENU_CLASS}-submenu-selected:not(.${MENU_CLASS}-submenu-open).${MENU_CLASS}-submenu-disabled\n          > .${MENU_CLASS}-submenu-title {\n          &::after {\n            ${getIndicatorPositionStyle({\n              indicatorPosition: getModeIndicatorPosition($indicatorPosition, mode),\n              size: $size,\n              state: 'resting',\n              active: true,\n              disabled: true,\n              muted: $muted,\n            })};\n          }\n        }\n\n        .${MENU_CLASS}-submenu-title {\n          position: relative;\n          display: flex;\n          align-items: center;\n          flex: 1 1 0;\n          min-width: 0;\n\n          &:focus-visible {\n            outline: none;\n            position: relative;\n\n            .${MENU_CLASS}-submenu-title-content {\n              ${getFocusStyles(theme)};\n            }\n          }\n        }\n\n        .${MENU_CLASS}-submenu-title-content {\n          display: flex;\n          flex: 1 1 0;\n          min-width: 0;\n          justify-content: space-between;\n          align-items: center;\n          gap: ${gap};\n          border-radius: ${MenuConsts.consts[$size].borderRadius}px;\n          transition: background-color 0.3s ease-out;\n\n          ${mode !== 'horizontal' &&\n          css`\n            margin-right: ${MenuConsts.consts[$size].collapsedItemMarginRight};\n          `}\n        }\n\n        .${MENU_CLASS}-submenu-expand-icon {\n          width: ${iconSize};\n          height: ${iconSize};\n          flex-shrink: 0;\n          transition: transform 0.2s ease-in-out;\n          margin: -10px 0;\n\n          ${inlineCollapsed &&\n          css`\n            display: none;\n          `}\n        }\n\n        &:not(.${MENU_CLASS}-submenu-active):not(.${MENU_CLASS}-submenu-selected) > .${MENU_CLASS}-submenu-title {\n          > .${MENU_CLASS}-submenu-title-content {\n            color: ${layer[Variables.TextOnFoundationSubtle]};\n          }\n        }\n\n        &.${MENU_CLASS}-submenu-active:not(.${MENU_CLASS}-submenu-selected) > .${MENU_CLASS}-submenu-title {\n          &:focus-visible {\n            > .${MENU_CLASS}-submenu-title-content {\n              background-color: transparent;\n            }\n          }\n\n          > .${MENU_CLASS}-submenu-title-content {\n            background-color: ${getBackgroundColor(\n              theme,\n              FabricsVariables.States.Hover,\n              FabricsVariables.Foundations.Surface,\n              $muted,\n            )};\n          }\n\n          > .${MENU_CLASS}-submenu-title-content:active {\n            background-color: ${getBackgroundColor(\n              theme,\n              FabricsVariables.States.Press,\n              FabricsVariables.Foundations.Surface,\n              $muted,\n            )};\n          }\n        }\n\n        &.${MENU_CLASS}-submenu-selected.${MENU_CLASS}-submenu-disabled > .${MENU_CLASS}-submenu-title {\n          &,\n          .${MENU_CLASS}-label {\n            color: ${disabledLayer[Variables.TextOnFoundationSubtle]};\n          }\n\n          > .${MENU_CLASS}-submenu-title-content {\n            background-color: ${getBackgroundColor(\n              theme,\n              FabricsVariables.States.Resting,\n              FabricsVariables.Foundations.Section,\n              $muted,\n              true,\n            )};\n\n            svg {\n              fill: ${disabledLayer[Variables.TextOnFoundationSubtle]};\n            }\n          }\n        }\n\n        &.${MENU_CLASS}-submenu-selected:not(.${MENU_CLASS}-submenu-disabled) > .${MENU_CLASS}-submenu-title {\n          > .${MENU_CLASS}-submenu-title-content {\n            background-color: ${getBackgroundColor(\n              theme,\n              FabricsVariables.States.Resting,\n              FabricsVariables.Foundations.Section,\n              $muted,\n            )};\n          }\n\n          > .${MENU_CLASS}-submenu-title-content:hover {\n            background-color: ${getBackgroundColor(\n              theme,\n              FabricsVariables.States.Hover,\n              FabricsVariables.Foundations.Section,\n              $muted,\n            )};\n          }\n\n          > .${MENU_CLASS}-submenu-title-content:active {\n            background-color: ${getBackgroundColor(\n              theme,\n              FabricsVariables.States.Press,\n              FabricsVariables.Foundations.Section,\n              $muted,\n            )};\n          }\n        }\n      }\n\n      /* Inline and vertical */\n      &.${MENU_CLASS}-inline, &.${MENU_CLASS}-vertical .${MENU_CLASS}-submenu {\n        .${MENU_CLASS}-submenu-title {\n          padding-left: ${subMenuIndentVertical};\n          padding-right: ${subMenuIndentVertical};\n        }\n      }\n\n      /* Inline */\n      &.${MENU_CLASS}-inline {\n        .${MENU_CLASS}-submenu {\n          &.${MENU_CLASS}-submenu-selected:not(.${MENU_CLASS}-submenu-open).${MENU_CLASS}-submenu-disabled\n            > .${MENU_CLASS}-submenu-title {\n            &::after {\n              ${getIndicatorPositionStyle({\n                indicatorPosition: getModeIndicatorPosition($indicatorPosition),\n                size: $size,\n                state: 'resting',\n                active: true,\n                disabled: true,\n                muted: $muted,\n              })};\n            }\n          }\n        }\n\n        .${MENU_CLASS}-submenu-title {\n          margin: ${$size === Sizes.Small ? '2px' : '4px'} 0;\n\n          .${MENU_CLASS}-submenu-title-content {\n            padding: ${MenuConsts.consts[$size].labelPadding[Directions.Vertical][$iconPosition]};\n\n            .${MENU_CLASS}-label {\n              padding: unset;\n            }\n          }\n        }\n\n        .${MENU_CLASS}-submenu.${MENU_CLASS}-submenu-open\n          > .${MENU_CLASS}-submenu-title\n          > .${MENU_CLASS}-submenu-title-content\n          > .${MENU_CLASS}-submenu-expand-icon {\n          transform: rotate(180deg);\n        }\n\n        /* Lowest level */\n        .${MENU_CLASS}-submenu-selected:not(.${MENU_CLASS}-submenu-open):not(.${MENU_CLASS}-submenu-disabled)\n          > .${MENU_CLASS}-submenu-title {\n          background-color: transparent;\n\n          ${getSubMenuSelectedIndicatorStyle($indicatorPosition, mode, $size, $muted)};\n        }\n      }\n\n      /* Vertical */\n      &.${MENU_CLASS}-vertical .${MENU_CLASS}-submenu {\n        .${MENU_CLASS}-submenu-title {\n          margin: ${$size === Sizes.Small ? '2px' : '4px'} 0;\n\n          &:focus-visible {\n            outline: none;\n            position: relative;\n\n            .${MENU_CLASS}-submenu-title-content {\n              ${getFocusStyles(theme)};\n            }\n          }\n\n          .${MENU_CLASS}-submenu-title-content {\n            padding: ${MenuConsts.consts[$size].labelPadding[Directions.Vertical][$iconPosition]};\n\n            .${MENU_CLASS}-label {\n              padding: unset;\n            }\n          }\n        }\n\n        .${MENU_CLASS}-submenu-expand-icon {\n          transform: rotate(-90deg);\n        }\n\n        &.${MENU_CLASS}-submenu-selected:not(.${MENU_CLASS}-submenu-disabled) > .${MENU_CLASS}-submenu-title {\n          background-color: transparent;\n\n          ${getSubMenuSelectedIndicatorStyle($indicatorPosition, mode, $size, $muted)};\n        }\n\n        .${MENU_CLASS}-item-group .${MENU_CLASS}-item-group-list {\n          display: flex;\n          flex-direction: row;\n        }\n      }\n\n      /* Horizontal */\n      &.${MENU_CLASS}-horizontal .${MENU_CLASS}-submenu {\n        display: flex;\n        flex-direction: row;\n        align-items: stretch;\n\n        .${MENU_CLASS}-submenu-title {\n          padding: ${paddingOffset} ${subMenuIndentHorizontal};\n\n          .${MENU_CLASS}-submenu-title-content {\n            padding: ${MenuConsts.consts[$size].labelPadding[Directions.Horizontal][$iconPosition]};\n\n            .${MENU_CLASS}-label {\n              padding: unset;\n            }\n          }\n        }\n\n        &.${MENU_CLASS}-submenu-selected:not(.${MENU_CLASS}-submenu-disabled) > .${MENU_CLASS}-submenu-title {\n          ${getSubMenuSelectedIndicatorStyle($indicatorPosition, mode, $size, $muted)};\n        }\n\n        &.${MENU_CLASS}-overflow-item-rest {\n          .${MENU_CLASS}-submenu-rest-icon {\n            width: ${iconSize};\n            height: ${iconSize};\n          }\n        }\n      }\n\n      /* Popup */\n      &.${MENU_CLASS}-submenu {\n        &.${MENU_CLASS}-submenu-popup {\n          z-index: ${ZIndexes.MENU};\n          position: absolute;\n          transform-origin: 0 0;\n          background-color: transparent;\n          overflow: visible;\n          > .${MENU_CLASS}-sub {\n            background-color: ${getBackgroundColor(\n              theme,\n              FabricsVariables.States.Resting,\n              FabricsVariables.Foundations.Surface,\n              $muted,\n            )};\n            filter: ${theme.dropShadows.low2};\n            border-radius: 8px;\n\n            .${MENU_CLASS}-item-group-title, .${MENU_CLASS}-submenu-title, .${MENU_CLASS}-item {\n              align-items: stretch;\n            }\n\n            ${mode !== 'horizontal' &&\n            css`\n              .${MENU_CLASS}-item-group-title {\n                margin-left: -${MenuConsts.consts[$size].itemListMarginLeft}px;\n              }\n\n              .${MENU_CLASS}-submenu-title {\n                margin-left: -${MenuConsts.consts[$size].itemListMarginLeft}px;\n              }\n\n              .${MENU_CLASS}-item {\n                margin-left: -${MenuConsts.consts[$size].itemListMarginLeft}px;\n              }\n            `}\n          }\n        }\n\n        &.${MENU_CLASS}-submenu-hidden {\n          display: none;\n        }\n\n        /* Vertical and horizontal */\n        .${MENU_CLASS}-vertical {\n          max-width: 300px;\n          padding: ${MenuConsts.consts[$size].subMenuLabelPadding} 0;\n\n          .${MENU_CLASS}-submenu-title {\n            padding: ${MenuConsts.consts[$size].itemPadding[Directions.Horizontal][$iconPosition]};\n            .${MENU_CLASS}-submenu-title-content {\n              margin: -4px 2px;\n\n              ${mode === 'horizontal'\n                ? css`\n                    padding: 4px 8px 4px 0;\n                  `\n                : css`\n                    margin-left: ${MenuConsts.consts[$size].verticalPopupMarginLeft}px;\n                    padding-right: 8px;\n                  `}\n            }\n          }\n\n          .${MENU_CLASS}-submenu-selected > .${MENU_CLASS}-submenu-title:after {\n            ${getIndicatorPositionStyle({\n              indicatorPosition: getModeIndicatorPosition($indicatorPosition),\n              size: $size,\n              state: 'resting',\n              active: true,\n              muted: $muted,\n            })};\n          }\n\n          .${MENU_CLASS}-submenu-expand-icon {\n            transform: rotate(-90deg);\n          }\n        }\n      }\n    `;\n  }}\n`;\n"],"names":["consts","MenuConsts","subMenuStyle","css","theme","$size","$muted","inlineCollapsed","$indicatorPosition","$iconPosition","mode","paddingOffset","subMenuIndentVertical","subMenuIndentHorizontal","Sizes","iconSize","gap","layer","FabricsVariables","disabledLayer","MENU_CLASS","Variables","BADGE_CLASS","getIndicatorPositionStyle","getModeIndicatorPosition","getFocusStyles","MenuConsts.consts","getBackgroundColor","Directions","getSubMenuSelectedIndicatorStyle","ZIndexes"],"mappings":"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"}

package/build/cjs/components/NavBar/NavBarVerticalStatic.styles.js

@@ -1,50 +1,50 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),c=require("../../react-base/src/consts/index.js"),n=require("../../react-base/src/components/NavBar/NavBarVerticalStatic.consts.js"),s=require("../../react-base/src/theme/types/layer.js"),u=require("../Menu/Menu.js"),l=require("./components/LastArea/LastArea.styles.js"),p=require("../../react-base/src/components/NavBar/utils/styleUtils.js"),a=require("../../react-base/src/consts/classes.js"),d=e.styled(u)`
-  ${({$itemsAlignment:t})=>e.css`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),u=require("../../react-base/src/consts/index.js"),n=require("../../react-base/src/components/NavBar/NavBarVerticalStatic.consts.js"),l=require("../../react-base/src/theme/types/layer.js"),o=require("../../react-base/src/utils/sizesUtils.js");require("acinguiux-ds-fabrics");const p=require("../Menu/Menu.js"),a=require("./components/LastArea/LastArea.styles.js"),d=require("../../react-base/src/consts/classes.js"),g=require("../../react-base/src/components/NavBar/utils/styleUtils.js"),c=e.styled(p)`
+  ${({$itemsAlignment:t,size:r,theme:i})=>e.css`
     flex: 1 1 0;
     max-height: fit-content;
-    justify-content: ${p.getItemsAlignment(t)};
+    justify-content: ${g.getItemsAlignment(t)};
     overflow: hidden auto;
 
-    .${a.MENU_CLASS}-label {
+    .${d.MENU_CLASS}-label {
       gap: 2px;
       padding: 6px 4px;
     }
 
-    .${a.MENU_CLASS}-label-text {
-      font-size: 10px;
+    .${d.MENU_CLASS}-label-text {
+      ${i.typography("label",o.getLabelTypographySize(o.getSmallerSize(o.getSmallerSize(r))))}
     }
   `}
 `,h=e.styled.div`
   position: relative;
   height: 100%;
   width: auto;
-`,x=e.styled.header(({$elevation:t,theme:i,$size:r})=>{const o=i.layer({foundation:"surface"});return e.css`
-    z-index: ${c.ZIndexes.NAVBAR};
+`,y=e.styled.header(({$elevation:t,theme:r,$size:i})=>{const s=r.layer({foundation:"surface"});return e.css`
+    z-index: ${u.ZIndexes.NAVBAR};
     position: relative;
     display: flex;
     flex-flow: column nowrap;
     align-items: stretch;
     height: 100%;
-    width: ${n.consts[r].width}px;
-    filter: ${t?i.dropShadows.low1:null};
-    color: ${o[s.Variables.TextOnFoundationStrong]};
-    background-color: ${o[s.Variables.BackgroundFoundation]};
+    width: ${n.consts[i].width}px;
+    filter: ${t?r.dropShadows.low1:null};
+    color: ${s[l.Variables.TextOnFoundationStrong]};
+    background-color: ${s[l.Variables.BackgroundFoundation]};
     transition: width 0.3s ease-out;
 
-    ${d} {
+    ${c} {
       width: 100%;
       margin-left: 0;
     }
 
-    ${l.Area} {
-      height: ${n.consts[r].width}px;
+    ${a.Area} {
+      height: ${n.consts[i].width}px;
     }
 
-    ${l.StyledAvatar} {
+    ${a.StyledAvatar} {
       justify-content: center;
       margin-right: 0;
     }
-  `}),f=e.styled.div`
+  `}),x=e.styled.div`
   position: relative;
   display: flex;
   flex-shrink: 0;
@@ -54,10 +54,10 @@
   min-width: 0;
   z-index: 1;
   overflow: hidden auto;
-`,g=e.styled.a`
+`,f=e.styled.a`
   display: flex;
   text-decoration: none;
   cursor: pointer;
   padding: ${({$size:t})=>(n.consts[t].width-n.consts[t].pectenSize)/2}px;
-`;exports.MiddleArea=f;exports.Nav=x;exports.PectenUrlWrapper=g;exports.StyledMenu=d;exports.Wrapper=h;
+`;exports.MiddleArea=x;exports.Nav=y;exports.PectenUrlWrapper=f;exports.StyledMenu=c;exports.Wrapper=h;
 //# sourceMappingURL=NavBarVerticalStatic.styles.js.map

package/build/cjs/components/NavBar/NavBarVerticalStatic.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavBarVerticalStatic.styles.js","sources":["../../../../src/components/NavBar/NavBarVerticalStatic.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { MENU_CLASS, ZIndexes } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { NavBarVerticalStaticConsts, NavBarUtils } from 'acinguiux-ds-react-base/components/NavBar';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport type { INavBarProps, INavBarPropsWithReqSize } from './NavBar.types';\nimport Menu from '../Menu/Menu';\nimport type { IMenuProps } from '../Menu/Menu.types';\nimport { Area, StyledAvatar } from './components/LastArea/LastArea.styles';\n\nconst StyledMenu = styled(Menu)<IMenuProps & PickTransient<INavBarProps, 'itemsAlignment'>>`\n  ${({ $itemsAlignment }) => css`\n    flex: 1 1 0;\n    max-height: fit-content;\n    justify-content: ${NavBarUtils.getItemsAlignment($itemsAlignment)};\n    overflow: hidden auto;\n\n    .${MENU_CLASS}-label {\n      gap: 2px;\n      padding: 6px 4px;\n    }\n\n    .${MENU_CLASS}-label-text {\n      font-size: 10px;\n    }\n  `}\n`;\n\nconst Wrapper = styled.div`\n  position: relative;\n  height: 100%;\n  width: auto;\n`;\n\ntype NavProps = PickTransient<INavBarPropsWithReqSize, 'size' | 'elevation'>;\n\nconst Nav = styled.header<NavProps>(({ $elevation, theme, $size }) => {\n  const layer = theme.layer({ foundation: 'surface' });\n\n  return css`\n    z-index: ${ZIndexes.NAVBAR};\n    position: relative;\n    display: flex;\n    flex-flow: column nowrap;\n    align-items: stretch;\n    height: 100%;\n    width: ${NavBarVerticalStaticConsts.consts[$size].width}px;\n    filter: ${$elevation ? theme.dropShadows.low1 : null};\n    color: ${layer[Variables.TextOnFoundationStrong]};\n    background-color: ${layer[Variables.BackgroundFoundation]};\n    transition: width 0.3s ease-out;\n\n    ${StyledMenu} {\n      width: 100%;\n      margin-left: 0;\n    }\n\n    ${Area} {\n      height: ${NavBarVerticalStaticConsts.consts[$size].width}px;\n    }\n\n    ${StyledAvatar} {\n      justify-content: center;\n      margin-right: 0;\n    }\n  `;\n});\n\nconst MiddleArea = styled.div`\n  position: relative;\n  display: flex;\n  flex-shrink: 0;\n  flex-grow: 1;\n  flex-direction: column;\n  align-items: stretch;\n  min-width: 0;\n  z-index: 1;\n  overflow: hidden auto;\n`;\n\nconst PectenUrlWrapper = styled.a<PickTransient<INavBarPropsWithReqSize, 'size'>>`\n  display: flex;\n  text-decoration: none;\n  cursor: pointer;\n  padding: ${({ $size }) =>\n    (NavBarVerticalStaticConsts.consts[$size].width - NavBarVerticalStaticConsts.consts[$size].pectenSize) / 2}px;\n`;\n\nexport { Wrapper, Nav, MiddleArea, StyledMenu, PectenUrlWrapper };\n"],"names":["StyledMenu","styled","Menu","$itemsAlignment","css","NavBarUtils.getItemsAlignment","MENU_CLASS","Wrapper","Nav","$elevation","theme","$size","layer","ZIndexes","NavBarVerticalStaticConsts.consts","Variables","Area","StyledAvatar","MiddleArea","PectenUrlWrapper"],"mappings":"4hBAWMA,EAAaC,EAAAA,OAAOC,CAAI;AAAA,IAC1B,CAAC,CAAE,gBAAAC,CAAA,IAAsBC,EAAAA;AAAAA;AAAAA;AAAAA,uBAGNC,EAAAA,kBAA8BF,CAAe,CAAC;AAAA;AAAA;AAAA,OAG9DG,YAAU;AAAA;AAAA;AAAA;AAAA;AAAA,OAKVA,YAAU;AAAA;AAAA;AAAA,GAGd;AAAA,EAGGC,EAAUN,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA,EAQjBO,EAAMP,EAAAA,OAAO,OAAiB,CAAC,CAAE,WAAAQ,EAAY,MAAAC,EAAO,MAAAC,KAAY,CACpE,MAAMC,EAAQF,EAAM,MAAM,CAAE,WAAY,UAAW,EAEnD,OAAON,EAAAA;AAAAA,eACMS,EAAAA,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMjBC,EAAAA,OAAkCH,CAAK,EAAE,KAAK;AAAA,cAC7CF,EAAaC,EAAM,YAAY,KAAO,IAAI;AAAA,aAC3CE,EAAMG,YAAU,sBAAsB,CAAC;AAAA,wBAC5BH,EAAMG,YAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA,MAGvDf,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA,MAKVgB,MAAI;AAAA,gBACMF,EAAAA,OAAkCH,CAAK,EAAE,KAAK;AAAA;AAAA;AAAA,MAGxDM,cAAY;AAAA;AAAA;AAAA;AAAA,GAKlB,CAAC,EAEKC,EAAajB,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYpBkB,EAAmBlB,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA,aAInB,CAAC,CAAE,MAAAU,MACXG,EAAAA,OAAkCH,CAAK,EAAE,MAAQG,SAAkCH,CAAK,EAAE,YAAc,CAAC;AAAA"}
+{"version":3,"file":"NavBarVerticalStatic.styles.js","sources":["../../../../src/components/NavBar/NavBarVerticalStatic.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { MENU_CLASS, ZIndexes } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { NavBarVerticalStaticConsts, NavBarUtils } from 'acinguiux-ds-react-base/components/NavBar';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { getLabelTypographySize, getSmallerSize } from 'acinguiux-ds-react-base/utils';\n\nimport type { INavBarProps, INavBarPropsWithReqSize } from './NavBar.types';\nimport Menu from '../Menu/Menu';\nimport type { IMenuProps } from '../Menu/Menu.types';\nimport { Area, StyledAvatar } from './components/LastArea/LastArea.styles';\n\nconst StyledMenu = styled(Menu)<IMenuProps & PickTransient<INavBarProps, 'itemsAlignment'>>`\n  ${({ $itemsAlignment, size, theme }) => css`\n    flex: 1 1 0;\n    max-height: fit-content;\n    justify-content: ${NavBarUtils.getItemsAlignment($itemsAlignment)};\n    overflow: hidden auto;\n\n    .${MENU_CLASS}-label {\n      gap: 2px;\n      padding: 6px 4px;\n    }\n\n    .${MENU_CLASS}-label-text {\n      ${theme.typography('label', getLabelTypographySize(getSmallerSize(getSmallerSize(size))))}\n    }\n  `}\n`;\n\nconst Wrapper = styled.div`\n  position: relative;\n  height: 100%;\n  width: auto;\n`;\n\ntype NavProps = PickTransient<INavBarPropsWithReqSize, 'size' | 'elevation'>;\n\nconst Nav = styled.header<NavProps>(({ $elevation, theme, $size }) => {\n  const layer = theme.layer({ foundation: 'surface' });\n\n  return css`\n    z-index: ${ZIndexes.NAVBAR};\n    position: relative;\n    display: flex;\n    flex-flow: column nowrap;\n    align-items: stretch;\n    height: 100%;\n    width: ${NavBarVerticalStaticConsts.consts[$size].width}px;\n    filter: ${$elevation ? theme.dropShadows.low1 : null};\n    color: ${layer[Variables.TextOnFoundationStrong]};\n    background-color: ${layer[Variables.BackgroundFoundation]};\n    transition: width 0.3s ease-out;\n\n    ${StyledMenu} {\n      width: 100%;\n      margin-left: 0;\n    }\n\n    ${Area} {\n      height: ${NavBarVerticalStaticConsts.consts[$size].width}px;\n    }\n\n    ${StyledAvatar} {\n      justify-content: center;\n      margin-right: 0;\n    }\n  `;\n});\n\nconst MiddleArea = styled.div`\n  position: relative;\n  display: flex;\n  flex-shrink: 0;\n  flex-grow: 1;\n  flex-direction: column;\n  align-items: stretch;\n  min-width: 0;\n  z-index: 1;\n  overflow: hidden auto;\n`;\n\nconst PectenUrlWrapper = styled.a<PickTransient<INavBarPropsWithReqSize, 'size'>>`\n  display: flex;\n  text-decoration: none;\n  cursor: pointer;\n  padding: ${({ $size }) =>\n    (NavBarVerticalStaticConsts.consts[$size].width - NavBarVerticalStaticConsts.consts[$size].pectenSize) / 2}px;\n`;\n\nexport { Wrapper, Nav, MiddleArea, StyledMenu, PectenUrlWrapper };\n"],"names":["StyledMenu","styled","Menu","$itemsAlignment","size","theme","css","NavBarUtils.getItemsAlignment","MENU_CLASS","getLabelTypographySize","getSmallerSize","Wrapper","Nav","$elevation","$size","layer","ZIndexes","NavBarVerticalStaticConsts.consts","Variables","Area","StyledAvatar","MiddleArea","PectenUrlWrapper"],"mappings":"wnBAYMA,EAAaC,EAAAA,OAAOC,CAAI;AAAA,IAC1B,CAAC,CAAE,gBAAAC,EAAiB,KAAAC,EAAM,MAAAC,KAAYC,EAAAA;AAAAA;AAAAA;AAAAA,uBAGnBC,EAAAA,kBAA8BJ,CAAe,CAAC;AAAA;AAAA;AAAA,OAG9DK,YAAU;AAAA;AAAA;AAAA;AAAA;AAAA,OAKVA,YAAU;AAAA,QACTH,EAAM,WAAW,QAASI,EAAAA,uBAAuBC,EAAAA,eAAeA,EAAAA,eAAeN,CAAI,CAAC,CAAC,CAAC,CAAC;AAAA;AAAA,GAE5F;AAAA,EAGGO,EAAUV,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA,EAQjBW,EAAMX,EAAAA,OAAO,OAAiB,CAAC,CAAE,WAAAY,EAAY,MAAAR,EAAO,MAAAS,KAAY,CACpE,MAAMC,EAAQV,EAAM,MAAM,CAAE,WAAY,UAAW,EAEnD,OAAOC,EAAAA;AAAAA,eACMU,EAAAA,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMjBC,EAAAA,OAAkCH,CAAK,EAAE,KAAK;AAAA,cAC7CD,EAAaR,EAAM,YAAY,KAAO,IAAI;AAAA,aAC3CU,EAAMG,YAAU,sBAAsB,CAAC;AAAA,wBAC5BH,EAAMG,YAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA,MAGvDlB,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA,MAKVmB,MAAI;AAAA,gBACMF,EAAAA,OAAkCH,CAAK,EAAE,KAAK;AAAA;AAAA;AAAA,MAGxDM,cAAY;AAAA;AAAA;AAAA;AAAA,GAKlB,CAAC,EAEKC,EAAapB,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYpBqB,EAAmBrB,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA,aAInB,CAAC,CAAE,MAAAa,MACXG,EAAAA,OAAkCH,CAAK,EAAE,MAAQG,SAAkCH,CAAK,EAAE,YAAc,CAAC;AAAA"}

package/build/cjs/components/Pecten/Pecten.styles.js

@@ -1,22 +1,18 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("styled-components"),a=require("../../react-base/src/components/Pecten/Pecten.consts.js"),c=require("../../react-base/src/theme/types/layer.js"),l=require("./components/PectenIcon.js"),d=i.styled(l)(({prefixCls:e,$size:t,$muted:n,$padding:s,theme:r})=>{const o=typeof t=="number"?t:a.pectenSizes[t],u=`${a.pectenPaddings[s]}`;return r.layer({muted:n}),i.css`
-    height: ${o}px;
-    width: ${o}px;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("styled-components"),i=require("../../react-base/src/components/Pecten/Pecten.consts.js"),a=require("../../react-base/src/theme/types/layer.js"),d=require("./components/PectenIcon.js"),g=o.styled(d)(({prefixCls:e,$size:t,$muted:n,$padding:c,theme:s})=>{const r=typeof t=="number"?t:i.pectenSizes[t],u=`${i.pectenPaddings[c]}`,l=s.layer({muted:n});return o.css`
+    height: ${r}px;
+    width: ${r}px;
     padding: ${u}px;
 
     .${e}-border {
-      fill: ${n?r.layer({foundation:"surface"})[c.Variables.TextOnFoundationStrong]:"white"};
-    }
-
-    .${e}-inner-acinguiux {
-      fill: ${n?r.layer({foundation:"surface"})[c.Variables.TextOnFoundationStrong]:"#1784B2"};
+      fill: rgb(255 255 255);
     }
 
     .${e}-outer-acinguiux {
-      fill: ${n?"transparent":"#FBCF09"};
+      fill: ${n?l[a.Variables.TextOnFoundationStrong]:"#DD1D21"};
     }
 
-    .${e}-symbol-acinguiux {
-      fill: ${n?"transparent":"#FFFFFF"};
+    .${e}-inner-acinguiux {
+      fill: ${n?"white":"#FFC600"};
     }
-  `});exports.Pecten=d;
+  `});exports.Pecten=g;
 //# sourceMappingURL=Pecten.styles.js.map

package/build/cjs/components/Pecten/Pecten.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pecten.styles.js","sources":["../../../../src/components/Pecten/Pecten.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { PectenConsts } from 'acinguiux-ds-react-base/components/Pecten';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport PectenSVG from './components/PectenIcon';\nimport type { IPectenProps } from './Pecten.types';\n\nconst Pecten = styled(PectenSVG)<\n  Required<PickTransient<IPectenProps, 'size' | 'padding'>> & PickTransient<IPectenProps, 'muted'>\n>(({ prefixCls, $size, $muted, $padding, theme }) => {\n  const width = typeof $size === 'number' ? $size : PectenConsts.pectenSizes[$size];\n  const padding = `${PectenConsts.pectenPaddings[$padding]}`;\n  const layer = theme.layer({ muted: $muted });\n\n  return css`\n    height: ${width}px;\n    width: ${width}px;\n    padding: ${padding}px;\n\n    .${prefixCls}-border {\n      fill: ${$muted ? theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong] : 'white'};\n    }\n\n    .${prefixCls}-inner-acinguiux {\n      fill: ${$muted ? theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong] : '#1784B2'};\n    }\n\n    .${prefixCls}-outer-acinguiux {\n      fill: ${$muted ? 'transparent' : '#FBCF09'};\n    }\n\n    .${prefixCls}-symbol-acinguiux {\n      fill: ${$muted ? 'transparent' : '#FFFFFF'};\n    }\n  `;\n});\n\nexport { Pecten };\n"],"names":["Pecten","styled","PectenSVG","prefixCls","$size","$muted","$padding","theme","width","PectenConsts.pectenSizes","padding","PectenConsts.pectenPaddings","css","Variables"],"mappings":"qTAQMA,EAASC,EAAAA,OAAOC,CAAS,EAE7B,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,OAAAC,EAAQ,SAAAC,EAAU,MAAAC,KAAY,CACnD,MAAMC,EAAQ,OAAOJ,GAAU,SAAWA,EAAQK,EAAAA,YAAyBL,CAAK,EAC1EM,EAAU,GAAGC,iBAA4BL,CAAQ,CAAC,GAC1C,OAAAC,EAAM,MAAM,CAAE,MAAOF,EAAQ,EAEpCO,EAAAA;AAAAA,cACKJ,CAAK;AAAA,aACNA,CAAK;AAAA,eACHE,CAAO;AAAA;AAAA,OAEfP,CAAS;AAAA,cACFE,EAASE,EAAM,MAAM,CAAE,WAAY,SAAA,CAAW,EAAEM,EAAAA,UAAU,sBAAsB,EAAI,OAAO;AAAA;AAAA;AAAA,OAGlGV,CAAS;AAAA,cACFE,EAASE,EAAM,MAAM,CAAE,WAAY,SAAA,CAAW,EAAEM,EAAAA,UAAU,sBAAsB,EAAI,SAAS;AAAA;AAAA;AAAA,OAGpGV,CAAS;AAAA,cACFE,EAAS,cAAgB,SAAS;AAAA;AAAA;AAAA,OAGzCF,CAAS;AAAA,cACFE,EAAS,cAAgB,SAAS;AAAA;AAAA,GAGhD,CAAC"}
+{"version":3,"file":"Pecten.styles.js","sources":["../../../../src/components/Pecten/Pecten.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { PectenConsts } from 'acinguiux-ds-react-base/components/Pecten';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport PectenSVG from './components/PectenIcon';\nimport type { IPectenProps } from './Pecten.types';\n\nconst Pecten = styled(PectenSVG)<\n  Required<PickTransient<IPectenProps, 'size' | 'padding'>> & PickTransient<IPectenProps, 'muted'>\n>(({ prefixCls, $size, $muted, $padding, theme }) => {\n  const width = typeof $size === 'number' ? $size : PectenConsts.pectenSizes[$size];\n  const padding = `${PectenConsts.pectenPaddings[$padding]}`;\n  const layer = theme.layer({ muted: $muted });\n\n  return css`\n    height: ${width}px;\n    width: ${width}px;\n    padding: ${padding}px;\n\n    .${prefixCls}-border {\n      fill: rgb(255 255 255);\n    }\n\n    .${prefixCls}-outer-acinguiux {\n      fill: ${$muted ? layer[Variables.TextOnFoundationStrong] : '#DD1D21'};\n    }\n\n    .${prefixCls}-inner-acinguiux {\n      fill: ${$muted ? 'white' : '#FFC600'};\n    }\n  `;\n});\n\nexport { Pecten };\n"],"names":["Pecten","styled","PectenSVG","prefixCls","$size","$muted","$padding","theme","width","PectenConsts.pectenSizes","padding","PectenConsts.pectenPaddings","layer","css","Variables"],"mappings":"qTAQMA,EAASC,EAAAA,OAAOC,CAAS,EAE7B,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,OAAAC,EAAQ,SAAAC,EAAU,MAAAC,KAAY,CACnD,MAAMC,EAAQ,OAAOJ,GAAU,SAAWA,EAAQK,EAAAA,YAAyBL,CAAK,EAC1EM,EAAU,GAAGC,iBAA4BL,CAAQ,CAAC,GAClDM,EAAQL,EAAM,MAAM,CAAE,MAAOF,EAAQ,EAE3C,OAAOQ,EAAAA;AAAAA,cACKL,CAAK;AAAA,aACNA,CAAK;AAAA,eACHE,CAAO;AAAA;AAAA,OAEfP,CAAS;AAAA;AAAA;AAAA;AAAA,OAITA,CAAS;AAAA,cACFE,EAASO,EAAME,EAAAA,UAAU,sBAAsB,EAAI,SAAS;AAAA;AAAA;AAAA,OAGnEX,CAAS;AAAA,cACFE,EAAS,QAAU,SAAS;AAAA;AAAA,GAG1C,CAAC"}

package/build/cjs/components/Pecten/components/PectenIcon.js

@@ -1,2 +1,2 @@
-"use strict";const C=require("react/jsx-runtime"),s=({className:L,prefixCls:e,...l})=>C.jsxs("svg",{className:L,viewBox:"0 0 104 104",fill:"none",xmlns:"http://www.w3.org/2000/svg",...l,children:[C.jsx("path",{className:`${e}-border`,fillRule:"evenodd",clipRule:"evenodd",d:"M87 67.3507C86.9999 68.281 86.7435 69.1948 86.2565 70.0004C85.7695 70.8061 85.0692 71.4751 84.2257 71.9402L52.7742 89.2899C51.9308 89.7551 50.974 90 50 90C49.026 90 48.0692 89.7551 47.2258 89.2899L15.7743 71.9402C14.9308 71.4751 14.2305 70.8061 13.7435 70.0004C13.2565 69.1948 13.0001 68.281 13 67.3507V32.6493C12.9983 31.7174 13.2539 30.8015 13.741 29.9941C14.228 29.1867 14.9294 28.5162 15.7743 28.0502L47.2258 10.7101C48.0692 10.2449 49.026 10 50 10C50.974 10 51.9308 10.2449 52.7742 10.7101L84.2257 28.0502C85.0706 28.5162 85.772 29.1867 86.259 29.9941C86.7461 30.8015 87.0017 31.7174 87 32.6493V67.3507Z"}),C.jsx("path",{className:`${e}-inner-acinguiux`,d:"M81.8286 63.1613C81.8284 64.4138 81.4831 65.6442 80.8274 66.7289C80.1718 67.8136 79.2289 68.7144 78.0934 69.3408L53.9696 82.6522C52.8336 83.2786 51.5451 83.6085 50.2334 83.6085C48.9217 83.6085 47.6331 83.2786 46.4972 82.6522L22.3733 69.3408C21.2376 68.7142 20.2945 67.8131 19.6388 66.7281C18.9832 65.643 18.638 64.4122 18.6381 63.1594V36.5385C18.6366 35.2877 18.9791 34.0585 19.6315 32.9739C20.2839 31.8894 21.2231 30.9877 22.3552 30.3591L46.4871 17.0515C47.6231 16.425 48.9117 16.0952 50.2233 16.0952C51.535 16.0952 52.8236 16.425 53.9595 17.0515L78.0834 30.3629C79.2201 30.9878 80.1647 31.8874 80.8221 32.9715C81.4795 34.0555 81.8266 35.2857 81.8286 36.5385V63.1613Z"}),C.jsx("path",{className:`${e}-outer-acinguiux`,fillRule:"evenodd",clipRule:"evenodd",d:"M76.4296 62.0966C76.4297 62.8502 76.222 63.5906 75.8275 64.2432C75.4329 64.8958 74.8654 65.4377 74.1821 65.8143L52.2434 77.9121C51.5604 78.2888 50.7856 78.4871 49.9969 78.4871C49.2082 78.4871 48.4334 78.2888 47.7504 77.9121L25.8117 65.8143C25.1284 65.4377 24.5609 64.8958 24.1663 64.2432C23.7718 63.5906 23.5641 62.8502 23.5642 62.0966V37.903C23.5652 37.1497 23.7739 36.4099 24.1691 35.758C24.5643 35.106 25.1322 34.565 25.8157 34.1892L47.7524 22.0914C48.4354 21.7147 49.2102 21.5164 49.9989 21.5164C50.7876 21.5164 51.5624 21.7147 52.2454 22.0914L74.1821 34.1892C74.8648 34.5655 75.4319 35.1067 75.8264 35.7586C76.221 36.4105 76.429 37.15 76.4296 37.903V62.0966Z"}),C.jsx("path",{className:`${e}-symbol-acinguiux`,fillRule:"evenodd",clipRule:"evenodd",d:"M43.1911 57.7631V53.3675L35.1719 50.7924L43.1911 48.1501V43.7508L30.1602 48.8491V52.6647L43.1911 57.7631ZM47.9495 61.2023L55.3596 38.8156H51.741L44.3289 61.2004L47.9495 61.2023ZM56.7949 57.7631L69.8258 52.6244V48.8222L56.7949 43.7508V48.2558L64.0803 50.9941L56.7949 53.2735V57.7631Z"})]});module.exports=s;
+"use strict";const L=require("react/jsx-runtime"),H=({className:s,prefixCls:C,...e})=>L.jsxs("svg",{className:s,viewBox:"0 0 120 120",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[L.jsx("path",{className:`${C}-border`,d:"M59.9999 4.43053C27.0842 4.43053 0.317871 31.2123 0.317871 64.1125C0.317871 68.1089 0.720603 72.1207 1.52607 76.0551L1.89783 77.8829L18.6113 90.0424L21.4614 112.828H51.9917L52.3324 113.076C54.5785 114.702 57.2272 115.569 59.9999 115.569C62.7725 115.569 65.4368 114.702 67.6673 113.076L68.0081 112.828H98.5384L101.388 90.0424L118.102 77.8829L118.474 76.0551C119.279 72.1362 119.682 68.1089 119.682 64.1125C119.682 31.1968 92.9001 4.43053 59.9999 4.43053ZM113.78 75.0948L96.881 87.3781L94.2942 108.026H66.4436L64.8327 109.188C63.4231 110.21 61.7347 110.768 59.9844 110.768C58.234 110.768 56.5457 110.21 55.1361 109.188L53.5252 108.026H25.6746L23.0878 87.3781L6.18849 75.0948C5.44498 71.4857 5.07322 67.7991 5.07322 64.1125C5.07322 33.8146 29.6555 9.23235 59.9534 9.23235C90.2514 9.23235 114.834 33.8146 114.834 64.1125C114.834 67.7991 114.462 71.4702 113.734 75.0948H113.78Z"}),L.jsx("path",{className:`${C}-inner-acinguiux`,d:"M53.5408 108.025H25.6902L23.1034 87.3775L6.20413 75.0942C5.46062 71.4851 5.08887 67.7985 5.08887 64.1119C5.08887 33.814 29.6711 9.23175 59.969 9.23175C90.267 9.23175 114.849 33.814 114.849 64.1119C114.849 67.7985 114.477 71.4696 113.749 75.0942L96.8501 87.3775L94.2634 108.025H66.4128L64.8019 109.187C63.3923 110.209 61.7039 110.767 59.9536 110.767C58.2032 110.767 56.5148 110.209 55.1053 109.187L53.4943 108.025H53.5408Z"}),L.jsx("path",{className:`${C}-outer-acinguiux`,d:"M59.9993 9.23175C29.7014 9.23175 5.11914 33.814 5.11914 64.1119C5.11914 67.7985 5.4909 71.4696 6.2344 75.0942L23.1337 87.3775L25.7205 108.025H53.5711L55.182 109.187C56.5916 110.209 58.28 110.767 60.0303 110.767C61.7806 110.767 63.469 110.209 64.8786 109.187L66.4895 108.025H94.3401L96.9269 87.3775L113.826 75.0942C114.554 71.4851 114.926 67.7985 114.926 64.1119C114.926 33.814 90.3283 9.23175 60.0458 9.23175H59.9993ZM103.247 54.6012C104.579 57.5907 105.276 60.8281 105.276 64.1119C105.276 66.0791 105.028 68.0308 104.532 69.9206L87.8654 82.0491L85.8207 98.4062H65.5756L62.5861 100.59C61.8426 101.132 60.9287 101.427 59.9993 101.427C59.0699 101.427 58.1715 101.132 57.4125 100.59L54.423 98.4062H34.1779L32.1333 82.0491L15.4663 69.9206C14.9706 68.0153 14.7228 66.0636 14.7228 64.1119C14.7228 60.8281 15.4198 57.5907 16.7519 54.6012L46.2754 84.45L17.5729 49.0249C18.7037 44.4245 21.1975 40.2887 24.7447 37.1443L50.4731 81.5534L27.6722 32.9311C30.6153 29.0122 34.7355 26.1156 39.4289 24.6595L55.1665 79.7721L43.6731 22.3825C47.1738 20.4154 51.1237 19.3775 55.1355 19.3775C55.9875 19.3775 56.8394 19.424 57.6759 19.5169L60.0148 79.1989L62.3538 19.5169C63.1902 19.424 64.0421 19.3775 64.8941 19.3775C68.9059 19.3775 72.8558 20.4154 76.3565 22.3825L64.8631 79.7721L80.6007 24.6595C85.2941 26.1156 89.3989 28.9967 92.3574 32.9311L69.5565 81.5534L95.285 37.1443C98.8321 40.2887 101.326 44.4245 102.457 49.0249L73.7542 84.45L103.278 54.6012H103.247Z"})]});module.exports=H;
 //# sourceMappingURL=PectenIcon.js.map

package/build/cjs/components/Pecten/components/PectenIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"PectenIcon.js","sources":["../../../../../src/components/Pecten/components/PectenIcon.tsx"],"sourcesContent":["import type { IPectenIconProps } from './PectenIcon.types';\n\nconst PectenIcon = ({ className, prefixCls, ...rest }: IPectenIconProps) => (\n  <svg className={className} viewBox=\"0 0 104 104\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...rest}>\n    <path\n      className={`${prefixCls}-border`}\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M87 67.3507C86.9999 68.281 86.7435 69.1948 86.2565 70.0004C85.7695 70.8061 85.0692 71.4751 84.2257 71.9402L52.7742 89.2899C51.9308 89.7551 50.974 90 50 90C49.026 90 48.0692 89.7551 47.2258 89.2899L15.7743 71.9402C14.9308 71.4751 14.2305 70.8061 13.7435 70.0004C13.2565 69.1948 13.0001 68.281 13 67.3507V32.6493C12.9983 31.7174 13.2539 30.8015 13.741 29.9941C14.228 29.1867 14.9294 28.5162 15.7743 28.0502L47.2258 10.7101C48.0692 10.2449 49.026 10 50 10C50.974 10 51.9308 10.2449 52.7742 10.7101L84.2257 28.0502C85.0706 28.5162 85.772 29.1867 86.259 29.9941C86.7461 30.8015 87.0017 31.7174 87 32.6493V67.3507Z\"\n    />\n    <path\n      className={`${prefixCls}-inner-acinguiux`}\n      d=\"M81.8286 63.1613C81.8284 64.4138 81.4831 65.6442 80.8274 66.7289C80.1718 67.8136 79.2289 68.7144 78.0934 69.3408L53.9696 82.6522C52.8336 83.2786 51.5451 83.6085 50.2334 83.6085C48.9217 83.6085 47.6331 83.2786 46.4972 82.6522L22.3733 69.3408C21.2376 68.7142 20.2945 67.8131 19.6388 66.7281C18.9832 65.643 18.638 64.4122 18.6381 63.1594V36.5385C18.6366 35.2877 18.9791 34.0585 19.6315 32.9739C20.2839 31.8894 21.2231 30.9877 22.3552 30.3591L46.4871 17.0515C47.6231 16.425 48.9117 16.0952 50.2233 16.0952C51.535 16.0952 52.8236 16.425 53.9595 17.0515L78.0834 30.3629C79.2201 30.9878 80.1647 31.8874 80.8221 32.9715C81.4795 34.0555 81.8266 35.2857 81.8286 36.5385V63.1613Z\"\n    />\n    <path\n      className={`${prefixCls}-outer-acinguiux`}\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M76.4296 62.0966C76.4297 62.8502 76.222 63.5906 75.8275 64.2432C75.4329 64.8958 74.8654 65.4377 74.1821 65.8143L52.2434 77.9121C51.5604 78.2888 50.7856 78.4871 49.9969 78.4871C49.2082 78.4871 48.4334 78.2888 47.7504 77.9121L25.8117 65.8143C25.1284 65.4377 24.5609 64.8958 24.1663 64.2432C23.7718 63.5906 23.5641 62.8502 23.5642 62.0966V37.903C23.5652 37.1497 23.7739 36.4099 24.1691 35.758C24.5643 35.106 25.1322 34.565 25.8157 34.1892L47.7524 22.0914C48.4354 21.7147 49.2102 21.5164 49.9989 21.5164C50.7876 21.5164 51.5624 21.7147 52.2454 22.0914L74.1821 34.1892C74.8648 34.5655 75.4319 35.1067 75.8264 35.7586C76.221 36.4105 76.429 37.15 76.4296 37.903V62.0966Z\"\n    />\n     <path\n      className={`${prefixCls}-symbol-acinguiux`}\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M43.1911 57.7631V53.3675L35.1719 50.7924L43.1911 48.1501V43.7508L30.1602 48.8491V52.6647L43.1911 57.7631ZM47.9495 61.2023L55.3596 38.8156H51.741L44.3289 61.2004L47.9495 61.2023ZM56.7949 57.7631L69.8258 52.6244V48.8222L56.7949 43.7508V48.2558L64.0803 50.9941L56.7949 53.2735V57.7631Z\"\n    />\n  </svg>\n);\n\nexport default PectenIcon;\n"],"names":["PectenIcon","className","prefixCls","rest","jsxs","jsx"],"mappings":"kDAEMA,EAAa,CAAC,CAAE,UAAAC,EAAW,UAAAC,EAAW,GAAGC,KAC7CC,EAAAA,KAAC,MAAA,CAAI,UAAAH,EAAsB,QAAQ,cAAc,KAAK,OAAO,MAAM,6BAA8B,GAAGE,EAClG,SAAA,CAAAE,EAAAA,IAAC,OAAA,CACC,UAAW,GAAGH,CAAS,UACvB,SAAS,UACT,SAAS,UACT,EAAE,kmBAAA,CAAA,EAEJG,EAAAA,IAAC,OAAA,CACC,UAAW,GAAGH,CAAS,mBACvB,EAAE,8pBAAA,CAAA,EAEJG,EAAAA,IAAC,OAAA,CACC,UAAW,GAAGH,CAAS,mBACvB,SAAS,UACT,SAAS,UACT,EAAE,ypBAAA,CAAA,EAEHG,EAAAA,IAAC,OAAA,CACA,UAAW,GAAGH,CAAS,oBACvB,SAAS,UACT,SAAS,UACT,EAAE,4RAAA,CAAA,CACJ,CAAA,CACF"}
+{"version":3,"file":"PectenIcon.js","sources":["../../../../../src/components/Pecten/components/PectenIcon.tsx"],"sourcesContent":["import type { IPectenIconProps } from './PectenIcon.types';\n\nconst PectenIcon = ({ className, prefixCls, ...rest }: IPectenIconProps) => (\n  <svg className={className} viewBox=\"0 0 120 120\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...rest}>\n    <path\n      className={`${prefixCls}-border`}\n      d=\"M59.9999 4.43053C27.0842 4.43053 0.317871 31.2123 0.317871 64.1125C0.317871 68.1089 0.720603 72.1207 1.52607 76.0551L1.89783 77.8829L18.6113 90.0424L21.4614 112.828H51.9917L52.3324 113.076C54.5785 114.702 57.2272 115.569 59.9999 115.569C62.7725 115.569 65.4368 114.702 67.6673 113.076L68.0081 112.828H98.5384L101.388 90.0424L118.102 77.8829L118.474 76.0551C119.279 72.1362 119.682 68.1089 119.682 64.1125C119.682 31.1968 92.9001 4.43053 59.9999 4.43053ZM113.78 75.0948L96.881 87.3781L94.2942 108.026H66.4436L64.8327 109.188C63.4231 110.21 61.7347 110.768 59.9844 110.768C58.234 110.768 56.5457 110.21 55.1361 109.188L53.5252 108.026H25.6746L23.0878 87.3781L6.18849 75.0948C5.44498 71.4857 5.07322 67.7991 5.07322 64.1125C5.07322 33.8146 29.6555 9.23235 59.9534 9.23235C90.2514 9.23235 114.834 33.8146 114.834 64.1125C114.834 67.7991 114.462 71.4702 113.734 75.0948H113.78Z\"\n    />\n    <path\n      className={`${prefixCls}-inner-acinguiux`}\n      d=\"M53.5408 108.025H25.6902L23.1034 87.3775L6.20413 75.0942C5.46062 71.4851 5.08887 67.7985 5.08887 64.1119C5.08887 33.814 29.6711 9.23175 59.969 9.23175C90.267 9.23175 114.849 33.814 114.849 64.1119C114.849 67.7985 114.477 71.4696 113.749 75.0942L96.8501 87.3775L94.2634 108.025H66.4128L64.8019 109.187C63.3923 110.209 61.7039 110.767 59.9536 110.767C58.2032 110.767 56.5148 110.209 55.1053 109.187L53.4943 108.025H53.5408Z\"\n    />\n    <path\n      className={`${prefixCls}-outer-acinguiux`}\n      d=\"M59.9993 9.23175C29.7014 9.23175 5.11914 33.814 5.11914 64.1119C5.11914 67.7985 5.4909 71.4696 6.2344 75.0942L23.1337 87.3775L25.7205 108.025H53.5711L55.182 109.187C56.5916 110.209 58.28 110.767 60.0303 110.767C61.7806 110.767 63.469 110.209 64.8786 109.187L66.4895 108.025H94.3401L96.9269 87.3775L113.826 75.0942C114.554 71.4851 114.926 67.7985 114.926 64.1119C114.926 33.814 90.3283 9.23175 60.0458 9.23175H59.9993ZM103.247 54.6012C104.579 57.5907 105.276 60.8281 105.276 64.1119C105.276 66.0791 105.028 68.0308 104.532 69.9206L87.8654 82.0491L85.8207 98.4062H65.5756L62.5861 100.59C61.8426 101.132 60.9287 101.427 59.9993 101.427C59.0699 101.427 58.1715 101.132 57.4125 100.59L54.423 98.4062H34.1779L32.1333 82.0491L15.4663 69.9206C14.9706 68.0153 14.7228 66.0636 14.7228 64.1119C14.7228 60.8281 15.4198 57.5907 16.7519 54.6012L46.2754 84.45L17.5729 49.0249C18.7037 44.4245 21.1975 40.2887 24.7447 37.1443L50.4731 81.5534L27.6722 32.9311C30.6153 29.0122 34.7355 26.1156 39.4289 24.6595L55.1665 79.7721L43.6731 22.3825C47.1738 20.4154 51.1237 19.3775 55.1355 19.3775C55.9875 19.3775 56.8394 19.424 57.6759 19.5169L60.0148 79.1989L62.3538 19.5169C63.1902 19.424 64.0421 19.3775 64.8941 19.3775C68.9059 19.3775 72.8558 20.4154 76.3565 22.3825L64.8631 79.7721L80.6007 24.6595C85.2941 26.1156 89.3989 28.9967 92.3574 32.9311L69.5565 81.5534L95.285 37.1443C98.8321 40.2887 101.326 44.4245 102.457 49.0249L73.7542 84.45L103.278 54.6012H103.247Z\"\n    />\n  </svg>\n);\n\nexport default PectenIcon;\n"],"names":["PectenIcon","className","prefixCls","rest","jsxs","jsx"],"mappings":"kDAEMA,EAAa,CAAC,CAAE,UAAAC,EAAW,UAAAC,EAAW,GAAGC,KAC7CC,EAAAA,KAAC,MAAA,CAAI,UAAAH,EAAsB,QAAQ,cAAc,KAAK,OAAO,MAAM,6BAA8B,GAAGE,EAClG,SAAA,CAAAE,EAAAA,IAAC,OAAA,CACC,UAAW,GAAGH,CAAS,UACvB,EAAE,02BAAA,CAAA,EAEJG,EAAAA,IAAC,OAAA,CACC,UAAW,GAAGH,CAAS,mBACvB,EAAE,uaAAA,CAAA,EAEJG,EAAAA,IAAC,OAAA,CACC,UAAW,GAAGH,CAAS,mBACvB,EAAE,k6CAAA,CAAA,CACJ,CAAA,CACF"}

package/build/cjs/components/Popconfirm/Popconfirm.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),j=require("react"),d=require("../../react-base/src/components/Popconfirm/Popconfirm.utils.js"),o=require("./Popconfirm.styles.js"),q=require("../Icon/components/AlertCircleSolid.js"),a=require("./components/PopconfirmTitle/PopconfirmTitle.js"),h=require("./components/PopconfirmDescription/PopconfirmDescription.js"),v=require("./components/PopconfirmActions/PopconfirmActions.js"),s=require("../Popover/Popover.js"),z=j.forwardRef(({className:u,title:n,description:t,actions:p,contentProps:l={arrow:!0},icon:m=e.jsx(q,{}),children:P,dropdownProps:x,...i},f)=>{const{size:r,sentiment:c}=d.useProps({size:i.size,sentiment:i.sentiment});return e.jsxs(s.Popover,{...x,children:[e.jsx(s.PopoverTrigger,{asChild:!0,children:P}),e.jsx(s.PopoverContent,{ref:f,...l,size:r,className:u,children:e.jsxs(o.Popconfirm,{$size:r,$sentiment:c,...i,children:[e.jsx(o.PopconfirmIcon,{children:m}),e.jsxs(o.PopconfirmWrapper,{$size:r,children:[e.jsxs(o.PopconfirmText,{children:[!!n&&e.jsx(a,{text:n,size:r}),!!t&&e.jsx(h,{text:t,size:r})]}),e.jsx(v,{actions:p,size:r,sentiment:c})]})]})})]})});exports.Popconfirm=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),q=require("react"),a=require("../../react-base/src/components/Popconfirm/Popconfirm.utils.js"),o=require("./Popconfirm.styles.js"),h=require("../Icon/components/AlertCircleSolid.js"),v=require("./components/PopconfirmTitle/PopconfirmTitle.js"),z=require("./components/PopconfirmDescription/PopconfirmDescription.js"),g=require("./components/PopconfirmActions/PopconfirmActions.js"),s=require("../Popover/Popover.js"),T=q.forwardRef(({className:c,title:i,description:n,actions:u,contentProps:p={arrow:!0},icon:l=e.jsx(h,{}),children:m,dropdownProps:P,sentiment:x,size:f,...j},d)=>{const{size:r,sentiment:t}=a.useProps({size:f,sentiment:x});return e.jsxs(s.Popover,{...P,children:[e.jsx(s.PopoverTrigger,{asChild:!0,children:m}),e.jsx(s.PopoverContent,{ref:d,...p,size:r,className:c,children:e.jsxs(o.Popconfirm,{$size:r,$sentiment:t,...j,children:[e.jsx(o.PopconfirmIcon,{children:l}),e.jsxs(o.PopconfirmWrapper,{$size:r,children:[e.jsxs(o.PopconfirmText,{children:[!!i&&e.jsx(v,{text:i,size:r}),!!n&&e.jsx(z,{text:n,size:r})]}),e.jsx(g,{actions:u,size:r,sentiment:t})]})]})})]})});exports.Popconfirm=T;
 //# sourceMappingURL=Popconfirm.js.map

package/build/cjs/components/Popconfirm/Popconfirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popconfirm.js","sources":["../../../../src/components/Popconfirm/Popconfirm.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport { PopconfirmUtils } from 'acinguiux-ds-react-base/components/Popconfirm';\n\nimport type { IPopconfirmProps } from './Popconfirm.types';\nimport * as Styled from './Popconfirm.styles';\nimport AlertCircleSolid from '../Icon/components/AlertCircleSolid';\nimport PopconfirmTitle from './components/PopconfirmTitle/PopconfirmTitle';\nimport PopconfirmDescription from './components/PopconfirmDescription/PopconfirmDescription';\nimport PopconfirmActions from './components/PopconfirmActions/PopconfirmActions';\nimport { Popover, PopoverContent, PopoverTrigger } from '../Popover/Popover';\n\nconst Popconfirm = forwardRef<HTMLDivElement, IPopconfirmProps>(\n  (\n    {\n      className,\n      title,\n      description,\n      actions,\n      contentProps = { arrow: true },\n      icon = <AlertCircleSolid />,\n      children,\n      dropdownProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { size, sentiment } = PopconfirmUtils.useProps({\n      size: rest.size,\n      sentiment: rest.sentiment,\n    });\n\n    return (\n      <Popover {...dropdownProps}>\n        <PopoverTrigger asChild={true}>{children}</PopoverTrigger>\n        <PopoverContent ref={ref} {...contentProps} size={size} className={className}>\n          <Styled.Popconfirm $size={size} $sentiment={sentiment} {...rest}>\n            <Styled.PopconfirmIcon>{icon}</Styled.PopconfirmIcon>\n            <Styled.PopconfirmWrapper $size={size}>\n              <Styled.PopconfirmText>\n                {!!title && <PopconfirmTitle text={title} size={size} />}\n                {!!description && <PopconfirmDescription text={description} size={size} />}\n              </Styled.PopconfirmText>\n              <PopconfirmActions actions={actions} size={size} sentiment={sentiment} />\n            </Styled.PopconfirmWrapper>\n          </Styled.Popconfirm>\n        </PopoverContent>\n      </Popover>\n    );\n  },\n);\n\nexport { Popconfirm };\n"],"names":["Popconfirm","forwardRef","className","title","description","actions","contentProps","icon","AlertCircleSolid","children","dropdownProps","rest","ref","size","sentiment","PopconfirmUtils.useProps","jsxs","Popover","jsx","PopoverTrigger","PopoverContent","Styled.Popconfirm","Styled.PopconfirmIcon","Styled.PopconfirmWrapper","Styled.PopconfirmText","PopconfirmTitle","PopconfirmDescription","PopconfirmActions"],"mappings":"kjBAYMA,EAAaC,EAAAA,WACjB,CACE,CACE,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,QAAAC,EACA,aAAAC,EAAe,CAAE,MAAO,EAAA,EACxB,KAAAC,QAAQC,EAAA,EAAiB,EACzB,SAAAC,EACA,cAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,KAAM,CAAE,KAAAC,EAAM,UAAAC,CAAA,EAAcC,WAAyB,CACnD,KAAMJ,EAAK,KACX,UAAWA,EAAK,SAAA,CACjB,EAED,OACEK,EAAAA,KAACC,EAAAA,QAAA,CAAS,GAAGP,EACX,SAAA,CAAAQ,EAAAA,IAACC,EAAAA,eAAA,CAAe,QAAS,GAAO,SAAAV,CAAA,CAAS,QACxCW,EAAAA,eAAA,CAAe,IAAAR,EAAW,GAAGN,EAAc,KAAAO,EAAY,UAAAX,EACtD,SAAAc,EAAAA,KAACK,EAAAA,WAAA,CAAkB,MAAOR,EAAM,WAAYC,EAAY,GAAGH,EACzD,SAAA,CAAAO,EAAAA,IAACI,EAAAA,eAAA,CAAuB,SAAAf,CAAA,CAAK,EAC7BS,EAAAA,KAACO,EAAAA,kBAAA,CAAyB,MAAOV,EAC/B,SAAA,CAAAG,OAACQ,EAAAA,eAAA,CACE,SAAA,CAAA,CAAC,CAACrB,GAASe,MAACO,EAAA,CAAgB,KAAMtB,EAAO,KAAAU,EAAY,EACrD,CAAC,CAACT,SAAgBsB,EAAA,CAAsB,KAAMtB,EAAa,KAAAS,CAAA,CAAY,CAAA,EAC1E,EACAK,EAAAA,IAACS,EAAA,CAAkB,QAAAtB,EAAkB,KAAAQ,EAAY,UAAAC,CAAA,CAAsB,CAAA,CAAA,CACzE,CAAA,CAAA,CACF,CAAA,CACF,CAAA,EACF,CAEJ,CACF"}
+{"version":3,"file":"Popconfirm.js","sources":["../../../../src/components/Popconfirm/Popconfirm.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport { PopconfirmUtils } from 'acinguiux-ds-react-base/components/Popconfirm';\n\nimport type { IPopconfirmProps } from './Popconfirm.types';\nimport * as Styled from './Popconfirm.styles';\nimport AlertCircleSolid from '../Icon/components/AlertCircleSolid';\nimport PopconfirmTitle from './components/PopconfirmTitle/PopconfirmTitle';\nimport PopconfirmDescription from './components/PopconfirmDescription/PopconfirmDescription';\nimport PopconfirmActions from './components/PopconfirmActions/PopconfirmActions';\nimport { Popover, PopoverContent, PopoverTrigger } from '../Popover/Popover';\n\nconst Popconfirm = forwardRef<HTMLDivElement, IPopconfirmProps>(\n  (\n    {\n      className,\n      title,\n      description,\n      actions,\n      contentProps = { arrow: true },\n      icon = <AlertCircleSolid />,\n      children,\n      dropdownProps,\n      sentiment: sentimentProp,\n      size: sizeProp,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { size, sentiment } = PopconfirmUtils.useProps({\n      size: sizeProp,\n      sentiment: sentimentProp,\n    });\n\n    return (\n      <Popover {...dropdownProps}>\n        <PopoverTrigger asChild={true}>{children}</PopoverTrigger>\n        <PopoverContent ref={ref} {...contentProps} size={size} className={className}>\n          <Styled.Popconfirm $size={size} $sentiment={sentiment} {...rest}>\n            <Styled.PopconfirmIcon>{icon}</Styled.PopconfirmIcon>\n            <Styled.PopconfirmWrapper $size={size}>\n              <Styled.PopconfirmText>\n                {!!title && <PopconfirmTitle text={title} size={size} />}\n                {!!description && <PopconfirmDescription text={description} size={size} />}\n              </Styled.PopconfirmText>\n              <PopconfirmActions actions={actions} size={size} sentiment={sentiment} />\n            </Styled.PopconfirmWrapper>\n          </Styled.Popconfirm>\n        </PopoverContent>\n      </Popover>\n    );\n  },\n);\n\nexport { Popconfirm };\n"],"names":["Popconfirm","forwardRef","className","title","description","actions","contentProps","icon","AlertCircleSolid","children","dropdownProps","sentimentProp","sizeProp","rest","ref","size","sentiment","PopconfirmUtils.useProps","jsxs","Popover","jsx","PopoverTrigger","PopoverContent","Styled.Popconfirm","Styled.PopconfirmIcon","Styled.PopconfirmWrapper","Styled.PopconfirmText","PopconfirmTitle","PopconfirmDescription","PopconfirmActions"],"mappings":"kjBAYMA,EAAaC,EAAAA,WACjB,CACE,CACE,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,QAAAC,EACA,aAAAC,EAAe,CAAE,MAAO,EAAA,EACxB,KAAAC,QAAQC,EAAA,EAAiB,EACzB,SAAAC,EACA,cAAAC,EACA,UAAWC,EACX,KAAMC,EACN,GAAGC,CAAA,EAELC,IACG,CACH,KAAM,CAAE,KAAAC,EAAM,UAAAC,CAAA,EAAcC,WAAyB,CACnD,KAAML,EACN,UAAWD,CAAA,CACZ,EAED,OACEO,EAAAA,KAACC,EAAAA,QAAA,CAAS,GAAGT,EACX,SAAA,CAAAU,EAAAA,IAACC,EAAAA,eAAA,CAAe,QAAS,GAAO,SAAAZ,CAAA,CAAS,QACxCa,EAAAA,eAAA,CAAe,IAAAR,EAAW,GAAGR,EAAc,KAAAS,EAAY,UAAAb,EACtD,SAAAgB,EAAAA,KAACK,EAAAA,WAAA,CAAkB,MAAOR,EAAM,WAAYC,EAAY,GAAGH,EACzD,SAAA,CAAAO,EAAAA,IAACI,EAAAA,eAAA,CAAuB,SAAAjB,CAAA,CAAK,EAC7BW,EAAAA,KAACO,EAAAA,kBAAA,CAAyB,MAAOV,EAC/B,SAAA,CAAAG,OAACQ,EAAAA,eAAA,CACE,SAAA,CAAA,CAAC,CAACvB,GAASiB,MAACO,EAAA,CAAgB,KAAMxB,EAAO,KAAAY,EAAY,EACrD,CAAC,CAACX,SAAgBwB,EAAA,CAAsB,KAAMxB,EAAa,KAAAW,CAAA,CAAY,CAAA,EAC1E,EACAK,EAAAA,IAACS,EAAA,CAAkB,QAAAxB,EAAkB,KAAAU,EAAY,UAAAC,CAAA,CAAsB,CAAA,CAAA,CACzE,CAAA,CAAA,CACF,CAAA,CACF,CAAA,EACF,CAEJ,CACF"}

package/build/cjs/components/Select/Select.js

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),t=require("react"),c=require("../../react-base/src/consts/index.js"),Oe=require("classnames"),U=require("../../react-base/src/components/Select/Select.utils.js"),J=require("../Popover/Popover.js"),Q=require("../Icon/components/ChevronDown.js"),qe=require("../../hooks/useFocusRingOnKeyboard.js"),q=require("./Select.styles.js"),je=require("../ListItem/ListItem.js"),Ee=require("./hooks/useOptions.js"),Ie=require("./hooks/useElementRect.js"),$e=require("./utils/strUtils.js"),we=require("./utils/selection.js"),Ge=require("./utils/props.js"),Re=require("../Flexbox/Flexbox.js"),Me=require("./components/SelectLoading.js"),De=require("./utils/keydown.js"),Y=require("../ListItem/ListItemHeader.js"),Te=require("../../react-base/src/consts/classes.js"),Ke=t.forwardRef(({id:Z,defaultOpen:ee,className:te,size:a=c.Sizes.Medium,mode:s="single",placeholder:le,loading:C=!1,invalid:K=!1,showSearch:j=!0,allowClear:g,placement:Pe,disabled:h,options:se,onFocus:ne,onBlur:re,onClick:ae,children:ie,optionFilterProp:P="label",optionLabelProp:L="label",optionSelectionType:oe,optionShowInputControls:ue,optionMutliline:ce=!1,onKeyDown:N,onSearch:A,onSelect:E,onDeselect:I,onClear:de,onChange:$,defaultValue:pe,suffix:B,value:x,style:fe,virtual:Le=!1,...be},ge)=>{const d=t.useRef(null),he=t.useRef(null),[y,m]=t.useState(ee??!1),r=t.useId(),[F,w]=t.useState(!1),H=Z??`select-${r}-input`,[o,G]=t.useState(""),[i,R]=t.useState(()=>Ge.asArray(pe??x)),O=Ee.useOptions(ie,`select-${r}`,se),u=t.useMemo(()=>O.flatMap(e=>e.isGroup?[e,...e.options]:[e]),[O]),S=t.useMemo(()=>o&&o.trim().length>0?u.filter(e=>e?.isGroup||$e.strIncludes(e?.[P],o)):u,[u,o,P]),V=t.useMemo(()=>S.filter(e=>e&&!e.isGroup&&e.disabled!==!0).map(e=>e.key),[S]),[f,M]=t.useState(null);t.useEffect(()=>{M(u.find(e=>!e.isGroup&&!e.disabled)?.key??null)},[u]);const X=t.useCallback(e=>{if(s==="single"){$?.(e.length===1?e[0]:null);return}$?.(e)},[s,$]);t.useEffect(()=>{s==="single"?R(x?[x]:[]):Array.isArray(x)&&R(x)},[x,s]);const v=t.useCallback(e=>{const{current:l,added:p,removed:Ce}=we.updateSelectedValues(i,e,s,g);p.forEach(T=>{const b=u.find(k=>!k.isGroup&&k.value===T);U.isOption(b)&&E&&E(b.value,b)}),Ce.forEach(T=>{const b=u.find(k=>!k.isGroup&&k.value===T);U.isOption(b)&&I&&I(b.value,b)}),R(l),X(l),G(""),s==="single"&&m(!1)},[i,s,g,X,u,E,I]),_=t.useMemo(()=>i?.map(e=>O.flatMap(l=>l.isGroup?l.options:[l]).find(l=>!l.isGroup&&l.value===e)?.[L]??e),[O,i,L]);t.useEffect(()=>{f&&document.getElementById(f)?.scrollIntoView({block:"nearest",inline:"nearest"})},[f]);const xe=Ie.useElementRect(d.current?.parentElement?.parentElement);t.useImperativeHandle(ge,()=>d.current);const{focusKind:me,handleOnClick:Se,handleOnFocus:D,handleOnBlur:W,handleOnMouseDownCapture:ye}=qe.useFocusRingOnKeyboard({inputRef:d,onFocus:ne,onBlur:re,onClick:ae}),ve=t.useCallback(e=>{F||(!e.relatedTarget||!e.currentTarget.contains(e.relatedTarget)&&e.relatedTarget.id!==`select-${r}-controls`&&e.relatedTarget.parentElement?.id!==`select-${r}-options-container`?(G(""),W(e),m(!1)):(D(e),d.current?.focus()))},[W,D,r,F]),z=t.useCallback(e=>{De.onKeyDownHandle(e,{isOpen:y,setIsOpen:m,input:d.current,allowClear:!!g,availableOptionKeys:V,searchValue:o,selectedNodeValues:i,selectNodeValue:v,flatOptions:u,currentNodeKey:f,setCurrentNodeKey:M}),N?.(e)},[N,y,g,V,o,i,v,u,f]),ke=t.useCallback(e=>{const l=e.target.value;G(l),A?.(l)},[A]);return n.jsxs(J.Popover,{open:y,onOpenChange:m,children:[n.jsx("label",{htmlFor:H,id:`select-${r}-label`,tabIndex:-1,style:{position:"absolute",width:"1px",height:"1px",padding:"0px",margin:"-1px",overflow:"hidden",clip:"rect(0px, 0px, 0px, 0px)",whiteSpace:"nowrap",borderWidth:"0px"},children:i.join(", ")}),n.jsx(J.PopoverTrigger,{asChild:!0,children:n.jsx(q.SelectInput,{inputRef:d,"data-focused":me,$mode:s,className:Oe(Te.SELECT_CLASS,te),style:fe,size:a,allowReadOnlyClear:!0,readOnly:!j,onFocus:D,onBlur:ve,wrapperProps:{onMouseDownCapture:e=>{w(!0),ye(e)},onClick:e=>{e.isDefaultPrevented()||d.current?.click(),w(!1),Se(e)}},onClick:e=>{j&&!h&&!e.isDefaultPrevented()&&(m(!0),e.preventDefault()),w(!1),e.stopPropagation()},invalid:K,loading:C,disabled:h,onKeyDown:z,value:o,onChange:ke,name:"select-input",type:"text",customPrefix:s==="multiple"&&i.map((e,l)=>n.jsx(q.SelectTag,{sentiment:"information",$disabled:h,$invalid:K,size:a,closeButton:!h&&g,onCloseClick:()=>{v(e)},children:_[l]},`select-${r}-value-${e}`)),customSuffix:i.length>0&&s==="single"&&(!o||o.trim().length===0)&&n.jsx(q.SelectedSingleOptionLabel,{disabled:h,id:`select-${r}-value`,size:a,children:_[0]}),suffix:{transparent:!0,node:B?n.jsxs(Re,{gap:"2px",children:[B,n.jsx(Q,{})]}):n.jsx(Q,{}),onClick:e=>{const l=new Event("click",{bubbles:!0,cancelable:!0});j&&!h&&(m(p=>!p),l.preventDefault(),e.preventDefault()),d.current?.dispatchEvent(l)}},placeholder:!o&&(i.length===0&&s==="single"||s==="multiple")?le:"",allowClear:g&&(e=>e!==""||i.length>0),onClear:()=>{v(null),de?.()},autoComplete:"off",autoCorrect:"off",multiple:s!=="single",spellCheck:"false","aria-autocomplete":"list",role:"combobox","aria-haspopup":"listbox","aria-controls":y?`select-${r}-controls`:void 0,"aria-labelledby":`select-${r}-label`,id:H,"aria-activedescendant":y?f??void 0:void 0,...be})}),n.jsxs(q.SelectPopoverContent,{role:"listbox",align:"start",side:"bottom",ref:he,style:{width:xe?.width??"auto"},size:a===c.Sizes.XSmall?c.Sizes.Small:a,sideOffset:4,alignOffset:0,tabIndex:-1,onOpenAutoFocus:e=>{e.preventDefault(),e.stopPropagation()},"aria-label":"Suggestions",id:`select-${r}-controls`,padding:!1,children:[n.jsx("div",{id:`select-${r}-options-container`,role:"presentation",tabIndex:-1,children:!C&&S.map((e,l)=>e.isGroup&&S.some(p=>!p.isGroup&&p.key.startsWith(e.key))?n.jsx(Y,{size:a===c.Sizes.XSmall?c.Sizes.Small:a,id:e.key,role:"group",label:e.label,divider:l!==0},e.key):e.isGroup?null:n.jsx(je,{id:e.key,size:a===c.Sizes.XSmall?c.Sizes.Small:a,role:"option",tabIndex:-1,onMouseMove:()=>!e.disabled&&M(e.key),onClick:()=>!e.disabled&&v(e.value??null),onKeyDown:p=>z(p),selected:i.includes(e.value??null),"aria-selected":f===e.key,disabled:e.disabled,multiline:ce,label:e.label,optionItem:!0,selectionType:oe??(!s||s==="single"?"radio":"checkbox"),showInputControls:ue},e.key))}),!C&&(S.length===0||S.every(e=>e.isGroup))&&n.jsx(Y,{style:{textAlign:"center"},size:a===c.Sizes.XSmall?c.Sizes.Small:a,id:`select-${r}-options-not-found`,role:"alert","aria-live":"polite","aria-atomic":!0,"aria-label":"No options found",label:"No options found",divider:!1}),C&&n.jsx(Me.SelectLoading,{id:r,size:a})]})]})});module.exports=Ke;
+"use strict";const n=require("react/jsx-runtime"),t=require("react"),c=require("../../react-base/src/consts/index.js"),qe=require("classnames"),U=require("../../react-base/src/components/Select/Select.utils.js"),J=require("../Popover/Popover.js"),Q=require("../Icon/components/ChevronDown.js"),je=require("../../hooks/useFocusRingOnKeyboard.js"),q=require("./Select.styles.js"),Ee=require("../ListItem/ListItem.js"),Ie=require("./hooks/useOptions.js"),$e=require("./hooks/useElementRect.js"),we=require("./utils/strUtils.js"),Ge=require("./utils/selection.js"),Re=require("./utils/props.js"),Me=require("../Flexbox/Flexbox.js"),De=require("./components/SelectLoading.js"),Te=require("./utils/keydown.js"),Y=require("../ListItem/ListItemHeader.js"),Ke=require("../../react-base/src/consts/classes.js"),Pe=t.forwardRef(({id:Z,defaultOpen:ee,className:te,size:a=c.Sizes.Medium,mode:s="single",placeholder:le,loading:C=!1,invalid:K=!1,showSearch:j=!0,allowClear:h,placement:Le,disabled:g,options:se,popoverWidth:ne="match-parent",onFocus:re,onBlur:ae,onClick:ie,children:oe,optionFilterProp:P="label",optionLabelProp:L="label",optionSelectionType:ue,optionShowInputControls:ce,optionMutliline:de=!1,onKeyDown:N,onSearch:A,onSelect:E,onDeselect:I,onClear:pe,onChange:$,defaultValue:fe,suffix:B,value:x,style:be,virtual:Ne=!1,...he},ge)=>{const d=t.useRef(null),xe=t.useRef(null),[y,m]=t.useState(ee??!1),r=t.useId(),[F,w]=t.useState(!1),H=Z??`select-${r}-input`,[o,G]=t.useState(""),[i,R]=t.useState(()=>Re.asArray(fe??x)),O=Ie.useOptions(oe,`select-${r}`,se),u=t.useMemo(()=>O.flatMap(e=>e.isGroup?[e,...e.options]:[e]),[O]),S=t.useMemo(()=>o&&o.trim().length>0?u.filter(e=>e?.isGroup||we.strIncludes(e?.[P],o)):u,[u,o,P]),V=t.useMemo(()=>S.filter(e=>e&&!e.isGroup&&e.disabled!==!0).map(e=>e.key),[S]),[f,M]=t.useState(null);t.useEffect(()=>{M(u.find(e=>!e.isGroup&&!e.disabled)?.key??null)},[u]);const X=t.useCallback(e=>{if(s==="single"){$?.(e.length===1?e[0]:null);return}$?.(e)},[s,$]);t.useEffect(()=>{s==="single"?R(x?[x]:[]):Array.isArray(x)&&R(x)},[x,s]);const v=t.useCallback(e=>{const{current:l,added:p,removed:Oe}=Ge.updateSelectedValues(i,e,s,h);p.forEach(T=>{const b=u.find(k=>!k.isGroup&&k.value===T);U.isOption(b)&&E&&E(b.value,b)}),Oe.forEach(T=>{const b=u.find(k=>!k.isGroup&&k.value===T);U.isOption(b)&&I&&I(b.value,b)}),R(l),X(l),G(""),s==="single"&&m(!1)},[i,s,h,X,u,E,I]),_=t.useMemo(()=>i?.map(e=>O.flatMap(l=>l.isGroup?l.options:[l]).find(l=>!l.isGroup&&l.value===e)?.[L]??e),[O,i,L]);t.useEffect(()=>{f&&document.getElementById(f)?.scrollIntoView({block:"nearest",inline:"nearest"})},[f]);const me=$e.useElementRect(d.current?.parentElement?.parentElement);t.useImperativeHandle(ge,()=>d.current);const{focusKind:Se,handleOnClick:ye,handleOnFocus:D,handleOnBlur:W,handleOnMouseDownCapture:ve}=je.useFocusRingOnKeyboard({inputRef:d,onFocus:re,onBlur:ae,onClick:ie}),ke=t.useCallback(e=>{F||(!e.relatedTarget||!e.currentTarget.contains(e.relatedTarget)&&e.relatedTarget.id!==`select-${r}-controls`&&e.relatedTarget.parentElement?.id!==`select-${r}-options-container`?(G(""),W(e),m(!1)):(D(e),d.current?.focus()))},[W,D,r,F]),z=t.useCallback(e=>{Te.onKeyDownHandle(e,{isOpen:y,setIsOpen:m,input:d.current,allowClear:!!h,availableOptionKeys:V,searchValue:o,selectedNodeValues:i,selectNodeValue:v,flatOptions:u,currentNodeKey:f,setCurrentNodeKey:M}),N?.(e)},[N,y,h,V,o,i,v,u,f]),Ce=t.useCallback(e=>{const l=e.target.value;G(l),A?.(l)},[A]);return n.jsxs(J.Popover,{open:y,onOpenChange:m,children:[n.jsx("label",{htmlFor:H,id:`select-${r}-label`,tabIndex:-1,style:{position:"absolute",width:"1px",height:"1px",padding:"0px",margin:"-1px",overflow:"hidden",clip:"rect(0px, 0px, 0px, 0px)",whiteSpace:"nowrap",borderWidth:"0px"},children:i.join(", ")}),n.jsx(J.PopoverTrigger,{asChild:!0,children:n.jsx(q.SelectInput,{inputRef:d,"data-focused":Se,$mode:s,className:qe(Ke.SELECT_CLASS,te),style:be,size:a,allowReadOnlyClear:!0,readOnly:!j,onFocus:D,onBlur:ke,wrapperProps:{onMouseDownCapture:e=>{w(!0),ve(e)},onClick:e=>{e.isDefaultPrevented()||d.current?.click(),w(!1),ye(e)}},onClick:e=>{j&&!g&&!e.isDefaultPrevented()&&(m(!0),e.preventDefault()),w(!1),e.stopPropagation()},invalid:K,loading:C,disabled:g,onKeyDown:z,value:o,onChange:Ce,name:"select-input",type:"text",customPrefix:s==="multiple"&&i.map((e,l)=>n.jsx(q.SelectTag,{sentiment:"information",$disabled:g,$invalid:K,size:a,closeButton:!g&&h,onCloseClick:()=>{v(e)},children:_[l]},`select-${r}-value-${e}`)),customSuffix:i.length>0&&s==="single"&&(!o||o.trim().length===0)&&n.jsx(q.SelectedSingleOptionLabel,{disabled:g,id:`select-${r}-value`,size:a,children:_[0]}),suffix:{transparent:!0,node:B?n.jsxs(Me,{gap:"2px",children:[B,n.jsx(Q,{})]}):n.jsx(Q,{}),onClick:e=>{const l=new Event("click",{bubbles:!0,cancelable:!0});j&&!g&&(m(p=>!p),l.preventDefault(),e.preventDefault()),d.current?.dispatchEvent(l)}},placeholder:!o&&(i.length===0&&s==="single"||s==="multiple")?le:"",allowClear:h&&(e=>e!==""||i.length>0),onClear:()=>{v(null),pe?.()},autoComplete:"off",autoCorrect:"off",multiple:s!=="single",spellCheck:"false","aria-autocomplete":"list",role:"combobox","aria-haspopup":"listbox","aria-controls":y?`select-${r}-controls`:void 0,"aria-labelledby":`select-${r}-label`,id:H,"aria-activedescendant":y?f??void 0:void 0,...he})}),n.jsxs(q.SelectPopoverContent,{role:"listbox",align:"start",side:"bottom",ref:xe,style:{width:ne==="fit-content"?"auto":me?.width??"auto"},size:a===c.Sizes.XSmall?c.Sizes.Small:a,sideOffset:4,alignOffset:0,tabIndex:-1,onOpenAutoFocus:e=>{e.preventDefault(),e.stopPropagation()},"aria-label":"Suggestions",id:`select-${r}-controls`,padding:!1,children:[n.jsx("div",{id:`select-${r}-options-container`,role:"presentation",tabIndex:-1,children:!C&&S.map((e,l)=>e.isGroup&&S.some(p=>!p.isGroup&&p.key.startsWith(e.key))?n.jsx(Y,{size:a===c.Sizes.XSmall?c.Sizes.Small:a,id:e.key,role:"group",label:e.label,divider:l!==0},e.key):e.isGroup?null:n.jsx(Ee,{id:e.key,size:a===c.Sizes.XSmall?c.Sizes.Small:a,role:"option",tabIndex:-1,onMouseMove:()=>!e.disabled&&M(e.key),onClick:()=>!e.disabled&&v(e.value??null),onKeyDown:p=>z(p),selected:i.includes(e.value??null),"aria-selected":f===e.key,disabled:e.disabled,multiline:de,label:e.label,optionItem:!0,selectionType:ue??(!s||s==="single"?"radio":"checkbox"),showInputControls:ce},e.key))}),!C&&(S.length===0||S.every(e=>e.isGroup))&&n.jsx(Y,{style:{textAlign:"center"},size:a===c.Sizes.XSmall?c.Sizes.Small:a,id:`select-${r}-options-not-found`,role:"alert","aria-live":"polite","aria-atomic":!0,"aria-label":"No options found",label:"No options found",divider:!1}),C&&n.jsx(De.SelectLoading,{id:r,size:a})]})]})});module.exports=Pe;
 //# sourceMappingURL=Select.js.map

package/build/cjs/components/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import {\n  type ChangeEventHandler,\n  type FocusEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type ReactElement,\n} from 'react';\n\nimport { SELECT_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport classNames from 'classnames';\nimport { SelectUtils } from 'acinguiux-ds-react-base/components/Select';\n\nimport type { ISelectProps, ValueType } from './Select.types';\nimport { Popover, PopoverTrigger } from '../Popover/Popover';\nimport { ChevronDown } from '../Icon/components';\nimport { useFocusRingOnKeyboard } from '../../hooks/useFocusRingOnKeyboard';\nimport { SelectInput, SelectPopoverContent, SelectTag, SelectedSingleOptionLabel } from './Select.styles';\nimport ListItem from '../ListItem/ListItem';\nimport { useOptions } from './hooks/useOptions';\nimport { useElementRect } from './hooks/useElementRect';\nimport { strIncludes } from './utils/strUtils';\nimport { updateSelectedValues } from './utils/selection';\nimport { asArray } from './utils/props';\nimport Flexbox from '../Flexbox/Flexbox';\nimport { SelectLoading } from './components/SelectLoading';\nimport { onKeyDownHandle } from './utils/keydown';\nimport ListItemHeader from '../ListItem/ListItemHeader';\n\nconst Select = forwardRef<HTMLInputElement, ISelectProps>(\n  (\n    {\n      id: idProp,\n      defaultOpen,\n      className,\n      size = Sizes.Medium,\n      mode = 'single',\n      placeholder,\n      loading = false,\n      invalid = false,\n      showSearch = true,\n      allowClear,\n      placement,\n      disabled,\n      options: originalOptions,\n      onFocus,\n      onBlur,\n      onClick,\n      children,\n      optionFilterProp = 'label',\n      optionLabelProp = 'label',\n      optionSelectionType,\n      optionShowInputControls,\n      optionMutliline = false,\n      onKeyDown,\n      onSearch,\n      onSelect,\n      onDeselect,\n      onClear,\n      onChange,\n      defaultValue,\n      suffix,\n      value,\n      style,\n      // This prop is not used in the new Select implementation, but kept for compatibility.\n      // If you need virtualized options, please use the DeprecatedSelect component.\n      virtual: _virtual = false,\n      ...rest\n    }: ISelectProps,\n    ref,\n  ): ReactElement => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const optionsContainerRef = useRef<HTMLDivElement>(null);\n    const [isOpen, setIsOpen] = useState(defaultOpen ?? false);\n    const id = useId();\n    const [handled, setHandled] = useState(false);\n    const inputId = idProp ?? `select-${id}-input`;\n    const [searchValue, setSearchValue] = useState<string>('');\n    const [selectedNodeValues, setSelectedNodeValues] = useState<ValueType[]>(() => asArray(defaultValue ?? value));\n    const options = useOptions(children, `select-${id}`, originalOptions);\n    const flatOptions = useMemo(\n      () => options.flatMap((opt) => (opt.isGroup ? [opt, ...opt.options] : [opt])),\n      [options],\n    );\n    const filteredOptions = useMemo(\n      () =>\n        searchValue && searchValue.trim().length > 0\n          ? flatOptions.filter(\n              (opt) =>\n                opt?.isGroup ||\n                strIncludes(opt?.[optionFilterProp as keyof (typeof options)[number]] as string, searchValue),\n            )\n          : flatOptions,\n      [flatOptions, searchValue, optionFilterProp],\n    );\n    const availableOptionKeys = useMemo(\n      () => filteredOptions.filter((opt) => opt && !opt.isGroup && opt.disabled !== true).map((opt) => opt.key),\n      [filteredOptions],\n    );\n\n    const [currentNodeKey, setCurrentNodeKey] = useState<string | null>(null);\n\n    // Set the initial current node key to the first available option\n    useEffect(() => {\n      setCurrentNodeKey(flatOptions.find((opt) => !opt.isGroup && !opt.disabled)?.key ?? null);\n    }, [flatOptions]);\n\n    const handleOnChange = useCallback(\n      (newNodeValues: ValueType[]) => {\n        if (mode === 'single') {\n          onChange?.(newNodeValues.length === 1 ? newNodeValues[0] : null);\n          return;\n        }\n\n        onChange?.(newNodeValues);\n      },\n      [mode, onChange],\n    );\n\n    useEffect(() => {\n      if (mode === 'single') {\n        setSelectedNodeValues(value ? [value] : []);\n      } else if (Array.isArray(value)) {\n        setSelectedNodeValues(value);\n      }\n    }, [value, mode]);\n\n    const selectNodeValue = useCallback(\n      (nodeValue: ValueType) => {\n        const {\n          current: newSelectedValues,\n          added,\n          removed,\n        } = updateSelectedValues(selectedNodeValues, nodeValue, mode, allowClear);\n\n        added.forEach((addedValue) => {\n          const addedOption = flatOptions.find((opt) => !opt.isGroup && opt.value === addedValue);\n          if (SelectUtils.isOption(addedOption) && onSelect) {\n            onSelect(addedOption.value, addedOption);\n          }\n        });\n        removed.forEach((removedValue) => {\n          const removedOption = flatOptions.find((opt) => !opt.isGroup && opt.value === removedValue);\n          if (SelectUtils.isOption(removedOption) && onDeselect) {\n            onDeselect(removedOption.value, removedOption);\n          }\n        });\n\n        setSelectedNodeValues(newSelectedValues);\n        handleOnChange(newSelectedValues);\n\n        setSearchValue('');\n        if (mode === 'single') {\n          setIsOpen(false);\n        }\n      },\n      [selectedNodeValues, mode, allowClear, handleOnChange, flatOptions, onSelect, onDeselect],\n    );\n\n    // define node values based on selected node keys\n    // This is used for the input label and for the selected tags in multiple mode.\n    const selectedNodeLabels = useMemo(\n      () =>\n        selectedNodeValues?.map(\n          (nodeValue) =>\n            (options\n              .flatMap((opt) => (opt.isGroup ? opt.options : [opt]))\n              .find((opt) => !opt.isGroup && opt.value === nodeValue)?.[\n              optionLabelProp as keyof (typeof options)[number]\n            ] ?? nodeValue) as string,\n        ),\n      [options, selectedNodeValues, optionLabelProp],\n    );\n\n    // Scroll to the current node when it changes; this is useful for keyboard navigation and for options that are not visible\n    // in the viewport.\n    useEffect(() => {\n      if (currentNodeKey) {\n        document.getElementById(currentNodeKey)?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n      }\n    }, [currentNodeKey]);\n\n    // Calculate the width of the input wrapper to set the width of the options container (popover content)\n    const inputWrapperRect = useElementRect(inputRef.current?.parentElement?.parentElement);\n\n    useImperativeHandle(ref, () => inputRef.current!);\n\n    const { focusKind, handleOnClick, handleOnFocus, handleOnBlur, handleOnMouseDownCapture } = useFocusRingOnKeyboard({\n      inputRef,\n      onFocus,\n      onBlur,\n      onClick,\n    });\n\n    const onBlurHandler = useCallback(\n      (event: FocusEvent<HTMLInputElement>) => {\n        if (handled) {\n          return;\n        }\n        // If the blur event is triggered by clicking outside the select options, close the dropdown\n        // If the related target is not part of the select options, close the dropdown\n        // If the related target is part of the select options, keep the dropdown open\n        if (\n          !event.relatedTarget ||\n          (!event.currentTarget.contains(event.relatedTarget) &&\n            (event.relatedTarget as HTMLElement).id !== `select-${id}-controls` &&\n            (event.relatedTarget as HTMLElement).parentElement?.id !== `select-${id}-options-container`)\n        ) {\n          setSearchValue('');\n          handleOnBlur(event);\n          setIsOpen(false);\n        } else {\n          handleOnFocus(event);\n          inputRef.current?.focus();\n        }\n      },\n      [handleOnBlur, handleOnFocus, id, handled],\n    );\n\n    const onkeydownHandler = useCallback(\n      (event: React.KeyboardEvent<HTMLInputElement>) => {\n        onKeyDownHandle(event, {\n          isOpen,\n          setIsOpen,\n          input: inputRef.current,\n          allowClear: Boolean(allowClear),\n          availableOptionKeys,\n          searchValue,\n          selectedNodeValues,\n          selectNodeValue,\n          flatOptions,\n          currentNodeKey,\n          setCurrentNodeKey,\n        });\n        onKeyDown?.(event);\n      },\n      [\n        onKeyDown,\n        isOpen,\n        allowClear,\n        availableOptionKeys,\n        searchValue,\n        selectedNodeValues,\n        selectNodeValue,\n        flatOptions,\n        currentNodeKey,\n      ],\n    );\n\n    const handleSearchChange: ChangeEventHandler<HTMLInputElement> = useCallback(\n      (event) => {\n        const newValue = event.target.value;\n\n        setSearchValue(newValue);\n        onSearch?.(newValue);\n      },\n      [onSearch],\n    );\n\n    return (\n      <Popover open={isOpen} onOpenChange={setIsOpen}>\n        <label\n          htmlFor={inputId}\n          id={`select-${id}-label`}\n          tabIndex={-1}\n          style={{\n            position: 'absolute',\n            width: '1px',\n            height: '1px',\n            padding: '0px',\n            margin: '-1px',\n            overflow: 'hidden',\n            clip: 'rect(0px, 0px, 0px, 0px)',\n            whiteSpace: 'nowrap',\n            borderWidth: '0px',\n          }}\n        >\n          {selectedNodeValues.join(', ')}\n        </label>\n        <PopoverTrigger asChild={true}>\n          <SelectInput\n            inputRef={inputRef}\n            data-focused={focusKind}\n            $mode={mode}\n            className={classNames(SELECT_CLASS, className)}\n            style={style}\n            size={size}\n            allowReadOnlyClear={true}\n            readOnly={!showSearch}\n            onFocus={handleOnFocus}\n            onBlur={onBlurHandler}\n            wrapperProps={{\n              onMouseDownCapture: (e) => {\n                setHandled(true);\n                handleOnMouseDownCapture(e);\n              },\n              onClick: (e) => {\n                if (!e.isDefaultPrevented()) {\n                  inputRef.current?.click();\n                }\n                setHandled(false);\n                handleOnClick(e);\n              },\n            }}\n            onClick={(e) => {\n              if (showSearch && !disabled && !e.isDefaultPrevented()) {\n                setIsOpen(true);\n                e.preventDefault();\n              }\n              setHandled(false);\n              e.stopPropagation();\n            }}\n            invalid={invalid}\n            loading={loading}\n            disabled={disabled}\n            onKeyDown={onkeydownHandler}\n            value={searchValue}\n            onChange={handleSearchChange}\n            name=\"select-input\"\n            type=\"text\"\n            customPrefix={\n              mode === 'multiple' &&\n              selectedNodeValues.map((sNodeValue, index) => (\n                <SelectTag\n                  sentiment=\"information\"\n                  $disabled={disabled}\n                  $invalid={invalid}\n                  size={size}\n                  closeButton={!disabled && allowClear}\n                  onCloseClick={() => {\n                    selectNodeValue(sNodeValue);\n                  }}\n                  key={`select-${id}-value-${sNodeValue}`}\n                >\n                  {selectedNodeLabels[index]}\n                </SelectTag>\n              ))\n            }\n            customSuffix={\n              selectedNodeValues.length > 0 &&\n              mode === 'single' &&\n              (!searchValue || searchValue.trim().length === 0) && (\n                <SelectedSingleOptionLabel disabled={disabled} id={`select-${id}-value`} size={size}>\n                  {selectedNodeLabels[0]}\n                </SelectedSingleOptionLabel>\n              )\n            }\n            suffix={{\n              transparent: true,\n              node: suffix ? (\n                <Flexbox gap=\"2px\">\n                  {suffix}\n                  <ChevronDown />\n                </Flexbox>\n              ) : (\n                <ChevronDown />\n              ),\n              onClick: (e) => {\n                const clickEvent = new Event('click', { bubbles: true, cancelable: true });\n                if (showSearch && !disabled) {\n                  setIsOpen((prev) => !prev);\n                  clickEvent.preventDefault();\n                  e.preventDefault();\n                }\n                inputRef.current?.dispatchEvent(clickEvent);\n              },\n            }}\n            placeholder={\n              !searchValue && ((selectedNodeValues.length === 0 && mode === 'single') || mode === 'multiple')\n                ? placeholder\n                : ''\n            }\n            allowClear={allowClear && ((val) => val !== '' || selectedNodeValues.length > 0)}\n            onClear={() => {\n              selectNodeValue(null);\n              onClear?.();\n            }}\n            autoComplete=\"off\"\n            autoCorrect=\"off\"\n            multiple={mode !== 'single'}\n            spellCheck=\"false\"\n            aria-autocomplete=\"list\"\n            role=\"combobox\"\n            aria-haspopup=\"listbox\"\n            aria-controls={isOpen ? `select-${id}-controls` : undefined}\n            aria-labelledby={`select-${id}-label`}\n            id={inputId}\n            aria-activedescendant={isOpen ? (currentNodeKey ?? undefined) : undefined}\n            {...rest}\n          />\n        </PopoverTrigger>\n        <SelectPopoverContent\n          role=\"listbox\"\n          align=\"start\"\n          side=\"bottom\"\n          ref={optionsContainerRef}\n          style={{\n            width: inputWrapperRect?.width ?? 'auto',\n          }}\n          size={size === Sizes.XSmall ? Sizes.Small : size}\n          sideOffset={4}\n          alignOffset={0}\n          tabIndex={-1}\n          onOpenAutoFocus={(e) => {\n            // prevent default focus behavior\n            e.preventDefault();\n            e.stopPropagation();\n          }}\n          aria-label=\"Suggestions\"\n          id={`select-${id}-controls`}\n          padding={false}\n        >\n          <div id={`select-${id}-options-container`} role=\"presentation\" tabIndex={-1}>\n            {!loading &&\n              filteredOptions.map((option, i) => {\n                if (option.isGroup && filteredOptions.some((opt) => !opt.isGroup && opt.key.startsWith(option.key))) {\n                  return (\n                    <ListItemHeader\n                      size={size === Sizes.XSmall ? Sizes.Small : size}\n                      key={option.key}\n                      id={option.key}\n                      role=\"group\"\n                      label={option.label}\n                      divider={i !== 0}\n                    />\n                  );\n                } else if (!option.isGroup) {\n                  return (\n                    <ListItem\n                      id={option.key}\n                      size={size === Sizes.XSmall ? Sizes.Small : size}\n                      key={option.key}\n                      role=\"option\"\n                      tabIndex={-1}\n                      onMouseMove={() => !option.disabled && setCurrentNodeKey(option.key)}\n                      onClick={() => !option.disabled && selectNodeValue(option.value ?? null)}\n                      onKeyDown={(event) => onkeydownHandler(event as unknown as React.KeyboardEvent<HTMLInputElement>)}\n                      selected={selectedNodeValues.includes(option.value ?? null)}\n                      aria-selected={currentNodeKey === option.key}\n                      disabled={option.disabled}\n                      multiline={optionMutliline}\n                      label={option.label}\n                      optionItem={true}\n                      selectionType={optionSelectionType ?? (!mode || mode === 'single' ? 'radio' : 'checkbox')}\n                      showInputControls={optionShowInputControls}\n                    />\n                  );\n                }\n                return null;\n              })}\n          </div>\n          {!loading && (filteredOptions.length === 0 || filteredOptions.every((opt) => opt.isGroup)) && (\n            <ListItemHeader\n              style={{ textAlign: 'center' }}\n              size={size === Sizes.XSmall ? Sizes.Small : size}\n              id={`select-${id}-options-not-found`}\n              role=\"alert\"\n              aria-live=\"polite\"\n              aria-atomic={true}\n              aria-label=\"No options found\"\n              label=\"No options found\"\n              divider={false}\n            />\n          )}\n          {loading && <SelectLoading id={id} size={size} />}\n        </SelectPopoverContent>\n      </Popover>\n    );\n  },\n);\n\nexport default Select;\n"],"names":["Select","forwardRef","idProp","defaultOpen","className","size","Sizes","mode","placeholder","loading","invalid","showSearch","allowClear","placement","disabled","originalOptions","onFocus","onBlur","onClick","children","optionFilterProp","optionLabelProp","optionSelectionType","optionShowInputControls","optionMutliline","onKeyDown","onSearch","onSelect","onDeselect","onClear","onChange","defaultValue","suffix","value","style","_virtual","rest","ref","inputRef","useRef","optionsContainerRef","isOpen","setIsOpen","useState","id","useId","handled","setHandled","inputId","searchValue","setSearchValue","selectedNodeValues","setSelectedNodeValues","asArray","options","useOptions","flatOptions","useMemo","opt","filteredOptions","strIncludes","availableOptionKeys","currentNodeKey","setCurrentNodeKey","useEffect","handleOnChange","useCallback","newNodeValues","selectNodeValue","nodeValue","newSelectedValues","added","removed","updateSelectedValues","addedValue","addedOption","SelectUtils.isOption","removedValue","removedOption","selectedNodeLabels","inputWrapperRect","useElementRect","useImperativeHandle","focusKind","handleOnClick","handleOnFocus","handleOnBlur","handleOnMouseDownCapture","useFocusRingOnKeyboard","onBlurHandler","event","onkeydownHandler","onKeyDownHandle","handleSearchChange","newValue","jsxs","Popover","jsx","PopoverTrigger","SelectInput","classNames","SELECT_CLASS","sNodeValue","index","SelectTag","SelectedSingleOptionLabel","Flexbox","ChevronDown","clickEvent","prev","val","SelectPopoverContent","option","i","ListItemHeader","ListItem","SelectLoading"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import {\n  type ChangeEventHandler,\n  type FocusEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type ReactElement,\n} from 'react';\n\nimport { SELECT_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport classNames from 'classnames';\nimport { SelectUtils } from 'acinguiux-ds-react-base/components/Select';\n\nimport type { ISelectProps, ValueType } from './Select.types';\nimport { Popover, PopoverTrigger } from '../Popover/Popover';\nimport { ChevronDown } from '../Icon/components';\nimport { useFocusRingOnKeyboard } from '../../hooks/useFocusRingOnKeyboard';\nimport { SelectInput, SelectPopoverContent, SelectTag, SelectedSingleOptionLabel } from './Select.styles';\nimport ListItem from '../ListItem/ListItem';\nimport { useOptions } from './hooks/useOptions';\nimport { useElementRect } from './hooks/useElementRect';\nimport { strIncludes } from './utils/strUtils';\nimport { updateSelectedValues } from './utils/selection';\nimport { asArray } from './utils/props';\nimport Flexbox from '../Flexbox/Flexbox';\nimport { SelectLoading } from './components/SelectLoading';\nimport { onKeyDownHandle } from './utils/keydown';\nimport ListItemHeader from '../ListItem/ListItemHeader';\n\nconst Select = forwardRef<HTMLInputElement, ISelectProps>(\n  (\n    {\n      id: idProp,\n      defaultOpen,\n      className,\n      size = Sizes.Medium,\n      mode = 'single',\n      placeholder,\n      loading = false,\n      invalid = false,\n      showSearch = true,\n      allowClear,\n      placement,\n      disabled,\n      options: originalOptions,\n      popoverWidth = 'match-parent',\n      onFocus,\n      onBlur,\n      onClick,\n      children,\n      optionFilterProp = 'label',\n      optionLabelProp = 'label',\n      optionSelectionType,\n      optionShowInputControls,\n      optionMutliline = false,\n      onKeyDown,\n      onSearch,\n      onSelect,\n      onDeselect,\n      onClear,\n      onChange,\n      defaultValue,\n      suffix,\n      value,\n      style,\n      // This prop is not used in the new Select implementation, but kept for compatibility.\n      // If you need virtualized options, please use the DeprecatedSelect component.\n      virtual: _virtual = false,\n      ...rest\n    }: ISelectProps,\n    ref,\n  ): ReactElement => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const optionsContainerRef = useRef<HTMLDivElement>(null);\n    const [isOpen, setIsOpen] = useState(defaultOpen ?? false);\n    const id = useId();\n    const [handled, setHandled] = useState(false);\n    const inputId = idProp ?? `select-${id}-input`;\n    const [searchValue, setSearchValue] = useState<string>('');\n    const [selectedNodeValues, setSelectedNodeValues] = useState<ValueType[]>(() => asArray(defaultValue ?? value));\n    const options = useOptions(children, `select-${id}`, originalOptions);\n    const flatOptions = useMemo(\n      () => options.flatMap((opt) => (opt.isGroup ? [opt, ...opt.options] : [opt])),\n      [options],\n    );\n    const filteredOptions = useMemo(\n      () =>\n        searchValue && searchValue.trim().length > 0\n          ? flatOptions.filter(\n              (opt) =>\n                opt?.isGroup ||\n                strIncludes(opt?.[optionFilterProp as keyof (typeof options)[number]] as string, searchValue),\n            )\n          : flatOptions,\n      [flatOptions, searchValue, optionFilterProp],\n    );\n    const availableOptionKeys = useMemo(\n      () => filteredOptions.filter((opt) => opt && !opt.isGroup && opt.disabled !== true).map((opt) => opt.key),\n      [filteredOptions],\n    );\n\n    const [currentNodeKey, setCurrentNodeKey] = useState<string | null>(null);\n\n    // Set the initial current node key to the first available option\n    useEffect(() => {\n      setCurrentNodeKey(flatOptions.find((opt) => !opt.isGroup && !opt.disabled)?.key ?? null);\n    }, [flatOptions]);\n\n    const handleOnChange = useCallback(\n      (newNodeValues: ValueType[]) => {\n        if (mode === 'single') {\n          onChange?.(newNodeValues.length === 1 ? newNodeValues[0] : null);\n          return;\n        }\n\n        onChange?.(newNodeValues);\n      },\n      [mode, onChange],\n    );\n\n    useEffect(() => {\n      if (mode === 'single') {\n        setSelectedNodeValues(value ? [value] : []);\n      } else if (Array.isArray(value)) {\n        setSelectedNodeValues(value);\n      }\n    }, [value, mode]);\n\n    const selectNodeValue = useCallback(\n      (nodeValue: ValueType) => {\n        const {\n          current: newSelectedValues,\n          added,\n          removed,\n        } = updateSelectedValues(selectedNodeValues, nodeValue, mode, allowClear);\n\n        added.forEach((addedValue) => {\n          const addedOption = flatOptions.find((opt) => !opt.isGroup && opt.value === addedValue);\n          if (SelectUtils.isOption(addedOption) && onSelect) {\n            onSelect(addedOption.value, addedOption);\n          }\n        });\n        removed.forEach((removedValue) => {\n          const removedOption = flatOptions.find((opt) => !opt.isGroup && opt.value === removedValue);\n          if (SelectUtils.isOption(removedOption) && onDeselect) {\n            onDeselect(removedOption.value, removedOption);\n          }\n        });\n\n        setSelectedNodeValues(newSelectedValues);\n        handleOnChange(newSelectedValues);\n\n        setSearchValue('');\n        if (mode === 'single') {\n          setIsOpen(false);\n        }\n      },\n      [selectedNodeValues, mode, allowClear, handleOnChange, flatOptions, onSelect, onDeselect],\n    );\n\n    // define node values based on selected node keys\n    // This is used for the input label and for the selected tags in multiple mode.\n    const selectedNodeLabels = useMemo(\n      () =>\n        selectedNodeValues?.map(\n          (nodeValue) =>\n            (options\n              .flatMap((opt) => (opt.isGroup ? opt.options : [opt]))\n              .find((opt) => !opt.isGroup && opt.value === nodeValue)?.[\n              optionLabelProp as keyof (typeof options)[number]\n            ] ?? nodeValue) as string,\n        ),\n      [options, selectedNodeValues, optionLabelProp],\n    );\n\n    // Scroll to the current node when it changes; this is useful for keyboard navigation and for options that are not visible\n    // in the viewport.\n    useEffect(() => {\n      if (currentNodeKey) {\n        document.getElementById(currentNodeKey)?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n      }\n    }, [currentNodeKey]);\n\n    // Calculate the width of the input wrapper to set the width of the options container (popover content)\n    const inputWrapperRect = useElementRect(inputRef.current?.parentElement?.parentElement);\n\n    useImperativeHandle(ref, () => inputRef.current!);\n\n    const { focusKind, handleOnClick, handleOnFocus, handleOnBlur, handleOnMouseDownCapture } = useFocusRingOnKeyboard({\n      inputRef,\n      onFocus,\n      onBlur,\n      onClick,\n    });\n\n    const onBlurHandler = useCallback(\n      (event: FocusEvent<HTMLInputElement>) => {\n        if (handled) {\n          return;\n        }\n        // If the blur event is triggered by clicking outside the select options, close the dropdown\n        // If the related target is not part of the select options, close the dropdown\n        // If the related target is part of the select options, keep the dropdown open\n        if (\n          !event.relatedTarget ||\n          (!event.currentTarget.contains(event.relatedTarget) &&\n            (event.relatedTarget as HTMLElement).id !== `select-${id}-controls` &&\n            (event.relatedTarget as HTMLElement).parentElement?.id !== `select-${id}-options-container`)\n        ) {\n          setSearchValue('');\n          handleOnBlur(event);\n          setIsOpen(false);\n        } else {\n          handleOnFocus(event);\n          inputRef.current?.focus();\n        }\n      },\n      [handleOnBlur, handleOnFocus, id, handled],\n    );\n\n    const onkeydownHandler = useCallback(\n      (event: React.KeyboardEvent<HTMLInputElement>) => {\n        onKeyDownHandle(event, {\n          isOpen,\n          setIsOpen,\n          input: inputRef.current,\n          allowClear: Boolean(allowClear),\n          availableOptionKeys,\n          searchValue,\n          selectedNodeValues,\n          selectNodeValue,\n          flatOptions,\n          currentNodeKey,\n          setCurrentNodeKey,\n        });\n        onKeyDown?.(event);\n      },\n      [\n        onKeyDown,\n        isOpen,\n        allowClear,\n        availableOptionKeys,\n        searchValue,\n        selectedNodeValues,\n        selectNodeValue,\n        flatOptions,\n        currentNodeKey,\n      ],\n    );\n\n    const handleSearchChange: ChangeEventHandler<HTMLInputElement> = useCallback(\n      (event) => {\n        const newValue = event.target.value;\n\n        setSearchValue(newValue);\n        onSearch?.(newValue);\n      },\n      [onSearch],\n    );\n\n    return (\n      <Popover open={isOpen} onOpenChange={setIsOpen}>\n        <label\n          htmlFor={inputId}\n          id={`select-${id}-label`}\n          tabIndex={-1}\n          style={{\n            position: 'absolute',\n            width: '1px',\n            height: '1px',\n            padding: '0px',\n            margin: '-1px',\n            overflow: 'hidden',\n            clip: 'rect(0px, 0px, 0px, 0px)',\n            whiteSpace: 'nowrap',\n            borderWidth: '0px',\n          }}\n        >\n          {selectedNodeValues.join(', ')}\n        </label>\n        <PopoverTrigger asChild={true}>\n          <SelectInput\n            inputRef={inputRef}\n            data-focused={focusKind}\n            $mode={mode}\n            className={classNames(SELECT_CLASS, className)}\n            style={style}\n            size={size}\n            allowReadOnlyClear={true}\n            readOnly={!showSearch}\n            onFocus={handleOnFocus}\n            onBlur={onBlurHandler}\n            wrapperProps={{\n              onMouseDownCapture: (e) => {\n                setHandled(true);\n                handleOnMouseDownCapture(e);\n              },\n              onClick: (e) => {\n                if (!e.isDefaultPrevented()) {\n                  inputRef.current?.click();\n                }\n                setHandled(false);\n                handleOnClick(e);\n              },\n            }}\n            onClick={(e) => {\n              if (showSearch && !disabled && !e.isDefaultPrevented()) {\n                setIsOpen(true);\n                e.preventDefault();\n              }\n              setHandled(false);\n              e.stopPropagation();\n            }}\n            invalid={invalid}\n            loading={loading}\n            disabled={disabled}\n            onKeyDown={onkeydownHandler}\n            value={searchValue}\n            onChange={handleSearchChange}\n            name=\"select-input\"\n            type=\"text\"\n            customPrefix={\n              mode === 'multiple' &&\n              selectedNodeValues.map((sNodeValue, index) => (\n                <SelectTag\n                  sentiment=\"information\"\n                  $disabled={disabled}\n                  $invalid={invalid}\n                  size={size}\n                  closeButton={!disabled && allowClear}\n                  onCloseClick={() => {\n                    selectNodeValue(sNodeValue);\n                  }}\n                  key={`select-${id}-value-${sNodeValue}`}\n                >\n                  {selectedNodeLabels[index]}\n                </SelectTag>\n              ))\n            }\n            customSuffix={\n              selectedNodeValues.length > 0 &&\n              mode === 'single' &&\n              (!searchValue || searchValue.trim().length === 0) && (\n                <SelectedSingleOptionLabel disabled={disabled} id={`select-${id}-value`} size={size}>\n                  {selectedNodeLabels[0]}\n                </SelectedSingleOptionLabel>\n              )\n            }\n            suffix={{\n              transparent: true,\n              node: suffix ? (\n                <Flexbox gap=\"2px\">\n                  {suffix}\n                  <ChevronDown />\n                </Flexbox>\n              ) : (\n                <ChevronDown />\n              ),\n              onClick: (e) => {\n                const clickEvent = new Event('click', { bubbles: true, cancelable: true });\n                if (showSearch && !disabled) {\n                  setIsOpen((prev) => !prev);\n                  clickEvent.preventDefault();\n                  e.preventDefault();\n                }\n                inputRef.current?.dispatchEvent(clickEvent);\n              },\n            }}\n            placeholder={\n              !searchValue && ((selectedNodeValues.length === 0 && mode === 'single') || mode === 'multiple')\n                ? placeholder\n                : ''\n            }\n            allowClear={allowClear && ((val) => val !== '' || selectedNodeValues.length > 0)}\n            onClear={() => {\n              selectNodeValue(null);\n              onClear?.();\n            }}\n            autoComplete=\"off\"\n            autoCorrect=\"off\"\n            multiple={mode !== 'single'}\n            spellCheck=\"false\"\n            aria-autocomplete=\"list\"\n            role=\"combobox\"\n            aria-haspopup=\"listbox\"\n            aria-controls={isOpen ? `select-${id}-controls` : undefined}\n            aria-labelledby={`select-${id}-label`}\n            id={inputId}\n            aria-activedescendant={isOpen ? (currentNodeKey ?? undefined) : undefined}\n            {...rest}\n          />\n        </PopoverTrigger>\n        <SelectPopoverContent\n          role=\"listbox\"\n          align=\"start\"\n          side=\"bottom\"\n          ref={optionsContainerRef}\n          style={{\n            width: popoverWidth === 'fit-content' ? 'auto' : (inputWrapperRect?.width ?? 'auto'),\n          }}\n          size={size === Sizes.XSmall ? Sizes.Small : size}\n          sideOffset={4}\n          alignOffset={0}\n          tabIndex={-1}\n          onOpenAutoFocus={(e) => {\n            // prevent default focus behavior\n            e.preventDefault();\n            e.stopPropagation();\n          }}\n          aria-label=\"Suggestions\"\n          id={`select-${id}-controls`}\n          padding={false}\n        >\n          <div id={`select-${id}-options-container`} role=\"presentation\" tabIndex={-1}>\n            {!loading &&\n              filteredOptions.map((option, i) => {\n                if (option.isGroup && filteredOptions.some((opt) => !opt.isGroup && opt.key.startsWith(option.key))) {\n                  return (\n                    <ListItemHeader\n                      size={size === Sizes.XSmall ? Sizes.Small : size}\n                      key={option.key}\n                      id={option.key}\n                      role=\"group\"\n                      label={option.label}\n                      divider={i !== 0}\n                    />\n                  );\n                } else if (!option.isGroup) {\n                  return (\n                    <ListItem\n                      id={option.key}\n                      size={size === Sizes.XSmall ? Sizes.Small : size}\n                      key={option.key}\n                      role=\"option\"\n                      tabIndex={-1}\n                      onMouseMove={() => !option.disabled && setCurrentNodeKey(option.key)}\n                      onClick={() => !option.disabled && selectNodeValue(option.value ?? null)}\n                      onKeyDown={(event) => onkeydownHandler(event as unknown as React.KeyboardEvent<HTMLInputElement>)}\n                      selected={selectedNodeValues.includes(option.value ?? null)}\n                      aria-selected={currentNodeKey === option.key}\n                      disabled={option.disabled}\n                      multiline={optionMutliline}\n                      label={option.label}\n                      optionItem={true}\n                      selectionType={optionSelectionType ?? (!mode || mode === 'single' ? 'radio' : 'checkbox')}\n                      showInputControls={optionShowInputControls}\n                    />\n                  );\n                }\n                return null;\n              })}\n          </div>\n          {!loading && (filteredOptions.length === 0 || filteredOptions.every((opt) => opt.isGroup)) && (\n            <ListItemHeader\n              style={{ textAlign: 'center' }}\n              size={size === Sizes.XSmall ? Sizes.Small : size}\n              id={`select-${id}-options-not-found`}\n              role=\"alert\"\n              aria-live=\"polite\"\n              aria-atomic={true}\n              aria-label=\"No options found\"\n              label=\"No options found\"\n              divider={false}\n            />\n          )}\n          {loading && <SelectLoading id={id} size={size} />}\n        </SelectPopoverContent>\n      </Popover>\n    );\n  },\n);\n\nexport default Select;\n"],"names":["Select","forwardRef","idProp","defaultOpen","className","size","Sizes","mode","placeholder","loading","invalid","showSearch","allowClear","placement","disabled","originalOptions","popoverWidth","onFocus","onBlur","onClick","children","optionFilterProp","optionLabelProp","optionSelectionType","optionShowInputControls","optionMutliline","onKeyDown","onSearch","onSelect","onDeselect","onClear","onChange","defaultValue","suffix","value","style","_virtual","rest","ref","inputRef","useRef","optionsContainerRef","isOpen","setIsOpen","useState","id","useId","handled","setHandled","inputId","searchValue","setSearchValue","selectedNodeValues","setSelectedNodeValues","asArray","options","useOptions","flatOptions","useMemo","opt","filteredOptions","strIncludes","availableOptionKeys","currentNodeKey","setCurrentNodeKey","useEffect","handleOnChange","useCallback","newNodeValues","selectNodeValue","nodeValue","newSelectedValues","added","removed","updateSelectedValues","addedValue","addedOption","SelectUtils.isOption","removedValue","removedOption","selectedNodeLabels","inputWrapperRect","useElementRect","useImperativeHandle","focusKind","handleOnClick","handleOnFocus","handleOnBlur","handleOnMouseDownCapture","useFocusRingOnKeyboard","onBlurHandler","event","onkeydownHandler","onKeyDownHandle","handleSearchChange","newValue","jsxs","Popover","jsx","PopoverTrigger","SelectInput","classNames","SELECT_CLASS","sNodeValue","index","SelectTag","SelectedSingleOptionLabel","Flexbox","ChevronDown","clickEvent","prev","val","SelectPopoverContent","option","i","ListItemHeader","ListItem","SelectLoading"],"mappings":"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"}

package/build/cjs/components/Toggle/Toggle.js

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),$=require("react"),m=require("classnames"),o=require("../../react-base/src/consts/index.js"),r=require("./Toggle.styles.js"),c=require("../../react-base/src/consts/classes.js"),p=$.forwardRef(({className:n,size:i=`${o.Sizes.Medium}`,label:e,checked:l,selected:g,defaultChecked:u,defaultSelected:a,disabled:t=!1,labelPosition:d=o.Positions.Left,mirrored:T=!1,wrapperProps:f,title:x,...q},L)=>{const S=x||typeof e=="string"&&e||void 0;return s.jsxs(r.ToggleWrapper,{className:m(c.TOGGLE_CLASS,n),$size:i,$mirrored:T,$labelPosition:d,$disabled:t,...f,children:[!!e&&s.jsx(r.ToggleLabel,{$size:i,children:e}),s.jsx(r.Toggle,{ref:L,prefixCls:c.TOGGLE_SWITCH_CLASS,checked:g??l,defaultChecked:a??u,disabled:t,title:S,...q})]})});module.exports=p;
+"use strict";const t=require("react/jsx-runtime"),j=require("react"),m=require("classnames"),c=require("../../react-base/src/consts/index.js"),n=require("../../react-base/src/components/Toggle/Toggle.consts.js"),i=require("./Toggle.styles.js"),p=require("../Icon/components/Lock.js"),g=require("../../react-base/src/consts/classes.js"),C=j.forwardRef(({className:l,size:e=`${c.Sizes.Medium}`,label:s,checked:u,selected:d,defaultChecked:a,defaultSelected:h,disabled:o=!1,readOnly:r=!1,labelPosition:T=c.Positions.Left,mirrored:f=!1,wrapperProps:q,title:x,...L},$)=>{const S=x||typeof s=="string"&&s||void 0;return t.jsxs(i.ToggleWrapper,{className:m(g.TOGGLE_CLASS,l),$size:e,$mirrored:f,$labelPosition:T,$disabled:o,$readOnly:r,...q,children:[!!s&&t.jsx(i.ToggleLabel,{$size:e,children:s}),r&&t.jsx(p,{width:n.consts[e].height,height:n.consts[e].height}),t.jsx(i.Toggle,{ref:$,prefixCls:g.TOGGLE_SWITCH_CLASS,checked:d??u,defaultChecked:h??a,disabled:o||r,title:S,...L})]})});module.exports=C;
 //# sourceMappingURL=Toggle.js.map