@foxford/ui 2.39.0-beta-8d52b2b-20240822 → 2.39.0-beta-d0e7df8-20240822

package/components/ListItem/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/ListItem/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { Text } from 'components/Text'\nimport type { StyledListItemProps, ListItemPalette, TypographyProps } from './types'\n\nconst shouldForwardListItemProp = createShouldForwardProp(\n  (propKey) => !['danger', 'success', 'active', 'onColored', 'mediaBorderRadius', 'borderRadius'].includes(propKey)\n)\n\nexport const Media = styled.span`\n  box-sizing: border-box;\n  flex-shrink: 0;\n  width: 2.2em;\n  height: 2.2em;\n\n  & > * {\n    box-sizing: border-box;\n    width: 100%;\n    height: 100%;\n  }\n`\n\nconst template = (palette: ListItemPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n  }\n\n  & ${Media} img {\n    background-color: ${palette.mediaPlaceholderColor};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    danger: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-error'],\n            backgroundColor: props.theme.colors['alert-bg-error-100'],\n            colorHover: props.theme.colors['alert-error'],\n            backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    success: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-success'],\n            backgroundColor: props.theme.colors['alert-bg-success-100'],\n            colorHover: props.theme.colors['alert-success'],\n            backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    secondary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    primary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n  },\n  default: {\n    danger: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-error'],\n            backgroundColor: props.theme.colors['alert-bg-error-100'],\n            colorHover: props.theme.colors['alert-error'],\n            backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-error'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['alert-error'],\n            backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    success: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-success'],\n            backgroundColor: props.theme.colors['alert-bg-success-100'],\n            colorHover: props.theme.colors['alert-success'],\n            backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-success'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['alert-success'],\n            backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    secondary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    primary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-onmain-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-onmain-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n  },\n}\n\nexport const Root = styled.button\n  .withConfig<StyledListItemProps>({\n    shouldForwardProp: shouldForwardListItemProp,\n  })\n  .attrs<StyledListItemProps>(<Required<Pick<StyledListItemProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => ({\n      fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n      padding: '0.4em 0.8em',\n    }),\n  })`\n  ${(props) => `\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    isolation: isolate;\n    position: relative;\n    cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n    border-radius: ${typeof props.borderRadius === 'string' ? props.borderRadius : `${props.borderRadius}px`};\n    border: none;\n    text-decoration: none;\n    appearance: none;\n    text-align: start;\n    width: 100%;\n    min-width: min-content;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n\n    & ${Media} {\n      border-radius: ${\n        typeof props.mediaBorderRadius === 'string' ? props.mediaBorderRadius : `${props.mediaBorderRadius}px`\n      };\n    }\n\n    & > *:not(:last-child) {\n      margin-right: 12px;\n    }\n  `}\n\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n    let schemaVariant = schema.primary\n\n    if (props.secondary) schemaVariant = schema.secondary\n    if (props.success) schemaVariant = schema.success\n    if (props.danger) schemaVariant = schema.danger\n\n    if (props.disabled) return schemaVariant.disabled\n    if (props.active) return schemaVariant.active\n\n    return schemaVariant.default\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Content = styled.span`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n`\n\nexport const Img = styled.img`\n  box-sizing: border-box;\n  border-radius: inherit;\n  object-fit: contain;\n`\n\nexport const Typography = styled(Text).withConfig<TypographyProps>({\n  shouldForwardProp: (propKey) => propKey !== 'ellipsis',\n})`\n  ${(props) =>\n    props.ellipsis &&\n    `\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      min-width: 100%;\n      width: 5ch;\n    `}\n`\n"],"names":["shouldForwardListItemProp","createShouldForwardProp","propKey","includes","Media","styled","span","withConfig","componentId","template","palette","color","concat","backgroundColor","colorHover","backgroundColorHover","mediaPlaceholderColor","COLOR_SCHEMA","onColored","danger","disabled","css","props","_objectSpread","theme","colors","transparent","active","default","success","secondary","primary","Root","button","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","padding","borderRadius","mediaBorderRadius","schema","schemaVariant","focus","responsiveSize","responsiveMargin","Content","Img","img","Typography","Text","ellipsis"],"mappings":"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"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/ListItem/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { Text } from 'components/Text'\nimport type { StyledListItemProps, ListItemPalette, TypographyProps } from './types'\n\nconst shouldForwardListItemProp = createShouldForwardProp(\n  (propKey) => !['danger', 'success', 'active', 'onColored', 'mediaBorderRadius', 'borderRadius'].includes(propKey)\n)\n\nexport const Media = styled.span`\n  box-sizing: border-box;\n  flex-shrink: 0;\n  width: 2.2em;\n  height: 2.2em;\n\n  & > * {\n    box-sizing: border-box;\n    width: 100%;\n    height: 100%;\n  }\n`\n\nconst template = (palette: ListItemPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n  }\n\n  & ${Media} img {\n    background-color: ${palette.mediaPlaceholderColor};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    danger: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-error'],\n            backgroundColor: props.theme.colors['alert-bg-error-100'],\n            colorHover: props.theme.colors['alert-error'],\n            backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    success: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-success'],\n            backgroundColor: props.theme.colors['alert-bg-success-100'],\n            colorHover: props.theme.colors['alert-success'],\n            backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    secondary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    primary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n  },\n  default: {\n    danger: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-error'],\n            backgroundColor: props.theme.colors['alert-bg-error-100'],\n            colorHover: props.theme.colors['alert-error'],\n            backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-error'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['alert-error'],\n            backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    success: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-success'],\n            backgroundColor: props.theme.colors['alert-bg-success-100'],\n            colorHover: props.theme.colors['alert-success'],\n            backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-success'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['alert-success'],\n            backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    secondary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    primary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-onmain-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-onmain-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n  },\n}\n\nexport const Root = styled.button\n  .withConfig<StyledListItemProps>({\n    shouldForwardProp: shouldForwardListItemProp,\n  })\n  .attrs<StyledListItemProps>(<Required<Pick<StyledListItemProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => ({\n      fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n      padding: '0.4em 0.8em',\n    }),\n  })`\n  ${(props) => `\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    isolation: isolate;\n    position: relative;\n    cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n    border-radius: ${typeof props.borderRadius === 'string' ? props.borderRadius : `${props.borderRadius}px`};\n    border: none;\n    text-decoration: none;\n    appearance: none;\n    text-align: start;\n    width: 100%;\n    min-width: min-content;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n\n    & ${Media} {\n      border-radius: ${\n        typeof props.mediaBorderRadius === 'string' ? props.mediaBorderRadius : `${props.mediaBorderRadius}px`\n      };\n    }\n\n    & > *:not(:last-child) {\n      margin-right: 12px;\n    }\n  `}\n\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n    let schemaVariant = schema.primary\n\n    if (props.secondary) schemaVariant = schema.secondary\n    if (props.success) schemaVariant = schema.success\n    if (props.danger) schemaVariant = schema.danger\n\n    if (props.disabled) return schemaVariant.disabled\n    if (props.active) return schemaVariant.active\n\n    return schemaVariant.default\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Content = styled.span`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n`\n\nexport const Img = styled.img`\n  box-sizing: border-box;\n  border-radius: inherit;\n  object-fit: contain;\n`\n\nexport const Typography = styled(Text).withConfig<TypographyProps>({\n  shouldForwardProp: (propKey) => propKey !== 'ellipsis',\n})`\n  ${(props) =>\n    props.ellipsis &&\n    `\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      min-width: 100%;\n      width: 5ch;\n    `}\n`\n"],"names":["shouldForwardListItemProp","createShouldForwardProp","propKey","includes","Media","styled","span","withConfig","displayName","componentId","template","palette","color","backgroundColor","colorHover","backgroundColorHover","mediaPlaceholderColor","COLOR_SCHEMA","onColored","danger","disabled","css","props","theme","colors","transparent","active","default","success","secondary","primary","Root","button","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","padding","borderRadius","mediaBorderRadius","schema","schemaVariant","focus","responsiveSize","responsiveMargin","Content","Img","img","Typography","Text","ellipsis"],"mappings":"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"}

package/components/ListItem/style.mjs

@@ -0,0 +1,2 @@
+import styled,{css}from'styled-components';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{focus}from'../../mixins/focus.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{Text}from'../Text/Text.mjs';const shouldForwardListItemProp=createShouldForwardProp((o=>!['danger','success','active','onColored','mediaBorderRadius','borderRadius'].includes(o)));const Media=styled.span.withConfig({displayName:"ListItem__Media",componentId:"ui__sc-1a62xqm-0"})(["box-sizing:border-box;flex-shrink:0;width:2.2em;height:2.2em;& > *{box-sizing:border-box;width:100%;height:100%;}"]);const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n  }\n\n  & ${Media} img {\n    background-color: ${o.mediaPlaceholderColor};\n  }\n`;const COLOR_SCHEMA={onColored:{danger:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),active:css(["",""],(o=>template({color:o.theme.colors['alert-error'],backgroundColor:o.theme.colors['alert-bg-error-100'],colorHover:o.theme.colors['alert-error'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette})))},success:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),active:css(["",""],(o=>template({color:o.theme.colors['alert-success'],backgroundColor:o.theme.colors['alert-bg-success-100'],colorHover:o.theme.colors['alert-success'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette})))},secondary:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),active:css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100-active'],colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette})))},primary:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),active:css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100-active'],colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncontrast-hover'],...o.palette})))}},default:{danger:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),active:css(["",""],(o=>template({color:o.theme.colors['alert-error'],backgroundColor:o.theme.colors['alert-bg-error-100'],colorHover:o.theme.colors['alert-error'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['alert-error'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['alert-error'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},success:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),active:css(["",""],(o=>template({color:o.theme.colors['alert-success'],backgroundColor:o.theme.colors['alert-bg-success-100'],colorHover:o.theme.colors['alert-success'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['alert-success'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['alert-success'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},secondary:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),active:css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100-active'],colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},primary:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),active:css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100-active'],colorHover:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))}}};const Root=styled.button.withConfig({shouldForwardProp:shouldForwardListItemProp}).attrs({dynamicSizeDeclaration:(o,e)=>({fontSize:typeof o=='string'?o:`${o}${e}`,padding:'0.4em 0.8em'})}).withConfig({displayName:"ListItem__Root",componentId:"ui__sc-1a62xqm-1"})([""," "," "," "," ",""],(o=>`\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    isolation: isolate;\n    position: relative;\n    cursor: ${o.disabled?'not-allowed':'pointer'};\n    border-radius: ${typeof o.borderRadius=='string'?o.borderRadius:`${o.borderRadius}px`};\n    border: none;\n    text-decoration: none;\n    appearance: none;\n    text-align: start;\n    width: 100%;\n    min-width: min-content;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n\n    & ${Media} {\n      border-radius: ${typeof o.mediaBorderRadius=='string'?o.mediaBorderRadius:`${o.mediaBorderRadius}px`};\n    }\n\n    & > *:not(:last-child) {\n      margin-right: 12px;\n    }\n  `),(o=>{const e=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;let r=e.primary;return o.secondary&&(r=e.secondary),o.success&&(r=e.success),o.danger&&(r=e.danger),o.disabled?r.disabled:o.active?r.active:r.default}),focus,responsiveSize,responsiveMargin);const Content=styled.span.withConfig({displayName:"ListItem__Content",componentId:"ui__sc-1a62xqm-2"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;"]);const Img=styled.img.withConfig({displayName:"ListItem__Img",componentId:"ui__sc-1a62xqm-3"})(["box-sizing:border-box;border-radius:inherit;object-fit:contain;"]);const Typography=styled(Text).withConfig({shouldForwardProp:o=>o!=='ellipsis'}).withConfig({displayName:"ListItem__Typography",componentId:"ui__sc-1a62xqm-4"})(["",""],(o=>o.ellipsis&&"\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      min-width: 100%;\n      width: 5ch;\n    "));export{Content,Img,Media,Root,Typography};
+//# sourceMappingURL=style.mjs.map

package/components/ListItem/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/ListItem/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { Text } from 'components/Text'\nimport type { StyledListItemProps, ListItemPalette, TypographyProps } from './types'\n\nconst shouldForwardListItemProp = createShouldForwardProp(\n  (propKey) => !['danger', 'success', 'active', 'onColored', 'mediaBorderRadius', 'borderRadius'].includes(propKey)\n)\n\nexport const Media = styled.span`\n  box-sizing: border-box;\n  flex-shrink: 0;\n  width: 2.2em;\n  height: 2.2em;\n\n  & > * {\n    box-sizing: border-box;\n    width: 100%;\n    height: 100%;\n  }\n`\n\nconst template = (palette: ListItemPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n  }\n\n  & ${Media} img {\n    background-color: ${palette.mediaPlaceholderColor};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    danger: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-error'],\n            backgroundColor: props.theme.colors['alert-bg-error-100'],\n            colorHover: props.theme.colors['alert-error'],\n            backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    success: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-success'],\n            backgroundColor: props.theme.colors['alert-bg-success-100'],\n            colorHover: props.theme.colors['alert-success'],\n            backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    secondary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    primary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n  },\n  default: {\n    danger: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-error'],\n            backgroundColor: props.theme.colors['alert-bg-error-100'],\n            colorHover: props.theme.colors['alert-error'],\n            backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-error'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['alert-error'],\n            backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    success: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-success'],\n            backgroundColor: props.theme.colors['alert-bg-success-100'],\n            colorHover: props.theme.colors['alert-success'],\n            backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-success'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['alert-success'],\n            backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    secondary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    primary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-onmain-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-onmain-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n  },\n}\n\nexport const Root = styled.button\n  .withConfig<StyledListItemProps>({\n    shouldForwardProp: shouldForwardListItemProp,\n  })\n  .attrs<StyledListItemProps>(<Required<Pick<StyledListItemProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => ({\n      fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n      padding: '0.4em 0.8em',\n    }),\n  })`\n  ${(props) => `\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    isolation: isolate;\n    position: relative;\n    cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n    border-radius: ${typeof props.borderRadius === 'string' ? props.borderRadius : `${props.borderRadius}px`};\n    border: none;\n    text-decoration: none;\n    appearance: none;\n    text-align: start;\n    width: 100%;\n    min-width: min-content;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n\n    & ${Media} {\n      border-radius: ${\n        typeof props.mediaBorderRadius === 'string' ? props.mediaBorderRadius : `${props.mediaBorderRadius}px`\n      };\n    }\n\n    & > *:not(:last-child) {\n      margin-right: 12px;\n    }\n  `}\n\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n    let schemaVariant = schema.primary\n\n    if (props.secondary) schemaVariant = schema.secondary\n    if (props.success) schemaVariant = schema.success\n    if (props.danger) schemaVariant = schema.danger\n\n    if (props.disabled) return schemaVariant.disabled\n    if (props.active) return schemaVariant.active\n\n    return schemaVariant.default\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Content = styled.span`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n`\n\nexport const Img = styled.img`\n  box-sizing: border-box;\n  border-radius: inherit;\n  object-fit: contain;\n`\n\nexport const Typography = styled(Text).withConfig<TypographyProps>({\n  shouldForwardProp: (propKey) => propKey !== 'ellipsis',\n})`\n  ${(props) =>\n    props.ellipsis &&\n    `\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      min-width: 100%;\n      width: 5ch;\n    `}\n`\n"],"names":["shouldForwardListItemProp","createShouldForwardProp","propKey","includes","Media","styled","span","withConfig","displayName","componentId","template","palette","color","backgroundColor","colorHover","backgroundColorHover","mediaPlaceholderColor","COLOR_SCHEMA","onColored","danger","disabled","css","props","theme","colors","transparent","active","default","success","secondary","primary","Root","button","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","padding","borderRadius","mediaBorderRadius","schema","schemaVariant","focus","responsiveSize","responsiveMargin","Content","Img","img","Typography","Text","ellipsis"],"mappings":"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"}

package/components/Menu/Menu.js

@@ -1,2 +1,2 @@
-import e from'@babel/runtime/helpers/objectSpread2';import r from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as t,useRef as s}from'react';import{mergeDeepLeft as o}from'ramda';import{withMergedProps as i}from'../../hocs/withMergedProps.js';import{focusFirstFocusable as a}from'../../shared/utils/dom.js';import{Tooltip as n}from'../Tooltip/Tooltip.js';import{MenuComponent as p}from'../MenuComponent/MenuComponent.js';import{MenuList as m}from'../MenuList/MenuList.js';import{MenuContainer as l}from'../MenuContainer/MenuContainer.js';import{MenuDivider as u}from'../MenuDivider/MenuDivider.js';import{jsx as c}from'react/jsx-runtime';import{SIZES as f}from'../MenuComponent/constants.js';var d=["size","disableFlip","offset","placement","styles","sizes","sizeUnits","render","primary","secondary","palette","autoFocus","disableAutoFocus","maxHeight"];var b=Object.assign(i(t(((t,i)=>{var{size:m="m",disableFlip:l=!0,offset:u=8,placement:f="bottom-start",styles:b={},sizes:M,sizeUnits:j,render:h,primary:F,secondary:g,palette:y,autoFocus:z,disableAutoFocus:C,maxHeight:v}=t,L=r(t,d);var w=s(null);return c(n,e(e({},L),{},{ref:i,preset:"brand",size:m,hideArrow:!0,getPopper:(e,r)=>{e.state.elements.reference instanceof HTMLElement&&(w.current=e.state.elements.reference),L.getPopper&&L.getPopper(e,r)},callback:(e,r)=>{'close'===e&&w.current instanceof HTMLElement&&a(w.current),L.callback&&L.callback(e,r)},disableFlip:l,offset:u,placement:f,styles:o(b,g?{floater:{filter:'none'},wrapper:{cursor:'pointer'}}:{wrapper:{cursor:'pointer'}}),component:c(p,{sizes:M,sizeUnits:j,autoFocus:z,disableAutoFocus:C,primary:F,secondary:g,palette:y,maxHeight:v,children:h})}))})),{displayName:'Menu',sizes:f}),{Component:p,List:m,Container:l,Divider:u});export{b as Menu};
+'use strict';var React=require('react');var ramda=require('ramda');var withMergedProps=require('../../hocs/withMergedProps.js');var dom=require('../../shared/utils/dom.js');var require$$0=require('react/jsx-runtime');var MenuComponent=require('../MenuComponent/MenuComponent.js');var MenuList=require('../MenuList/MenuList.js');var MenuContainer=require('../MenuContainer/MenuContainer.js');var MenuDivider=require('../MenuDivider/MenuDivider.js');var constants=require('../MenuComponent/constants.js');var Tooltip=require('../Tooltip/Tooltip.js');const Menu=Object.assign(withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{const{size:n="m",disableFlip:t=!0,offset:s=8,placement:o="bottom-start",styles:i={},sizes:a,sizeUnits:u,render:p,primary:c,secondary:l,palette:M,autoFocus:m,disableAutoFocus:d,maxHeight:v,...f}=e;const C=React.useRef(null);return require$$0.jsx(Tooltip.Tooltip,{...f,ref:r,preset:"brand",size:n,hideArrow:!0,getPopper:(e,r)=>{e.state.elements.reference instanceof HTMLElement&&(C.current=e.state.elements.reference),f.getPopper&&f.getPopper(e,r)},callback:(e,r)=>{e==='close'&&C.current instanceof HTMLElement&&dom.focusFirstFocusable(C.current),f.callback&&f.callback(e,r)},disableFlip:t,offset:s,placement:o,styles:ramda.mergeDeepLeft(i,l?{floater:{filter:'none'},wrapper:{cursor:'pointer'}}:{wrapper:{cursor:'pointer'}}),component:require$$0.jsx(MenuComponent.MenuComponent,{sizes:a,sizeUnits:u,autoFocus:m,disableAutoFocus:d,primary:c,secondary:l,palette:M,maxHeight:v,children:p})})})),{displayName:'Menu',sizes:constants.SIZES}),{Component:MenuComponent.MenuComponent,List:MenuList.MenuList,Container:MenuContainer.MenuContainer,Divider:MenuDivider.MenuDivider});exports.Menu=Menu;
 //# sourceMappingURL=Menu.js.map

package/components/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import { forwardRef, useRef } from 'react'\nimport { mergeDeepLeft } from 'ramda'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { Tooltip } from 'components/Tooltip'\nimport { MenuComponent, SIZES } from 'components/MenuComponent'\nimport { MenuList } from 'components/MenuList'\nimport { MenuContainer } from 'components/MenuContainer'\nimport { MenuDivider } from 'components/MenuDivider'\nimport type { MenuProps } from './types'\n\nconst COMPONENT_NAME = 'Menu'\n\n/**\n *\n * Component accepts [\"react-floater\"](https://www.npmjs.com/package/react-floater/v/0.8.2) v0.8.2 props.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to menu component root.\n *\n * See full [MenuProps](https://github.com/foxford/ui/blob/master/src/components/Menu/types.ts)\n */\nconst Menu: React.ForwardRefExoticComponent<MenuProps> & {\n  Component: typeof MenuComponent\n  List: typeof MenuList\n  Container: typeof MenuContainer\n  Divider: typeof MenuDivider\n} = Object.assign(\n  withMergedProps<MenuProps, HTMLDivElement>(\n    forwardRef((props, ref) => {\n      const {\n        size = 'm',\n        disableFlip = true,\n        offset = 8,\n        placement = 'bottom-start',\n        styles = {},\n        sizes,\n        sizeUnits,\n        render,\n        primary,\n        secondary,\n        palette,\n        autoFocus,\n        disableAutoFocus,\n        maxHeight,\n        ...restProps\n      } = props\n\n      const trigger = useRef<HTMLElement | null>(null)\n\n      return (\n        <Tooltip\n          {...restProps}\n          ref={ref}\n          preset='brand'\n          size={size}\n          hideArrow\n          getPopper={(popper, origin) => {\n            if (popper.state.elements.reference instanceof HTMLElement) {\n              trigger.current = popper.state.elements.reference\n            }\n\n            if (restProps.getPopper) {\n              restProps.getPopper(popper, origin)\n            }\n          }}\n          callback={(action, tooltipProps) => {\n            if (action === 'close' && trigger.current instanceof HTMLElement) {\n              focusFirstFocusable(trigger.current)\n            }\n\n            if (restProps.callback) {\n              restProps.callback(action, tooltipProps)\n            }\n          }}\n          disableFlip={disableFlip}\n          offset={offset}\n          placement={placement}\n          styles={mergeDeepLeft(\n            styles,\n            secondary\n              ? { floater: { filter: 'none' }, wrapper: { cursor: 'pointer' } }\n              : { wrapper: { cursor: 'pointer' } }\n          )}\n          component={\n            <MenuComponent\n              sizes={sizes}\n              sizeUnits={sizeUnits}\n              autoFocus={autoFocus}\n              disableAutoFocus={disableAutoFocus}\n              primary={primary}\n              secondary={secondary}\n              palette={palette}\n              maxHeight={maxHeight}\n            >\n              {render}\n            </MenuComponent>\n          }\n        />\n      )\n    }),\n    {\n      displayName: COMPONENT_NAME,\n      sizes: SIZES,\n    }\n  ),\n  {\n    Component: MenuComponent,\n    List: MenuList,\n    Container: MenuContainer,\n    Divider: MenuDivider,\n  }\n)\n\nexport { Menu }\n"],"names":["Menu","Object","assign","withMergedProps","forwardRef","props","ref","size","disableFlip","offset","placement","styles","sizes","sizeUnits","render","primary","secondary","palette","autoFocus","disableAutoFocus","maxHeight","restProps","_excluded","trigger","useRef","_jsx","Tooltip","_objectSpread","preset","hideArrow","getPopper","popper","origin","state","elements","reference","HTMLElement","current","callback","action","tooltipProps","focusFirstFocusable","mergeDeepLeft","floater","filter","wrapper","cursor","component","MenuComponent","children","displayName","SIZES","Component","List","MenuList","Container","MenuContainer","Divider","MenuDivider"],"mappings":"22BAuBA,IAAMA,EAKFC,OAAOC,OACTC,EACEC,GAAAA,CAAYC,EAAOC,KACjB,IAAMC,KACJA,EAAO,IADHC,YAEJA,KAFIC,OAGJA,EAAS,EAHLC,UAIJA,EAAY,eAJRC,OAKJA,EAAS,GALLC,MAMJA,EANIC,UAOJA,EAPIC,OAQJA,EARIC,QASJA,EATIC,UAUJA,EAVIC,QAWJA,EAXIC,UAYJA,EAZIC,iBAaJA,EAbIC,UAcJA,GAEEf,EADCgB,IACDhB,EAhBJiB,GAkBA,IAAMC,EAAUC,EAA2B,MAE3C,OACEC,EAACC,EAADC,EAAAA,EAAA,GACMN,GADN,GAAA,CAEEf,IAAKA,EACLsB,OAAO,QACPrB,KAAMA,EACNsB,WAAAA,EACAC,UAAW,CAACC,EAAQC,KACdD,EAAOE,MAAMC,SAASC,qBAAqBC,cAC7Cb,EAAQc,QAAUN,EAAOE,MAAMC,SAASC,WAGtCd,EAAUS,WACZT,EAAUS,UAAUC,EAAQC,IAGhCM,SAAU,CAACC,EAAQC,KACF,UAAXD,GAAsBhB,EAAQc,mBAAmBD,aACnDK,EAAoBlB,EAAQc,SAG1BhB,EAAUiB,UACZjB,EAAUiB,SAASC,EAAQC,IAG/BhC,YAAaA,EACbC,OAAQA,EACRC,UAAWA,EACXC,OAAQ+B,EACN/B,EACAK,EACI,CAAE2B,QAAS,CAAEC,OAAQ,QAAUC,QAAS,CAAEC,OAAQ,YAClD,CAAED,QAAS,CAAEC,OAAQ,aAE3BC,UACEtB,EAACuB,EAAD,CACEpC,MAAOA,EACPC,UAAWA,EACXK,UAAWA,EACXC,iBAAkBA,EAClBJ,QAASA,EACTC,UAAWA,EACXC,QAASA,EACTG,UAAWA,EARb6B,SAUGnC,UAMX,CACEoC,YA5FiB,OA6FjBtC,MAAOuC,IAGX,CACEC,UAAWJ,EACXK,KAAMC,EACNC,UAAWC,EACXC,QAASC"}
+{"version":3,"file":"Menu.js","sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import { forwardRef, useRef } from 'react'\nimport { mergeDeepLeft } from 'ramda'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { Tooltip } from 'components/Tooltip'\nimport { MenuComponent, SIZES } from 'components/MenuComponent'\nimport { MenuList } from 'components/MenuList'\nimport { MenuContainer } from 'components/MenuContainer'\nimport { MenuDivider } from 'components/MenuDivider'\nimport type { MenuProps } from './types'\n\nconst COMPONENT_NAME = 'Menu'\n\n/**\n *\n * Component accepts [\"react-floater\"](https://www.npmjs.com/package/react-floater/v/0.8.2) v0.8.2 props.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to menu component root.\n *\n * See full [MenuProps](https://github.com/foxford/ui/blob/master/src/components/Menu/types.ts)\n */\nconst Menu: React.ForwardRefExoticComponent<MenuProps> & {\n  Component: typeof MenuComponent\n  List: typeof MenuList\n  Container: typeof MenuContainer\n  Divider: typeof MenuDivider\n} = Object.assign(\n  withMergedProps<MenuProps, HTMLDivElement>(\n    forwardRef((props, ref) => {\n      const {\n        size = 'm',\n        disableFlip = true,\n        offset = 8,\n        placement = 'bottom-start',\n        styles = {},\n        sizes,\n        sizeUnits,\n        render,\n        primary,\n        secondary,\n        palette,\n        autoFocus,\n        disableAutoFocus,\n        maxHeight,\n        ...restProps\n      } = props\n\n      const trigger = useRef<HTMLElement | null>(null)\n\n      return (\n        <Tooltip\n          {...restProps}\n          ref={ref}\n          preset='brand'\n          size={size}\n          hideArrow\n          getPopper={(popper, origin) => {\n            if (popper.state.elements.reference instanceof HTMLElement) {\n              trigger.current = popper.state.elements.reference\n            }\n\n            if (restProps.getPopper) {\n              restProps.getPopper(popper, origin)\n            }\n          }}\n          callback={(action, tooltipProps) => {\n            if (action === 'close' && trigger.current instanceof HTMLElement) {\n              focusFirstFocusable(trigger.current)\n            }\n\n            if (restProps.callback) {\n              restProps.callback(action, tooltipProps)\n            }\n          }}\n          disableFlip={disableFlip}\n          offset={offset}\n          placement={placement}\n          styles={mergeDeepLeft(\n            styles,\n            secondary\n              ? { floater: { filter: 'none' }, wrapper: { cursor: 'pointer' } }\n              : { wrapper: { cursor: 'pointer' } }\n          )}\n          component={\n            <MenuComponent\n              sizes={sizes}\n              sizeUnits={sizeUnits}\n              autoFocus={autoFocus}\n              disableAutoFocus={disableAutoFocus}\n              primary={primary}\n              secondary={secondary}\n              palette={palette}\n              maxHeight={maxHeight}\n            >\n              {render}\n            </MenuComponent>\n          }\n        />\n      )\n    }),\n    {\n      displayName: COMPONENT_NAME,\n      sizes: SIZES,\n    }\n  ),\n  {\n    Component: MenuComponent,\n    List: MenuList,\n    Container: MenuContainer,\n    Divider: MenuDivider,\n  }\n)\n\nexport { Menu }\n"],"names":["Menu","Object","assign","withMergedProps","forwardRef","props","ref","size","disableFlip","offset","placement","styles","sizes","sizeUnits","render","primary","secondary","palette","autoFocus","disableAutoFocus","maxHeight","restProps","trigger","useRef","_jsx","Tooltip","preset","hideArrow","getPopper","popper","origin","state","elements","reference","HTMLElement","current","callback","action","tooltipProps","focusFirstFocusable","mergeDeepLeft","floater","filter","wrapper","cursor","component","jsx","MenuComponent","children","displayName","SIZES","Component","List","MenuList","Container","MenuContainer","Divider","MenuDivider"],"mappings":"oiBAuBA,MAAMA,KAKFC,OAAOC,OACTC,gBAAAA,gBACEC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,YACVA,GAAc,EAAIC,OAClBA,EAAS,EAACC,UACVA,EAAY,eAAcC,OAC1BA,EAAS,CAAE,EAAAC,MACXA,EAAKC,UACLA,EAASC,OACTA,EAAMC,QACNA,EAAOC,UACPA,EAASC,QACTA,EAAOC,UACPA,EAASC,iBACTA,EAAgBC,UAChBA,KACGC,GACDhB,EAEJ,MAAMiB,EAAUC,aAA2B,MAE3C,OACEC,WAAAA,IAACC,QAAAA,QAAO,IACFJ,EACJf,IAAKA,EACLoB,OAAO,QACPnB,KAAMA,EACNoB,WAAS,EACTC,UAAWA,CAACC,EAAQC,KACdD,EAAOE,MAAMC,SAASC,qBAAqBC,cAC7CZ,EAAQa,QAAUN,EAAOE,MAAMC,SAASC,WAGtCZ,EAAUO,WACZP,EAAUO,UAAUC,EAAQC,EAC9B,EAEFM,SAAUA,CAACC,EAAQC,KACbD,IAAW,SAAWf,EAAQa,mBAAmBD,aACnDK,wBAAoBjB,EAAQa,SAG1Bd,EAAUe,UACZf,EAAUe,SAASC,EAAQC,EAC7B,EAEF9B,YAAaA,EACbC,OAAQA,EACRC,UAAWA,EACXC,OAAQ6B,MAAAA,cACN7B,EACAK,EACI,CAAEyB,QAAS,CAAEC,OAAQ,QAAUC,QAAS,CAAEC,OAAQ,YAClD,CAAED,QAAS,CAAEC,OAAQ,aAE3BC,UACErB,WAAAsB,IAACC,4BAAa,CACZnC,MAAOA,EACPC,UAAWA,EACXK,UAAWA,EACXC,iBAAkBA,EAClBJ,QAASA,EACTC,UAAWA,EACXC,QAASA,EACTG,UAAWA,EAAU4B,SAEpBlC,KAGL,IAGN,CACEmC,YA5FiB,OA6FjBrC,MAAOsC,UAAAA,QAGX,CACEC,UAAWJ,cAAaA,cACxBK,KAAMC,SAAQA,SACdC,UAAWC,cAAaA,cACxBC,QAASC,YAAAA"}

package/components/Menu/Menu.mjs

@@ -0,0 +1,2 @@
+import{forwardRef,useRef}from'react';import{mergeDeepLeft}from'ramda';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{focusFirstFocusable}from'../../shared/utils/dom.mjs';import{jsx}from'react/jsx-runtime';import{MenuComponent}from'../MenuComponent/MenuComponent.mjs';import{MenuList}from'../MenuList/MenuList.mjs';import{MenuContainer}from'../MenuContainer/MenuContainer.mjs';import{MenuDivider}from'../MenuDivider/MenuDivider.mjs';import{SIZES}from'../MenuComponent/constants.mjs';import{Tooltip}from'../Tooltip/Tooltip.mjs';const Menu=Object.assign(withMergedProps(forwardRef(((e,t)=>{const{size:o="m",disableFlip:r=!0,offset:n=8,placement:s="bottom-start",styles:i={},sizes:m,sizeUnits:p,render:a,primary:u,secondary:c,palette:l,autoFocus:f,disableAutoFocus:M,maxHeight:d,...j}=e;const b=useRef(null);return jsx(Tooltip,{...j,ref:t,preset:"brand",size:o,hideArrow:!0,getPopper:(e,t)=>{e.state.elements.reference instanceof HTMLElement&&(b.current=e.state.elements.reference),j.getPopper&&j.getPopper(e,t)},callback:(e,t)=>{e==='close'&&b.current instanceof HTMLElement&&focusFirstFocusable(b.current),j.callback&&j.callback(e,t)},disableFlip:r,offset:n,placement:s,styles:mergeDeepLeft(i,c?{floater:{filter:'none'},wrapper:{cursor:'pointer'}}:{wrapper:{cursor:'pointer'}}),component:jsx(MenuComponent,{sizes:m,sizeUnits:p,autoFocus:f,disableAutoFocus:M,primary:u,secondary:c,palette:l,maxHeight:d,children:a})})})),{displayName:'Menu',sizes:SIZES}),{Component:MenuComponent,List:MenuList,Container:MenuContainer,Divider:MenuDivider});export{Menu};
+//# sourceMappingURL=Menu.mjs.map

package/components/Menu/Menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.mjs","sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import { forwardRef, useRef } from 'react'\nimport { mergeDeepLeft } from 'ramda'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { Tooltip } from 'components/Tooltip'\nimport { MenuComponent, SIZES } from 'components/MenuComponent'\nimport { MenuList } from 'components/MenuList'\nimport { MenuContainer } from 'components/MenuContainer'\nimport { MenuDivider } from 'components/MenuDivider'\nimport type { MenuProps } from './types'\n\nconst COMPONENT_NAME = 'Menu'\n\n/**\n *\n * Component accepts [\"react-floater\"](https://www.npmjs.com/package/react-floater/v/0.8.2) v0.8.2 props.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to menu component root.\n *\n * See full [MenuProps](https://github.com/foxford/ui/blob/master/src/components/Menu/types.ts)\n */\nconst Menu: React.ForwardRefExoticComponent<MenuProps> & {\n  Component: typeof MenuComponent\n  List: typeof MenuList\n  Container: typeof MenuContainer\n  Divider: typeof MenuDivider\n} = Object.assign(\n  withMergedProps<MenuProps, HTMLDivElement>(\n    forwardRef((props, ref) => {\n      const {\n        size = 'm',\n        disableFlip = true,\n        offset = 8,\n        placement = 'bottom-start',\n        styles = {},\n        sizes,\n        sizeUnits,\n        render,\n        primary,\n        secondary,\n        palette,\n        autoFocus,\n        disableAutoFocus,\n        maxHeight,\n        ...restProps\n      } = props\n\n      const trigger = useRef<HTMLElement | null>(null)\n\n      return (\n        <Tooltip\n          {...restProps}\n          ref={ref}\n          preset='brand'\n          size={size}\n          hideArrow\n          getPopper={(popper, origin) => {\n            if (popper.state.elements.reference instanceof HTMLElement) {\n              trigger.current = popper.state.elements.reference\n            }\n\n            if (restProps.getPopper) {\n              restProps.getPopper(popper, origin)\n            }\n          }}\n          callback={(action, tooltipProps) => {\n            if (action === 'close' && trigger.current instanceof HTMLElement) {\n              focusFirstFocusable(trigger.current)\n            }\n\n            if (restProps.callback) {\n              restProps.callback(action, tooltipProps)\n            }\n          }}\n          disableFlip={disableFlip}\n          offset={offset}\n          placement={placement}\n          styles={mergeDeepLeft(\n            styles,\n            secondary\n              ? { floater: { filter: 'none' }, wrapper: { cursor: 'pointer' } }\n              : { wrapper: { cursor: 'pointer' } }\n          )}\n          component={\n            <MenuComponent\n              sizes={sizes}\n              sizeUnits={sizeUnits}\n              autoFocus={autoFocus}\n              disableAutoFocus={disableAutoFocus}\n              primary={primary}\n              secondary={secondary}\n              palette={palette}\n              maxHeight={maxHeight}\n            >\n              {render}\n            </MenuComponent>\n          }\n        />\n      )\n    }),\n    {\n      displayName: COMPONENT_NAME,\n      sizes: SIZES,\n    }\n  ),\n  {\n    Component: MenuComponent,\n    List: MenuList,\n    Container: MenuContainer,\n    Divider: MenuDivider,\n  }\n)\n\nexport { Menu }\n"],"names":["Menu","Object","assign","withMergedProps","forwardRef","props","ref","size","disableFlip","offset","placement","styles","sizes","sizeUnits","render","primary","secondary","palette","autoFocus","disableAutoFocus","maxHeight","restProps","trigger","useRef","_jsx","Tooltip","preset","hideArrow","getPopper","popper","origin","state","elements","reference","HTMLElement","current","callback","action","tooltipProps","focusFirstFocusable","mergeDeepLeft","floater","filter","wrapper","cursor","component","MenuComponent","children","displayName","SIZES","Component","List","MenuList","Container","MenuContainer","Divider","MenuDivider"],"mappings":"kiBAuBA,MAAMA,KAKFC,OAAOC,OACTC,gBACEC,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,YACVA,GAAc,EAAIC,OAClBA,EAAS,EAACC,UACVA,EAAY,eAAcC,OAC1BA,EAAS,CAAE,EAAAC,MACXA,EAAKC,UACLA,EAASC,OACTA,EAAMC,QACNA,EAAOC,UACPA,EAASC,QACTA,EAAOC,UACPA,EAASC,iBACTA,EAAgBC,UAChBA,KACGC,GACDhB,EAEJ,MAAMiB,EAAUC,OAA2B,MAE3C,OACEC,IAACC,QAAO,IACFJ,EACJf,IAAKA,EACLoB,OAAO,QACPnB,KAAMA,EACNoB,WAAS,EACTC,UAAWA,CAACC,EAAQC,KACdD,EAAOE,MAAMC,SAASC,qBAAqBC,cAC7CZ,EAAQa,QAAUN,EAAOE,MAAMC,SAASC,WAGtCZ,EAAUO,WACZP,EAAUO,UAAUC,EAAQC,EAC9B,EAEFM,SAAUA,CAACC,EAAQC,KACbD,IAAW,SAAWf,EAAQa,mBAAmBD,aACnDK,oBAAoBjB,EAAQa,SAG1Bd,EAAUe,UACZf,EAAUe,SAASC,EAAQC,EAC7B,EAEF9B,YAAaA,EACbC,OAAQA,EACRC,UAAWA,EACXC,OAAQ6B,cACN7B,EACAK,EACI,CAAEyB,QAAS,CAAEC,OAAQ,QAAUC,QAAS,CAAEC,OAAQ,YAClD,CAAED,QAAS,CAAEC,OAAQ,aAE3BC,UACErB,IAACsB,cAAa,CACZlC,MAAOA,EACPC,UAAWA,EACXK,UAAWA,EACXC,iBAAkBA,EAClBJ,QAASA,EACTC,UAAWA,EACXC,QAASA,EACTG,UAAWA,EAAU2B,SAEpBjC,KAGL,IAGN,CACEkC,YA5FiB,OA6FjBpC,MAAOqC,QAGX,CACEC,UAAWJ,cACXK,KAAMC,SACNC,UAAWC,cACXC,QAASC"}

package/components/MenuComponent/MenuComponent.js

@@ -1,2 +1,2 @@
-import e from'@babel/runtime/helpers/objectSpread2';import s from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as o,useRef as t,useImperativeHandle as r,useEffect as i,isValidElement as a,cloneElement as n}from'react';import{withMergedProps as u}from'../../hocs/withMergedProps.js';import{focusFirstFocusable as m}from'../../shared/utils/dom.js';import{SIZES as l}from'./constants.js';export{SIZES}from'./constants.js';import{Root as p}from'./style.js';import{jsx as c}from'react/jsx-runtime';var z=["size","maxHeight","closeFn","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","children","autoFocus","disableAutoFocus","showCloseButton","closeButtonProps","onUnmount"];var f=()=>{};var h=u(o(((o,u)=>{var{size:l="m",maxHeight:h=240,closeFn:d=f,sizeXXS:S,sizeXS:X,sizeS:v,sizeM:b,sizeL:j,sizeXL:F,children:x,autoFocus:M,disableAutoFocus:w,showCloseButton:B,closeButtonProps:L,onUnmount:P}=o,g=s(o,z);var C=t(null);r(u,(()=>C.current)),i((()=>()=>{P&&P()}),[]),i((()=>{var e=setTimeout((()=>{!w&&C.current&&m(C.current)}),0);return()=>{clearTimeout(e)}}),[M,w]);var E={size:l,sizeXXS:S,sizeXS:X,sizeS:v,sizeM:b,sizeL:j,sizeXL:F};var y={showCloseButton:B,closeButtonProps:L,closeFn:d};var H=a(x)&&'object'==typeof x.props&&null!==x.props?x.props:{};return c(p,e(e(e({},g),E),{},{maxHeight:h,ref:C,children:a(x)?n(x,e(e(e({},E),y),H)):'function'==typeof x?x(e(e({},E),y)):void 0}))})),{displayName:'MenuComponent',sizes:l});export{h as MenuComponent};
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var dom=require('../../shared/utils/dom.js');var constants=require('./constants.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');const noop=()=>{};const MenuComponent=withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{const{size:t="m",maxHeight:o=240,closeFn:r=noop,sizeXXS:n,sizeXS:i,sizeS:c,sizeM:u,sizeL:a,sizeXL:l,children:p,autoFocus:m,disableAutoFocus:d,showCloseButton:z,closeButtonProps:f,onUnmount:h,...R}=e;const S=React.useRef(null);React.useImperativeHandle(s,(()=>S.current)),React.useEffect((()=>()=>{h&&h()}),[]),React.useEffect((()=>{const e=setTimeout((()=>{!d&&S.current&&dom.focusFirstFocusable(S.current)}),0);return()=>{clearTimeout(e)}}),[m,d]);const M={size:t,sizeXXS:n,sizeXS:i,sizeS:c,sizeM:u,sizeL:a,sizeXL:l};const q={showCloseButton:z,closeButtonProps:f,closeFn:r};const v=React.isValidElement(p)&&typeof p.props=='object'&&p.props!==null?p.props:{};return require$$0.jsx(style.Root,{...R,...M,maxHeight:o,ref:S,children:React.isValidElement(p)?React.cloneElement(p,{...M,...q,...v}):typeof p=='function'?p({...M,...q}):void 0})})),{displayName:'MenuComponent',sizes:constants.SIZES});exports.SIZES=constants.SIZES,exports.MenuComponent=MenuComponent;
 //# sourceMappingURL=MenuComponent.js.map

package/components/MenuComponent/MenuComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuComponent.js","sources":["../../../../src/components/MenuComponent/MenuComponent.tsx"],"sourcesContent":["import { forwardRef, useRef, useImperativeHandle, useEffect, isValidElement, cloneElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { MenuComponentProps } from './types'\n\nconst COMPONENT_NAME = 'MenuComponent'\n\nconst noop = () => undefined\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuComponentProps](https://github.com/foxford/ui/blob/master/src/components/MenuComponent/types.ts)\n */\nconst MenuComponent: React.ForwardRefExoticComponent<MenuComponentProps> = withMergedProps<\n  MenuComponentProps,\n  HTMLDivElement\n>(\n  forwardRef((props, forwardedRef) => {\n    const {\n      size = 'm',\n      maxHeight = 240,\n      closeFn = noop,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      children,\n      autoFocus,\n      disableAutoFocus,\n      showCloseButton,\n      closeButtonProps,\n      onUnmount,\n      ...restProps\n    } = props\n\n    const ref = useRef<HTMLDivElement>(null)\n\n    useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(forwardedRef, () => ref.current)\n\n    useEffect(() => {\n      return () => {\n        if (onUnmount) onUnmount()\n      }\n    }, [])\n\n    useEffect(() => {\n      const timerId = setTimeout(() => {\n        if (!disableAutoFocus && ref.current) focusFirstFocusable(ref.current)\n      }, 0)\n\n      return () => {\n        clearTimeout(timerId)\n      }\n    }, [autoFocus, disableAutoFocus])\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const forwardProps = {\n      showCloseButton,\n      closeButtonProps,\n      closeFn,\n    }\n\n    const elementProps =\n      isValidElement(children) && typeof children.props === 'object' && children.props !== null ? children.props : {}\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} maxHeight={maxHeight} ref={ref}>\n        {isValidElement(children)\n          ? cloneElement(children, { ...sizeProps, ...forwardProps, ...elementProps })\n          : typeof children === 'function'\n          ? children({ ...sizeProps, ...forwardProps })\n          : undefined}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { MenuComponent }\n\nexport { SIZES }\n"],"names":["noop","MenuComponent","withMergedProps","forwardRef","props","forwardedRef","size","maxHeight","closeFn","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","children","autoFocus","disableAutoFocus","showCloseButton","closeButtonProps","onUnmount","restProps","_excluded","ref","useRef","useImperativeHandle","current","useEffect","timerId","setTimeout","focusFirstFocusable","clearTimeout","sizeProps","forwardProps","elementProps","isValidElement","_jsx","Styled.Root","cloneElement","_objectSpread","displayName","sizes","SIZES"],"mappings":"srBASA,IAAMA,EAAO,OAYPC,IAAAA,EAAqEC,EAIzEC,GAAAA,CAAYC,EAAOC,KACjB,IAAMC,KACJA,EAAO,IADHC,UAEJA,EAAY,IAFRC,QAGJA,EAAUR,EAHNS,QAIJA,EAJIC,OAKJA,EALIC,MAMJA,EANIC,MAOJA,EAPIC,MAQJA,EARIC,OASJA,EATIC,SAUJA,EAVIC,UAWJA,EAXIC,iBAYJA,EAZIC,gBAaJA,EAbIC,iBAcJA,EAdIC,UAeJA,GAEEhB,EADCiB,IACDjB,EAjBJkB,GAmBA,IAAMC,EAAMC,EAAuB,MAEnCC,EAAkEpB,OAAoBkB,EAAIG,UAE1FC,GAAAA,IACS,KACDP,GAAWA,MAEhB,IAEHO,QACE,IAAMC,EAAUC,YAAW,MACpBZ,GAAoBM,EAAIG,SAASI,EAAoBP,EAAIG,WAC7D,GAEH,MAAO,KACLK,aAAaH,MAEd,CAACZ,EAAWC,IAEf,IAAMe,EAAY,CAChB1B,KAAAA,EACAG,QAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,OAAAA,GAGF,IAAMmB,EAAe,CACnBf,gBAAAA,EACAC,iBAAAA,EACAX,QAAAA,GAGF,IAAM0B,EACJC,EAAepB,IAAuC,iBAAnBA,EAASX,OAAyC,OAAnBW,EAASX,MAAiBW,EAASX,MAAQ,GAE/G,OACEgC,EAACC,EAAgBhB,EAAAA,EAAAA,EAAAA,GAAAA,GAAeW,GAAhC,GAAA,CAA2CzB,UAAWA,EAAWgB,IAAKA,EAAtER,SACGoB,EAAepB,GACZuB,EAAavB,EAADwB,EAAAA,EAAAA,EAAA,GAAgBP,GAAcC,GAAiBC,IACvC,mBAAbnB,EACPA,EAAQwB,EAAAA,EAAA,GAAMP,GAAcC,SAAAA,QAKtC,CACEO,YAxFmB,gBAyFnBC,MAAOC"}
+{"version":3,"file":"MenuComponent.js","sources":["../../../../src/components/MenuComponent/MenuComponent.tsx"],"sourcesContent":["import { forwardRef, useRef, useImperativeHandle, useEffect, isValidElement, cloneElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { MenuComponentProps } from './types'\n\nconst COMPONENT_NAME = 'MenuComponent'\n\nconst noop = () => undefined\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuComponentProps](https://github.com/foxford/ui/blob/master/src/components/MenuComponent/types.ts)\n */\nconst MenuComponent: React.ForwardRefExoticComponent<MenuComponentProps> = withMergedProps<\n  MenuComponentProps,\n  HTMLDivElement\n>(\n  forwardRef((props, forwardedRef) => {\n    const {\n      size = 'm',\n      maxHeight = 240,\n      closeFn = noop,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      children,\n      autoFocus,\n      disableAutoFocus,\n      showCloseButton,\n      closeButtonProps,\n      onUnmount,\n      ...restProps\n    } = props\n\n    const ref = useRef<HTMLDivElement>(null)\n\n    useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(forwardedRef, () => ref.current)\n\n    useEffect(() => {\n      return () => {\n        if (onUnmount) onUnmount()\n      }\n    }, [])\n\n    useEffect(() => {\n      const timerId = setTimeout(() => {\n        if (!disableAutoFocus && ref.current) focusFirstFocusable(ref.current)\n      }, 0)\n\n      return () => {\n        clearTimeout(timerId)\n      }\n    }, [autoFocus, disableAutoFocus])\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const forwardProps = {\n      showCloseButton,\n      closeButtonProps,\n      closeFn,\n    }\n\n    const elementProps =\n      isValidElement(children) && typeof children.props === 'object' && children.props !== null ? children.props : {}\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} maxHeight={maxHeight} ref={ref}>\n        {isValidElement(children)\n          ? cloneElement(children, { ...sizeProps, ...forwardProps, ...elementProps })\n          : typeof children === 'function'\n          ? children({ ...sizeProps, ...forwardProps })\n          : undefined}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { MenuComponent }\n\nexport { SIZES }\n"],"names":["noop","MenuComponent","withMergedProps","forwardRef","props","forwardedRef","size","maxHeight","closeFn","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","children","autoFocus","disableAutoFocus","showCloseButton","closeButtonProps","onUnmount","restProps","ref","useRef","useImperativeHandle","current","useEffect","timerId","setTimeout","focusFirstFocusable","clearTimeout","sizeProps","forwardProps","elementProps","isValidElement","_jsx","Styled","cloneElement","undefined","displayName","sizes","SIZES"],"mappings":"sQASA,MAAMA,KAAOA,KAAe,EAYtBC,MAAAA,cAAqEC,gBAAAA,gBAIzEC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,UACVA,EAAY,IAAGC,QACfA,EAAUR,KAAIS,QACdA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,SACNA,EAAQC,UACRA,EAASC,iBACTA,EAAgBC,gBAChBA,EAAeC,iBACfA,EAAgBC,UAChBA,KACGC,GACDjB,EAEJ,MAAMkB,EAAMC,aAAuB,MAEnCC,MAAAA,oBAAkEnB,GAAc,IAAMiB,EAAIG,UAE1FC,MAAAA,WAAU,IACD,KACDN,GAAWA,GAAW,GAE3B,IAEHM,MAAAA,WAAU,KACR,MAAMC,EAAUC,YAAW,MACpBX,GAAoBK,EAAIG,SAASI,IAAAA,oBAAoBP,EAAIG,QAAQ,GACrE,GAEH,MAAO,KACLK,aAAaH,EAAQ,CACtB,GACA,CAACX,EAAWC,IAEf,MAAMc,EAAY,CAChBzB,OACAG,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMkB,EAAe,CACnBd,kBACAC,mBACAX,WAGF,MAAMyB,EACJC,MAAcA,eAACnB,WAAoBA,EAASX,OAAU,UAAYW,EAASX,QAAU,KAAOW,EAASX,MAAQ,CAAA,EAE/G,OACE+B,WAAAA,IAACC,MAAAA,KAAW,IAAKf,KAAeU,EAAWxB,UAAWA,EAAWe,IAAKA,EAAIP,SACvEmB,MAAAA,eAAenB,GACZsB,MAAAA,aAAatB,EAAU,IAAKgB,KAAcC,KAAiBC,WACpDlB,GAAa,WACpBA,EAAS,IAAKgB,KAAcC,SAC5BM,GACQ,IAGlB,CACEC,YAxFmB,gBAyFnBC,MAAOC,UAAAA"}

package/components/MenuComponent/MenuComponent.mjs

@@ -0,0 +1,2 @@
+import{forwardRef,useRef,useImperativeHandle,useEffect,isValidElement,cloneElement}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{focusFirstFocusable}from'../../shared/utils/dom.mjs';import{SIZES}from'./constants.mjs';import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';const noop=()=>{};const MenuComponent=withMergedProps(forwardRef(((e,o)=>{const{size:s="m",maxHeight:t=240,closeFn:n=noop,sizeXXS:r,sizeXS:i,sizeS:c,sizeM:m,sizeL:u,sizeXL:l,children:p,autoFocus:f,disableAutoFocus:a,showCloseButton:d,closeButtonProps:z,onUnmount:S,...h}=e;const E=useRef(null);useImperativeHandle(o,(()=>E.current)),useEffect((()=>()=>{S&&S()}),[]),useEffect((()=>{const e=setTimeout((()=>{!a&&E.current&&focusFirstFocusable(E.current)}),0);return()=>{clearTimeout(e)}}),[f,a]);const j={size:s,sizeXXS:r,sizeXS:i,sizeS:c,sizeM:m,sizeL:u,sizeXL:l};const F={showCloseButton:d,closeButtonProps:z,closeFn:n};const M=isValidElement(p)&&typeof p.props=='object'&&p.props!==null?p.props:{};return jsx(Root,{...h,...j,maxHeight:t,ref:E,children:isValidElement(p)?cloneElement(p,{...j,...F,...M}):typeof p=='function'?p({...j,...F}):void 0})})),{displayName:'MenuComponent',sizes:SIZES});export{MenuComponent,SIZES};
+//# sourceMappingURL=MenuComponent.mjs.map

package/components/MenuComponent/MenuComponent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuComponent.mjs","sources":["../../../../src/components/MenuComponent/MenuComponent.tsx"],"sourcesContent":["import { forwardRef, useRef, useImperativeHandle, useEffect, isValidElement, cloneElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { MenuComponentProps } from './types'\n\nconst COMPONENT_NAME = 'MenuComponent'\n\nconst noop = () => undefined\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuComponentProps](https://github.com/foxford/ui/blob/master/src/components/MenuComponent/types.ts)\n */\nconst MenuComponent: React.ForwardRefExoticComponent<MenuComponentProps> = withMergedProps<\n  MenuComponentProps,\n  HTMLDivElement\n>(\n  forwardRef((props, forwardedRef) => {\n    const {\n      size = 'm',\n      maxHeight = 240,\n      closeFn = noop,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      children,\n      autoFocus,\n      disableAutoFocus,\n      showCloseButton,\n      closeButtonProps,\n      onUnmount,\n      ...restProps\n    } = props\n\n    const ref = useRef<HTMLDivElement>(null)\n\n    useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(forwardedRef, () => ref.current)\n\n    useEffect(() => {\n      return () => {\n        if (onUnmount) onUnmount()\n      }\n    }, [])\n\n    useEffect(() => {\n      const timerId = setTimeout(() => {\n        if (!disableAutoFocus && ref.current) focusFirstFocusable(ref.current)\n      }, 0)\n\n      return () => {\n        clearTimeout(timerId)\n      }\n    }, [autoFocus, disableAutoFocus])\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const forwardProps = {\n      showCloseButton,\n      closeButtonProps,\n      closeFn,\n    }\n\n    const elementProps =\n      isValidElement(children) && typeof children.props === 'object' && children.props !== null ? children.props : {}\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} maxHeight={maxHeight} ref={ref}>\n        {isValidElement(children)\n          ? cloneElement(children, { ...sizeProps, ...forwardProps, ...elementProps })\n          : typeof children === 'function'\n          ? children({ ...sizeProps, ...forwardProps })\n          : undefined}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { MenuComponent }\n\nexport { SIZES }\n"],"names":["noop","MenuComponent","withMergedProps","forwardRef","props","forwardedRef","size","maxHeight","closeFn","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","children","autoFocus","disableAutoFocus","showCloseButton","closeButtonProps","onUnmount","restProps","ref","useRef","useImperativeHandle","current","useEffect","timerId","setTimeout","focusFirstFocusable","clearTimeout","sizeProps","forwardProps","elementProps","isValidElement","_jsx","Styled","cloneElement","undefined","displayName","sizes","SIZES"],"mappings":"2TASA,MAAMA,KAAOA,KAAe,EAYtBC,MAAAA,cAAqEC,gBAIzEC,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,UACVA,EAAY,IAAGC,QACfA,EAAUR,KAAIS,QACdA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,SACNA,EAAQC,UACRA,EAASC,iBACTA,EAAgBC,gBAChBA,EAAeC,iBACfA,EAAgBC,UAChBA,KACGC,GACDjB,EAEJ,MAAMkB,EAAMC,OAAuB,MAEnCC,oBAAkEnB,GAAc,IAAMiB,EAAIG,UAE1FC,WAAU,IACD,KACDN,GAAWA,GAAW,GAE3B,IAEHM,WAAU,KACR,MAAMC,EAAUC,YAAW,MACpBX,GAAoBK,EAAIG,SAASI,oBAAoBP,EAAIG,QAAQ,GACrE,GAEH,MAAO,KACLK,aAAaH,EAAQ,CACtB,GACA,CAACX,EAAWC,IAEf,MAAMc,EAAY,CAChBzB,OACAG,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMkB,EAAe,CACnBd,kBACAC,mBACAX,WAGF,MAAMyB,EACJC,eAAenB,WAAoBA,EAASX,OAAU,UAAYW,EAASX,QAAU,KAAOW,EAASX,MAAQ,CAAA,EAE/G,OACE+B,IAACC,KAAW,IAAKf,KAAeU,EAAWxB,UAAWA,EAAWe,IAAKA,EAAIP,SACvEmB,eAAenB,GACZsB,aAAatB,EAAU,IAAKgB,KAAcC,KAAiBC,WACpDlB,GAAa,WACpBA,EAAS,IAAKgB,KAAcC,SAC5BM,GACQ,IAGlB,CACEC,YAxFmB,gBAyFnBC,MAAOC"}

package/components/MenuComponent/constants.js

@@ -1,2 +1,2 @@
-var t={xxxl:{maxWidth:560,minWidth:'min-content'},xxl:{maxWidth:560,minWidth:'min-content'},xl:{maxWidth:560,minWidth:'min-content'},l:{maxWidth:560,minWidth:'min-content'},m:{maxWidth:480,minWidth:'min-content'},s:{maxWidth:280,minWidth:'min-content'},xs:{maxWidth:280,minWidth:'min-content'},xxs:{maxWidth:280,minWidth:'min-content'},xxxs:{maxWidth:280,minWidth:'min-content'}};export{t as SIZES};
+'use strict';exports.SIZES={xxxl:{maxWidth:560,minWidth:'min-content'},xxl:{maxWidth:560,minWidth:'min-content'},xl:{maxWidth:560,minWidth:'min-content'},l:{maxWidth:560,minWidth:'min-content'},m:{maxWidth:480,minWidth:'min-content'},s:{maxWidth:280,minWidth:'min-content'},xs:{maxWidth:280,minWidth:'min-content'},xxs:{maxWidth:280,minWidth:'min-content'},xxxs:{maxWidth:280,minWidth:'min-content'}};
 //# sourceMappingURL=constants.js.map

package/components/MenuComponent/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/MenuComponent/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    maxWidth: 560,\n    minWidth: 'min-content',\n  },\n  xxl: {\n    maxWidth: 560,\n    minWidth: 'min-content',\n  },\n  xl: {\n    maxWidth: 560,\n    minWidth: 'min-content',\n  },\n  l: {\n    maxWidth: 560,\n    minWidth: 'min-content',\n  },\n  m: {\n    maxWidth: 480,\n    minWidth: 'min-content',\n  },\n  s: {\n    maxWidth: 280,\n    minWidth: 'min-content',\n  },\n  xs: {\n    maxWidth: 280,\n    minWidth: 'min-content',\n  },\n  xxs: {\n    maxWidth: 280,\n    minWidth: 'min-content',\n  },\n  xxxs: {\n    maxWidth: 280,\n    minWidth: 'min-content',\n  },\n}\n"],"names":["SIZES","xxxl","maxWidth","minWidth","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,SAAU,IACVC,SAAU,eAEZC,IAAK,CACHF,SAAU,IACVC,SAAU,eAEZE,GAAI,CACFH,SAAU,IACVC,SAAU,eAEZG,EAAG,CACDJ,SAAU,IACVC,SAAU,eAEZI,EAAG,CACDL,SAAU,IACVC,SAAU,eAEZK,EAAG,CACDN,SAAU,IACVC,SAAU,eAEZM,GAAI,CACFP,SAAU,IACVC,SAAU,eAEZO,IAAK,CACHR,SAAU,IACVC,SAAU,eAEZQ,KAAM,CACJT,SAAU,IACVC,SAAU"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/MenuComponent/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    maxWidth: 560,\n    minWidth: 'min-content',\n  },\n  xxl: {\n    maxWidth: 560,\n    minWidth: 'min-content',\n  },\n  xl: {\n    maxWidth: 560,\n    minWidth: 'min-content',\n  },\n  l: {\n    maxWidth: 560,\n    minWidth: 'min-content',\n  },\n  m: {\n    maxWidth: 480,\n    minWidth: 'min-content',\n  },\n  s: {\n    maxWidth: 280,\n    minWidth: 'min-content',\n  },\n  xs: {\n    maxWidth: 280,\n    minWidth: 'min-content',\n  },\n  xxs: {\n    maxWidth: 280,\n    minWidth: 'min-content',\n  },\n  xxxs: {\n    maxWidth: 280,\n    minWidth: 'min-content',\n  },\n}\n"],"names":["xxxl","maxWidth","minWidth","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"2BAE4B,CAC1BA,KAAM,CACJC,SAAU,IACVC,SAAU,eAEZC,IAAK,CACHF,SAAU,IACVC,SAAU,eAEZE,GAAI,CACFH,SAAU,IACVC,SAAU,eAEZG,EAAG,CACDJ,SAAU,IACVC,SAAU,eAEZI,EAAG,CACDL,SAAU,IACVC,SAAU,eAEZK,EAAG,CACDN,SAAU,IACVC,SAAU,eAEZM,GAAI,CACFP,SAAU,IACVC,SAAU,eAEZO,IAAK,CACHR,SAAU,IACVC,SAAU,eAEZQ,KAAM,CACJT,SAAU,IACVC,SAAU"}

package/components/MenuComponent/constants.mjs

@@ -0,0 +1,2 @@
+const SIZES={xxxl:{maxWidth:560,minWidth:'min-content'},xxl:{maxWidth:560,minWidth:'min-content'},xl:{maxWidth:560,minWidth:'min-content'},l:{maxWidth:560,minWidth:'min-content'},m:{maxWidth:480,minWidth:'min-content'},s:{maxWidth:280,minWidth:'min-content'},xs:{maxWidth:280,minWidth:'min-content'},xxs:{maxWidth:280,minWidth:'min-content'},xxxs:{maxWidth:280,minWidth:'min-content'}};export{SIZES};
+//# sourceMappingURL=constants.mjs.map

package/components/MenuComponent/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/MenuComponent/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    maxWidth: 560,\n    minWidth: 'min-content',\n  },\n  xxl: {\n    maxWidth: 560,\n    minWidth: 'min-content',\n  },\n  xl: {\n    maxWidth: 560,\n    minWidth: 'min-content',\n  },\n  l: {\n    maxWidth: 560,\n    minWidth: 'min-content',\n  },\n  m: {\n    maxWidth: 480,\n    minWidth: 'min-content',\n  },\n  s: {\n    maxWidth: 280,\n    minWidth: 'min-content',\n  },\n  xs: {\n    maxWidth: 280,\n    minWidth: 'min-content',\n  },\n  xxs: {\n    maxWidth: 280,\n    minWidth: 'min-content',\n  },\n  xxxs: {\n    maxWidth: 280,\n    minWidth: 'min-content',\n  },\n}\n"],"names":["SIZES","xxxl","maxWidth","minWidth","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,MAAMA,MAAe,CAC1BC,KAAM,CACJC,SAAU,IACVC,SAAU,eAEZC,IAAK,CACHF,SAAU,IACVC,SAAU,eAEZE,GAAI,CACFH,SAAU,IACVC,SAAU,eAEZG,EAAG,CACDJ,SAAU,IACVC,SAAU,eAEZI,EAAG,CACDL,SAAU,IACVC,SAAU,eAEZK,EAAG,CACDN,SAAU,IACVC,SAAU,eAEZM,GAAI,CACFP,SAAU,IACVC,SAAU,eAEZO,IAAK,CACHR,SAAU,IACVC,SAAU,eAEZQ,KAAM,CACJT,SAAU,IACVC,SAAU"}

package/components/MenuComponent/style.js

@@ -1,2 +1,2 @@
-import o from'@babel/runtime/helpers/objectSpread2';import r,{css as e}from'styled-components';import{createShouldForwardProp as a}from'../../shared/utils/style.js';import{responsiveSize as t}from'../../mixins/responsive-size.js';var n=a((o=>!['black','elevated','maxHeight'].includes(o)));var s=o=>"\n  background-color: ".concat(o.backgroundColor,";\n  border-color: ").concat(o.borderColor,";\n  box-shadow: 0 6px 20px ").concat(o.shadowColor,";\n");var i={primary:e(["",""],(r=>s(o({backgroundColor:r.theme.colors['bg-onmain-primary'],borderColor:r.theme.colors.transparent,shadowColor:r.elevated?r.theme.colors['bg-oncolor-hover']:r.theme.colors.transparent},r.palette)))),secondary:e(["",""],(r=>s(o({backgroundColor:r.theme.colors['bg-onmain-secondary'],borderColor:r.theme.colors['border-onmain-default-large'],shadowColor:r.elevated?r.theme.colors['bg-oncolor-hover']:r.theme.colors.transparent},r.palette))))};var c=r.div.withConfig({shouldForwardProp:n}).attrs({dynamicSizeDeclaration:(o,r)=>({width:'string'==typeof o?o:"".concat(o).concat(r)})}).withConfig({componentId:"fox-ui__sc-10iu45v-0"})([""," "," ",""],(o=>"\n    box-sizing: border-box;\n    isolation: isolate;\n    border-radius: 12px;\n    border: 1px solid transparent;\n    overflow-x: hidden;\n    overflow-y: auto;\n    scrollbar-width: thin;\n    max-height: ".concat('string'==typeof o.maxHeight?o.maxHeight:"".concat(o.maxHeight,"px"),";\n  ")),(o=>o.secondary?i.secondary:i.primary),t);export{i as COLOR_SCHEMA,c as Root};
+'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardMenuComponentProp=style.createShouldForwardProp((o=>!['black','elevated','maxHeight'].includes(o)));const template=o=>`\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  box-shadow: 0 6px 20px ${o.shadowColor};\n`;const COLOR_SCHEMA={primary:styled.css(["",""],(o=>template({backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors.transparent,shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette}))),secondary:styled.css(["",""],(o=>template({backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette})))};const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardMenuComponentProp}).attrs({dynamicSizeDeclaration:(o,e)=>({width:typeof o=='string'?o:`${o}${e}`})}).withConfig({displayName:"MenuComponent__Root",componentId:"ui__sc-10iu45v-0"})([""," "," ",""],(o=>`\n    box-sizing: border-box;\n    isolation: isolate;\n    border-radius: 12px;\n    border: 1px solid transparent;\n    overflow-x: hidden;\n    overflow-y: auto;\n    scrollbar-width: thin;\n    max-height: ${typeof o.maxHeight=='string'?o.maxHeight:`${o.maxHeight}px`};\n  `),(o=>o.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary),responsiveSize.responsiveSize);exports.COLOR_SCHEMA=COLOR_SCHEMA,exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/MenuComponent/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/MenuComponent/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { StyledMenuComponentProps, MenuComponentPalette } from './types'\n\nconst shouldForwardMenuComponentProp = createShouldForwardProp(\n  (propKey) => !['black', 'elevated', 'maxHeight'].includes(propKey)\n)\n\nconst template = (palette: MenuComponentPalette) => `\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  box-shadow: 0 6px 20px ${palette.shadowColor};\n`\n\nexport const COLOR_SCHEMA = {\n  primary: css<StyledMenuComponentProps>`\n    ${(props) =>\n      template({\n        backgroundColor: props.theme.colors['bg-onmain-primary'],\n        borderColor: props.theme.colors.transparent,\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n  secondary: css<StyledMenuComponentProps>`\n    ${(props) =>\n      template({\n        backgroundColor: props.theme.colors['bg-onmain-secondary'],\n        borderColor: props.theme.colors['border-onmain-default-large'],\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.div\n  .withConfig<StyledMenuComponentProps>({\n    shouldForwardProp: shouldForwardMenuComponentProp,\n  })\n  .attrs(<Required<Pick<StyledMenuComponentProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => ({\n      width: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n    }),\n  })`\n  ${(props) => `\n    box-sizing: border-box;\n    isolation: isolate;\n    border-radius: 12px;\n    border: 1px solid transparent;\n    overflow-x: hidden;\n    overflow-y: auto;\n    scrollbar-width: thin;\n    max-height: ${typeof props.maxHeight === 'string' ? props.maxHeight : `${props.maxHeight}px`};\n  `}\n\n  ${(props) => {\n    return props.secondary ? COLOR_SCHEMA.secondary : COLOR_SCHEMA.primary\n  }}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardMenuComponentProp","createShouldForwardProp","propKey","includes","template","palette","concat","backgroundColor","borderColor","shadowColor","COLOR_SCHEMA","primary","css","props","_objectSpread","theme","colors","transparent","elevated","secondary","Root","styled","div","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","width","componentId","maxHeight","responsiveSize"],"mappings":"sOAKA,IAAMA,EAAiCC,GACpCC,IAAa,CAAC,QAAS,WAAY,aAAaC,SAASD,KAG5D,IAAME,EAAYC,GAAD,yBAAAC,OACKD,EAAQE,gBACZF,uBAAAA,OAAAA,EAAQG,YAFT,gCAAAF,OAGUD,EAAQI,YAHnC,OAMO,IAAMC,EAAe,CAC1BC,QAASC,EACJC,CAAAA,GAAAA,KAAAA,GACDT,EAAQU,EAAA,CACNP,gBAAiBM,EAAME,MAAMC,OAAO,qBACpCR,YAAaK,EAAME,MAAMC,OAAOC,YAChCR,YAAaI,EAAMK,SAAWL,EAAME,MAAMC,OAAO,oBAAsBH,EAAME,MAAMC,OAAOC,aACvFJ,EAAMR,YAGfc,UAAWP,EACNC,CAAAA,GAAAA,KAAAA,GACDT,EAAQU,EAAA,CACNP,gBAAiBM,EAAME,MAAMC,OAAO,uBACpCR,YAAaK,EAAME,MAAMC,OAAO,+BAChCP,YAAaI,EAAMK,SAAWL,EAAME,MAAMC,OAAO,oBAAsBH,EAAME,MAAMC,OAAOC,aACvFJ,EAAMR,aAKV,IAAMe,EAAOC,EAAOC,IACxBC,WAAqC,CACpCC,kBAAmBxB,IAEpByB,MAA0E,CACzEC,uBAAwB,CAACC,EAAMC,KAAAA,CAC7BC,MAAuB,iBAATF,EAAoBA,EAA3B,GAAArB,OAAqCqB,GAArCrB,OAA4CsB,OANxCL,WAAA,CAAAO,YAAA,wBAAGT,CASfR,CAAAA,GAAAA,IAAAA,IAAAA,KAAAA,+NAQwC,iBAApBA,EAAMkB,UAAyBlB,EAAMkB,UAA5C,GAAAzB,OAA2DO,EAAMkB,gBAjBlE,WAoBZlB,GACMA,EAAMM,UAAYT,EAAaS,UAAYT,EAAaC,SAG/DqB"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/MenuComponent/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { StyledMenuComponentProps, MenuComponentPalette } from './types'\n\nconst shouldForwardMenuComponentProp = createShouldForwardProp(\n  (propKey) => !['black', 'elevated', 'maxHeight'].includes(propKey)\n)\n\nconst template = (palette: MenuComponentPalette) => `\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  box-shadow: 0 6px 20px ${palette.shadowColor};\n`\n\nexport const COLOR_SCHEMA = {\n  primary: css<StyledMenuComponentProps>`\n    ${(props) =>\n      template({\n        backgroundColor: props.theme.colors['bg-onmain-primary'],\n        borderColor: props.theme.colors.transparent,\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n  secondary: css<StyledMenuComponentProps>`\n    ${(props) =>\n      template({\n        backgroundColor: props.theme.colors['bg-onmain-secondary'],\n        borderColor: props.theme.colors['border-onmain-default-large'],\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.div\n  .withConfig<StyledMenuComponentProps>({\n    shouldForwardProp: shouldForwardMenuComponentProp,\n  })\n  .attrs(<Required<Pick<StyledMenuComponentProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => ({\n      width: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n    }),\n  })`\n  ${(props) => `\n    box-sizing: border-box;\n    isolation: isolate;\n    border-radius: 12px;\n    border: 1px solid transparent;\n    overflow-x: hidden;\n    overflow-y: auto;\n    scrollbar-width: thin;\n    max-height: ${typeof props.maxHeight === 'string' ? props.maxHeight : `${props.maxHeight}px`};\n  `}\n\n  ${(props) => {\n    return props.secondary ? COLOR_SCHEMA.secondary : COLOR_SCHEMA.primary\n  }}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardMenuComponentProp","createShouldForwardProp","propKey","includes","template","palette","backgroundColor","borderColor","shadowColor","COLOR_SCHEMA","primary","css","props","theme","colors","transparent","elevated","secondary","Root","styled","div","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","width","displayName","componentId","maxHeight","responsiveSize"],"mappings":"iRAKA,MAAMA,+BAAiCC,MAAuBA,yBAC3DC,IAAa,CAAC,QAAS,WAAY,aAAaC,SAASD,KAG5D,MAAME,SAAYC,GAAkC,yBAC9BA,EAAQC,qCACZD,EAAQE,0CACCF,EAAQG,iBAG5B,MAAMC,aAAe,CAC1BC,QAASC,OAAGA,IAAA,CAAA,GAAA,KACPC,GACDR,SAAS,CACPE,gBAAiBM,EAAMC,MAAMC,OAAO,qBACpCP,YAAaK,EAAMC,MAAMC,OAAOC,YAChCP,YAAaI,EAAMI,SAAWJ,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOC,eACvFH,EAAMP,YAGfY,UAAWN,OAAGA,IAAA,CAAA,GAAA,KACTC,GACDR,SAAS,CACPE,gBAAiBM,EAAMC,MAAMC,OAAO,uBACpCP,YAAaK,EAAMC,MAAMC,OAAO,+BAChCN,YAAaI,EAAMI,SAAWJ,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOC,eACvFH,EAAMP,aAKV,MAAMa,KAAOC,gBAAAA,QAAOC,IACxBC,WAAqC,CACpCC,kBAAmBtB,iCAEpBuB,MAA0E,CACzEC,uBAAwBA,CAACC,EAAMC,KAAe,CAC5CC,aAAcF,GAAS,SAAWA,EAAO,GAAGA,IAAOC,QAErDL,WAAA,CAAAO,YAAA,sBAAAC,YAAA,oBARgBV,CAQhB,CAAA,GAAA,IAAA,IAAA,KACCP,GAAU,4NAQUA,EAAMkB,WAAc,SAAWlB,EAAMkB,UAAY,GAAGlB,EAAMkB,uBAG9ElB,GACMA,EAAMK,UAAYR,aAAaQ,UAAYR,aAAaC,SAG/DqB,eAAcA"}

package/components/MenuComponent/style.mjs

@@ -0,0 +1,2 @@
+import styled,{css}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';const shouldForwardMenuComponentProp=createShouldForwardProp((o=>!['black','elevated','maxHeight'].includes(o)));const template=o=>`\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  box-shadow: 0 6px 20px ${o.shadowColor};\n`;const COLOR_SCHEMA={primary:css(["",""],(o=>template({backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors.transparent,shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette}))),secondary:css(["",""],(o=>template({backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette})))};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardMenuComponentProp}).attrs({dynamicSizeDeclaration:(o,r)=>({width:typeof o=='string'?o:`${o}${r}`})}).withConfig({displayName:"MenuComponent__Root",componentId:"ui__sc-10iu45v-0"})([""," "," ",""],(o=>`\n    box-sizing: border-box;\n    isolation: isolate;\n    border-radius: 12px;\n    border: 1px solid transparent;\n    overflow-x: hidden;\n    overflow-y: auto;\n    scrollbar-width: thin;\n    max-height: ${typeof o.maxHeight=='string'?o.maxHeight:`${o.maxHeight}px`};\n  `),(o=>o.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary),responsiveSize);export{COLOR_SCHEMA,Root};
+//# sourceMappingURL=style.mjs.map

package/components/MenuComponent/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/MenuComponent/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { StyledMenuComponentProps, MenuComponentPalette } from './types'\n\nconst shouldForwardMenuComponentProp = createShouldForwardProp(\n  (propKey) => !['black', 'elevated', 'maxHeight'].includes(propKey)\n)\n\nconst template = (palette: MenuComponentPalette) => `\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  box-shadow: 0 6px 20px ${palette.shadowColor};\n`\n\nexport const COLOR_SCHEMA = {\n  primary: css<StyledMenuComponentProps>`\n    ${(props) =>\n      template({\n        backgroundColor: props.theme.colors['bg-onmain-primary'],\n        borderColor: props.theme.colors.transparent,\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n  secondary: css<StyledMenuComponentProps>`\n    ${(props) =>\n      template({\n        backgroundColor: props.theme.colors['bg-onmain-secondary'],\n        borderColor: props.theme.colors['border-onmain-default-large'],\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.div\n  .withConfig<StyledMenuComponentProps>({\n    shouldForwardProp: shouldForwardMenuComponentProp,\n  })\n  .attrs(<Required<Pick<StyledMenuComponentProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => ({\n      width: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n    }),\n  })`\n  ${(props) => `\n    box-sizing: border-box;\n    isolation: isolate;\n    border-radius: 12px;\n    border: 1px solid transparent;\n    overflow-x: hidden;\n    overflow-y: auto;\n    scrollbar-width: thin;\n    max-height: ${typeof props.maxHeight === 'string' ? props.maxHeight : `${props.maxHeight}px`};\n  `}\n\n  ${(props) => {\n    return props.secondary ? COLOR_SCHEMA.secondary : COLOR_SCHEMA.primary\n  }}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardMenuComponentProp","createShouldForwardProp","propKey","includes","template","palette","backgroundColor","borderColor","shadowColor","COLOR_SCHEMA","primary","css","props","theme","colors","transparent","elevated","secondary","Root","styled","div","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","width","displayName","componentId","maxHeight","responsiveSize"],"mappings":"0KAKA,MAAMA,+BAAiCC,yBACpCC,IAAa,CAAC,QAAS,WAAY,aAAaC,SAASD,KAG5D,MAAME,SAAYC,GAAkC,yBAC9BA,EAAQC,qCACZD,EAAQE,0CACCF,EAAQG,iBAG5B,MAAMC,aAAe,CAC1BC,QAASC,IAAG,CAAA,GAAA,KACPC,GACDR,SAAS,CACPE,gBAAiBM,EAAMC,MAAMC,OAAO,qBACpCP,YAAaK,EAAMC,MAAMC,OAAOC,YAChCP,YAAaI,EAAMI,SAAWJ,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOC,eACvFH,EAAMP,YAGfY,UAAWN,IAAG,CAAA,GAAA,KACTC,GACDR,SAAS,CACPE,gBAAiBM,EAAMC,MAAMC,OAAO,uBACpCP,YAAaK,EAAMC,MAAMC,OAAO,+BAChCN,YAAaI,EAAMI,SAAWJ,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOC,eACvFH,EAAMP,aAKV,MAAMa,KAAOC,OAAOC,IACxBC,WAAqC,CACpCC,kBAAmBtB,iCAEpBuB,MAA0E,CACzEC,uBAAwBA,CAACC,EAAMC,KAAe,CAC5CC,aAAcF,GAAS,SAAWA,EAAO,GAAGA,IAAOC,QAErDL,WAAA,CAAAO,YAAA,sBAAAC,YAAA,oBARgBV,CAQhB,CAAA,GAAA,IAAA,IAAA,KACCP,GAAU,4NAQUA,EAAMkB,WAAc,SAAWlB,EAAMkB,UAAY,GAAGlB,EAAMkB,uBAG9ElB,GACMA,EAAMK,UAAYR,aAAaQ,UAAYR,aAAaC,SAG/DqB"}

package/components/MenuContainer/MenuContainer.js

@@ -1,2 +1,2 @@
-import o from'@babel/runtime/helpers/objectSpread2';import{forwardRef as r}from'react';import{Root as e,CloseButton as s}from'./style.js';import{jsxs as t,jsx as n}from'react/jsx-runtime';var a=r(((r,a)=>{var{closeButtonProps:i={},children:l,showCloseButton:c,closeFn:m}=r;return t(e,{ref:a,children:[c&&n(s,o(o({square:!0,size:"m",icon:"close"},i),{},{onClick:o=>{m&&m(),i.onClick&&i.onClick(o)}})),l]})}));export{a as MenuContainer};
+'use strict';var React=require('react');var style=require('./style.js');var require$$0=require('react/jsx-runtime');exports.MenuContainer=React.forwardRef(((e,r)=>{const{closeButtonProps:s={},children:t,showCloseButton:o,closeFn:i}=e;return require$$0.jsxs(style.Root,{ref:r,children:[o&&require$$0.jsx(style.CloseButton,{square:!0,size:"m",icon:"close",...s,onClick:e=>{i&&i(),s.onClick&&s.onClick(e)}}),t]})}));
 //# sourceMappingURL=MenuContainer.js.map

package/components/MenuContainer/MenuContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuContainer.js","sources":["../../../../src/components/MenuContainer/MenuContainer.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport * as Styled from './style'\nimport type { MenuContainerProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuContainerProps](https://github.com/foxford/ui/blob/master/src/components/MenuContainer/types.ts)\n */\nconst MenuContainer: React.ForwardRefExoticComponent<MenuContainerProps> = forwardRef<\n  HTMLDivElement,\n  MenuContainerProps\n>((props, ref) => {\n  const { closeButtonProps = {}, children, showCloseButton, closeFn } = props\n\n  return (\n    <Styled.Root ref={ref}>\n      {showCloseButton && (\n        <Styled.CloseButton\n          square\n          size='m'\n          icon='close'\n          {...closeButtonProps}\n          onClick={(evt) => {\n            if (closeFn) closeFn()\n            if (closeButtonProps.onClick) closeButtonProps.onClick(evt)\n          }}\n        />\n      )}\n      {children}\n    </Styled.Root>\n  )\n})\n\nexport { MenuContainer }\n"],"names":["MenuContainer","forwardRef","props","ref","closeButtonProps","children","showCloseButton","closeFn","_jsxs","Styled.Root","_jsx","Styled.CloseButton","_objectSpread","square","size","icon","onClick","evt"],"mappings":"4LAYMA,IAAAA,EAAqEC,GAGzE,CAACC,EAAOC,KACR,IAAMC,iBAAEA,EAAmB,GAArBC,SAAyBA,EAAzBC,gBAAmCA,EAAnCC,QAAoDA,GAAYL,EAEtE,OACEM,EAACC,EAAD,CAAaN,IAAKA,EAAlBE,SAAA,CACGC,GACCI,EAACC,EAADC,EAAAA,EAAA,CACEC,QADF,EAEEC,KAAK,IACLC,KAAK,SACDX,GAJN,GAAA,CAKEY,QAAUC,IACJV,GAASA,IACTH,EAAiBY,SAASZ,EAAiBY,QAAQC,OAI5DZ"}
+{"version":3,"file":"MenuContainer.js","sources":["../../../../src/components/MenuContainer/MenuContainer.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport * as Styled from './style'\nimport type { MenuContainerProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuContainerProps](https://github.com/foxford/ui/blob/master/src/components/MenuContainer/types.ts)\n */\nconst MenuContainer: React.ForwardRefExoticComponent<MenuContainerProps> = forwardRef<\n  HTMLDivElement,\n  MenuContainerProps\n>((props, ref) => {\n  const { closeButtonProps = {}, children, showCloseButton, closeFn } = props\n\n  return (\n    <Styled.Root ref={ref}>\n      {showCloseButton && (\n        <Styled.CloseButton\n          square\n          size='m'\n          icon='close'\n          {...closeButtonProps}\n          onClick={(evt) => {\n            if (closeFn) closeFn()\n            if (closeButtonProps.onClick) closeButtonProps.onClick(evt)\n          }}\n        />\n      )}\n      {children}\n    </Styled.Root>\n  )\n})\n\nexport { MenuContainer }\n"],"names":["forwardRef","props","ref","closeButtonProps","children","showCloseButton","closeFn","_jsxs","Styled","_jsx","jsx","square","size","icon","onClick","evt"],"mappings":"0IAY2EA,MAAUA,YAGnF,CAACC,EAAOC,KACR,MAAMC,iBAAEA,EAAmB,CAAE,EAAAC,SAAEA,EAAQC,gBAAEA,EAAeC,QAAEA,GAAYL,EAEtE,OACEM,WAAAA,KAACC,MAAAA,KAAW,CAACN,IAAKA,EAAIE,UACnBC,GACCI,WAAAC,IAACF,kBAAkB,CACjBG,QAAM,EACNC,KAAK,IACLC,KAAK,WACDV,EACJW,QAAUC,IACJT,GAASA,IACTH,EAAiBW,SAASX,EAAiBW,QAAQC,EAAI,IAIhEX,IACW"}

package/components/MenuContainer/MenuContainer.mjs

@@ -0,0 +1,2 @@
+import{forwardRef}from'react';import{Root,CloseButton}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';const MenuContainer=forwardRef(((o,e)=>{const{closeButtonProps:r={},children:t,showCloseButton:n,closeFn:s}=o;return jsxs(Root,{ref:e,children:[n&&jsx(CloseButton,{square:!0,size:"m",icon:"close",...r,onClick:o=>{s&&s(),r.onClick&&r.onClick(o)}}),t]})}));export{MenuContainer};
+//# sourceMappingURL=MenuContainer.mjs.map

package/components/MenuContainer/MenuContainer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuContainer.mjs","sources":["../../../../src/components/MenuContainer/MenuContainer.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport * as Styled from './style'\nimport type { MenuContainerProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuContainerProps](https://github.com/foxford/ui/blob/master/src/components/MenuContainer/types.ts)\n */\nconst MenuContainer: React.ForwardRefExoticComponent<MenuContainerProps> = forwardRef<\n  HTMLDivElement,\n  MenuContainerProps\n>((props, ref) => {\n  const { closeButtonProps = {}, children, showCloseButton, closeFn } = props\n\n  return (\n    <Styled.Root ref={ref}>\n      {showCloseButton && (\n        <Styled.CloseButton\n          square\n          size='m'\n          icon='close'\n          {...closeButtonProps}\n          onClick={(evt) => {\n            if (closeFn) closeFn()\n            if (closeButtonProps.onClick) closeButtonProps.onClick(evt)\n          }}\n        />\n      )}\n      {children}\n    </Styled.Root>\n  )\n})\n\nexport { MenuContainer }\n"],"names":["MenuContainer","forwardRef","props","ref","closeButtonProps","children","showCloseButton","closeFn","_jsxs","Styled","_jsx","square","size","icon","onClick","evt"],"mappings":"gHAYMA,MAAAA,cAAqEC,YAGzE,CAACC,EAAOC,KACR,MAAMC,iBAAEA,EAAmB,CAAE,EAAAC,SAAEA,EAAQC,gBAAEA,EAAeC,QAAEA,GAAYL,EAEtE,OACEM,KAACC,KAAW,CAACN,IAAKA,EAAIE,UACnBC,GACCI,IAACD,YAAkB,CACjBE,QAAM,EACNC,KAAK,IACLC,KAAK,WACDT,EACJU,QAAUC,IACJR,GAASA,IACTH,EAAiBU,SAASV,EAAiBU,QAAQC,EAAI,IAIhEV,IACW"}

package/components/MenuContainer/style.js

@@ -1,2 +1,2 @@
-import o from'styled-components';import{createShouldForwardProp as t}from'../../shared/utils/style.js';import{IconButton as r}from'../IconButton/IconButton.js';var i=t();var n=o.div.withConfig({shouldForwardProp:i}).withConfig({componentId:"fox-ui__sc-1u4llna-0"})(["box-sizing:border-box;position:relative;padding:8px;border-radius:inherit;"]);var s=o(r).withConfig({componentId:"fox-ui__sc-1u4llna-1"})(["position:absolute;top:8px;right:8px;"]);export{s as CloseButton,n as Root};
+'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var IconButton=require('../IconButton/IconButton.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardMenuContainerProp=style.createShouldForwardProp();const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardMenuContainerProp}).withConfig({displayName:"MenuContainer__Root",componentId:"ui__sc-1u4llna-0"})(["box-sizing:border-box;position:relative;padding:8px;border-radius:inherit;"]);const CloseButton=styled__default.default(IconButton.IconButton).withConfig({displayName:"MenuContainer__CloseButton",componentId:"ui__sc-1u4llna-1"})(["position:absolute;top:8px;right:8px;"]);exports.CloseButton=CloseButton,exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/MenuContainer/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/MenuContainer/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { IconButton } from 'components/IconButton'\nimport type { StyledMenuContainerProps } from './types'\n\nconst shouldForwardMenuContainerProp = createShouldForwardProp()\n\nexport const Root = styled.div.withConfig<StyledMenuContainerProps>({\n  shouldForwardProp: shouldForwardMenuContainerProp,\n})`\n  box-sizing: border-box;\n  position: relative;\n  padding: 8px;\n  border-radius: inherit;\n`\n\nexport const CloseButton = styled(IconButton)`\n  position: absolute;\n  top: 8px;\n  right: 8px;\n`\n"],"names":["shouldForwardMenuContainerProp","createShouldForwardProp","Root","styled","div","withConfig","shouldForwardProp","componentId","CloseButton","IconButton"],"mappings":"gKAKA,IAAMA,EAAiCC,IAEhC,IAAMC,EAAOC,EAAOC,IAAIC,WAAqC,CAClEC,kBAAmBN,IADJK,WAAA,CAAAE,YAAA,wBAAGJ,CAAb,CAAA,mFASMK,EAAcL,EAAOM,GAAVJ,WAAA,CAAAE,YAAA,wBAAGJ,CAApB,CAAA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/MenuContainer/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { IconButton } from 'components/IconButton'\nimport type { StyledMenuContainerProps } from './types'\n\nconst shouldForwardMenuContainerProp = createShouldForwardProp()\n\nexport const Root = styled.div.withConfig<StyledMenuContainerProps>({\n  shouldForwardProp: shouldForwardMenuContainerProp,\n})`\n  box-sizing: border-box;\n  position: relative;\n  padding: 8px;\n  border-radius: inherit;\n`\n\nexport const CloseButton = styled(IconButton)`\n  position: absolute;\n  top: 8px;\n  right: 8px;\n`\n"],"names":["shouldForwardMenuContainerProp","createShouldForwardProp","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","CloseButton","default","IconButton"],"mappings":"yQAKA,MAAMA,+BAAiCC,MAAuBA,0BAEvD,MAAMC,KAAOC,gBAAAA,QAAOC,IAAIC,WAAqC,CAClEC,kBAAmBN,iCACnBK,WAAA,CAAAE,YAAA,sBAAAC,YAAA,oBAFkBL,CAOnB,CAAA,+EAEM,MAAMM,YAAcN,gBAAMO,QAACC,uBAAWN,WAAA,CAAAE,YAAA,6BAAAC,YAAA,oBAAlBL,CAI1B,CAAA"}

package/components/MenuContainer/style.mjs

@@ -0,0 +1,2 @@
+import styled from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{IconButton}from'../IconButton/IconButton.mjs';const shouldForwardMenuContainerProp=createShouldForwardProp();const Root=styled.div.withConfig({shouldForwardProp:shouldForwardMenuContainerProp}).withConfig({displayName:"MenuContainer__Root",componentId:"ui__sc-1u4llna-0"})(["box-sizing:border-box;position:relative;padding:8px;border-radius:inherit;"]);const CloseButton=styled(IconButton).withConfig({displayName:"MenuContainer__CloseButton",componentId:"ui__sc-1u4llna-1"})(["position:absolute;top:8px;right:8px;"]);export{CloseButton,Root};
+//# sourceMappingURL=style.mjs.map

package/components/MenuContainer/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/MenuContainer/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { IconButton } from 'components/IconButton'\nimport type { StyledMenuContainerProps } from './types'\n\nconst shouldForwardMenuContainerProp = createShouldForwardProp()\n\nexport const Root = styled.div.withConfig<StyledMenuContainerProps>({\n  shouldForwardProp: shouldForwardMenuContainerProp,\n})`\n  box-sizing: border-box;\n  position: relative;\n  padding: 8px;\n  border-radius: inherit;\n`\n\nexport const CloseButton = styled(IconButton)`\n  position: absolute;\n  top: 8px;\n  right: 8px;\n`\n"],"names":["shouldForwardMenuContainerProp","createShouldForwardProp","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","CloseButton","IconButton"],"mappings":"6JAKA,MAAMA,+BAAiCC,0BAEhC,MAAMC,KAAOC,OAAOC,IAAIC,WAAqC,CAClEC,kBAAmBN,iCACnBK,WAAA,CAAAE,YAAA,sBAAAC,YAAA,oBAFkBL,CAOnB,CAAA,+EAEM,MAAMM,YAAcN,OAAOO,YAAWL,WAAA,CAAAE,YAAA,6BAAAC,YAAA,oBAAlBL,CAI1B,CAAA"}

package/components/MenuDivider/MenuDivider.js

@@ -1,2 +1,2 @@
-import e from'@babel/runtime/helpers/objectSpread2';import r from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as t}from'react';import{useMergedPalette as o}from'../../hooks/useMergedPalette.js';import{Text as a}from'../Text/Text.js';import{Root as s,HorizontalLine as i}from'./style.js';import{jsxs as m,jsx as p}from'react/jsx-runtime';var l=["textProps","children","text"];var n=t(((t,n)=>{var{textProps:x={},children:c,text:d}=t,f=r(t,l);var h=o(f);return m(s,e(e({},f),{},{palette:h,ref:n,children:[(c||d)&&p(a,e(e({appearance:"body",size:"xs",color:"inherit",marginTop:8,marginBottom:4},x),{},{children:null!=c?c:d})),p(i,{})]}))}));export{n as MenuDivider};
+'use strict';var React=require('react');var useMergedPalette=require('../../hooks/useMergedPalette.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Text=require('../Text/Text.js');exports.MenuDivider=React.forwardRef(((e,r)=>{const{textProps:t={},children:s,text:i,...a}=e;const o=useMergedPalette.useMergedPalette(a);return require$$0.jsxs(style.Root,{...a,palette:o,ref:r,children:[(s||i)&&require$$0.jsx(Text.Text,{appearance:"body",size:"xs",color:"inherit",marginTop:8,marginBottom:4,...t,children:s??i}),require$$0.jsx(style.HorizontalLine,{})]})}));
 //# sourceMappingURL=MenuDivider.js.map

package/components/MenuDivider/MenuDivider.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuDivider.js","sources":["../../../../src/components/MenuDivider/MenuDivider.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\nimport { Text } from 'components/Text'\nimport * as Styled from './style'\nimport type { MenuDividerProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuDividerProps](https://github.com/foxford/ui/blob/master/src/components/MenuDivider/types.ts)\n */\nconst MenuDivider: React.ForwardRefExoticComponent<MenuDividerProps> = forwardRef<HTMLDivElement, MenuDividerProps>(\n  (props, ref) => {\n    const { textProps = {}, children, text, ...restProps } = props\n\n    const palette = useMergedPalette(restProps)\n\n    return (\n      <Styled.Root {...restProps} palette={palette} ref={ref}>\n        {(children || text) && (\n          <Text appearance='body' size='xs' color='inherit' marginTop={8} marginBottom={4} {...textProps}>\n            {children ?? text}\n          </Text>\n        )}\n        <Styled.HorizontalLine />\n      </Styled.Root>\n    )\n  }\n)\n\nexport { MenuDivider }\n"],"names":["MenuDivider","forwardRef","props","ref","textProps","children","text","restProps","_excluded","palette","useMergedPalette","_jsxs","Styled.Root","_jsx","Text","_objectSpread","appearance","size","color","marginTop","marginBottom","Styled.HorizontalLine"],"mappings":"6YAcMA,IAAAA,EAAiEC,GACrE,CAACC,EAAOC,KACN,IAAMC,UAAEA,EAAY,GAAdC,SAAkBA,EAAlBC,KAA4BA,GAAuBJ,EAAdK,IAAcL,EAAzDM,GAEA,IAAMC,EAAUC,EAAiBH,GAEjC,OACEI,EAACC,SAAgBL,GAAjB,GAAA,CAA4BE,QAASA,EAASN,IAAKA,EAAnDE,SAAA,EACIA,GAAYC,IACZO,EAACC,EAADC,EAAAA,EAAA,CAAMC,WAAW,OAAOC,KAAK,KAAKC,MAAM,UAAUC,UAAW,EAAGC,aAAc,GAAOhB,GAArF,GAAA,CAAAC,SACGA,MAAAA,EAAAA,EAAYC,KAGjBO,EAACQ,EANH"}
+{"version":3,"file":"MenuDivider.js","sources":["../../../../src/components/MenuDivider/MenuDivider.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\nimport { Text } from 'components/Text'\nimport * as Styled from './style'\nimport type { MenuDividerProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuDividerProps](https://github.com/foxford/ui/blob/master/src/components/MenuDivider/types.ts)\n */\nconst MenuDivider: React.ForwardRefExoticComponent<MenuDividerProps> = forwardRef<HTMLDivElement, MenuDividerProps>(\n  (props, ref) => {\n    const { textProps = {}, children, text, ...restProps } = props\n\n    const palette = useMergedPalette(restProps)\n\n    return (\n      <Styled.Root {...restProps} palette={palette} ref={ref}>\n        {(children || text) && (\n          <Text appearance='body' size='xs' color='inherit' marginTop={8} marginBottom={4} {...textProps}>\n            {children ?? text}\n          </Text>\n        )}\n        <Styled.HorizontalLine />\n      </Styled.Root>\n    )\n  }\n)\n\nexport { MenuDivider }\n"],"names":["forwardRef","props","ref","textProps","children","text","restProps","palette","useMergedPalette","_jsxs","Styled","_jsx","Text","appearance","size","color","marginTop","marginBottom","jsx"],"mappings":"4OAcuEA,MAAUA,YAC/E,CAACC,EAAOC,KACN,MAAMC,UAAEA,EAAY,CAAE,EAAAC,SAAEA,EAAQC,KAAEA,KAASC,GAAcL,EAEzD,MAAMM,EAAUC,kCAAiBF,GAEjC,OACEG,WAAAA,KAACC,MAAAA,KAAW,IAAKJ,EAAWC,QAASA,EAASL,IAAKA,EAAIE,SAAA,EACnDA,GAAYC,IACZM,WAAAA,IAACC,KAAAA,KAAI,CAACC,WAAW,OAAOC,KAAK,KAAKC,MAAM,UAAUC,UAAW,EAAGC,aAAc,KAAOd,EAASC,SAC3FA,GAAYC,IAGjBM,WAAAO,IAACR,2BACW"}

package/components/MenuDivider/MenuDivider.mjs

@@ -0,0 +1,2 @@
+import{forwardRef}from'react';import{useMergedPalette}from'../../hooks/useMergedPalette.mjs';import{Root,HorizontalLine}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';const MenuDivider=forwardRef(((e,r)=>{const{textProps:t={},children:o,text:i,...s}=e;const n=useMergedPalette(s);return jsxs(Root,{...s,palette:n,ref:r,children:[(o||i)&&jsx(Text,{appearance:"body",size:"xs",color:"inherit",marginTop:8,marginBottom:4,...t,children:o??i}),jsx(HorizontalLine,{})]})}));export{MenuDivider};
+//# sourceMappingURL=MenuDivider.mjs.map

package/components/MenuDivider/MenuDivider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.mjs","sources":["../../../../src/components/MenuDivider/MenuDivider.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\nimport { Text } from 'components/Text'\nimport * as Styled from './style'\nimport type { MenuDividerProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuDividerProps](https://github.com/foxford/ui/blob/master/src/components/MenuDivider/types.ts)\n */\nconst MenuDivider: React.ForwardRefExoticComponent<MenuDividerProps> = forwardRef<HTMLDivElement, MenuDividerProps>(\n  (props, ref) => {\n    const { textProps = {}, children, text, ...restProps } = props\n\n    const palette = useMergedPalette(restProps)\n\n    return (\n      <Styled.Root {...restProps} palette={palette} ref={ref}>\n        {(children || text) && (\n          <Text appearance='body' size='xs' color='inherit' marginTop={8} marginBottom={4} {...textProps}>\n            {children ?? text}\n          </Text>\n        )}\n        <Styled.HorizontalLine />\n      </Styled.Root>\n    )\n  }\n)\n\nexport { MenuDivider }\n"],"names":["MenuDivider","forwardRef","props","ref","textProps","children","text","restProps","palette","useMergedPalette","_jsxs","Styled","_jsx","Text","appearance","size","color","marginTop","marginBottom"],"mappings":"qNAcMA,MAAAA,YAAiEC,YACrE,CAACC,EAAOC,KACN,MAAMC,UAAEA,EAAY,CAAE,EAAAC,SAAEA,EAAQC,KAAEA,KAASC,GAAcL,EAEzD,MAAMM,EAAUC,iBAAiBF,GAEjC,OACEG,KAACC,KAAW,IAAKJ,EAAWC,QAASA,EAASL,IAAKA,EAAIE,SAAA,EACnDA,GAAYC,IACZM,IAACC,KAAI,CAACC,WAAW,OAAOC,KAAK,KAAKC,MAAM,UAAUC,UAAW,EAAGC,aAAc,KAAOd,EAASC,SAC3FA,GAAYC,IAGjBM,IAACD,qBACW"}