@foxford/ui 2.37.0-beta-3fd53b1-20240802 → 2.38.0-beta-9d02105-20240808

package/components/ListItem/ListItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListItem.js","sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import { forwardRef, cloneElement, isValidElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { Skeleton } from 'components/Skeleton'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { ListItemProps } from './types'\n\nconst COMPONENT_NAME = 'ListItem'\n\n/**\n *\n * Component accepts all root HTML attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ListItemProps](https://github.com/foxford/ui/blob/master/src/components/ListItem/types.ts)\n */\nconst ListItem: React.ForwardRefExoticComponent<ListItemProps> = withMergedProps<ListItemProps>(\n  forwardRef((props, ref) => {\n    const {\n      size = 's',\n      borderRadius = 0,\n      mediaBorderRadius = '50%',\n      controlPosition = 'left',\n      captionPosition = 'bottom',\n      ellipsis = true,\n      iconProps = {},\n      textProps = {},\n      captionProps = {},\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      text,\n      children,\n      control,\n      icon,\n      media,\n      caption,\n      addon,\n      onColored,\n      disabled,\n      loading,\n      ...restProps\n    } = props\n\n    let rootNode: ListItemProps['as']\n\n    if (control) rootNode = 'label'\n    if (restProps.href) rootNode = 'a'\n    if (restProps.as) rootNode = restProps.as\n\n    let rootType: ListItemProps['type']\n\n    if (!rootNode) rootType = 'button'\n    if (restProps.type) rootType = restProps.type\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const stateProps = {\n      onColored,\n      disabled,\n    }\n\n    const controlProps =\n      typeof control === 'object' && typeof control.props === 'object' && control.props !== null ? control.props : {}\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const textBaseProps: TextProps = { appearance: 'body', size: 'inherit', color: 'inherit' }\n\n    const captionBaseProps: TextProps = { appearance: 'body', size: 0.9, sizeUnits: 'em', color: 'inherit' }\n\n    return (\n      <Styled.Root\n        {...sizeProps}\n        {...stateProps}\n        {...restProps}\n        as={rootNode}\n        type={rootType}\n        borderRadius={borderRadius}\n        mediaBorderRadius={mediaBorderRadius}\n        ref={ref}\n      >\n        {typeof children === 'function' ? (\n          children({\n            textProps: textBaseProps,\n            captionProps: captionBaseProps,\n          })\n        ) : (\n          <>\n            {loading ? (\n              <>\n                {media && (\n                  <Styled.Media>\n                    <Skeleton width='100%' height='100%' borderRadius='inherit' />\n                  </Styled.Media>\n                )}\n                <Styled.Content>\n                  <Skeleton width='100%' borderRadius={4}>\n                    <Text {...textBaseProps} {...textProps} />\n                  </Skeleton>\n                </Styled.Content>\n              </>\n            ) : (\n              <>\n                {control &&\n                  controlPosition === 'left' &&\n                  (typeof control === 'function'\n                    ? control({ ...sizeProps, ...stateProps })\n                    : cloneElement(control, { ...sizeProps, ...stateProps, ...controlProps }))}\n                {before && (\n                  <Icon\n                    preset='brand'\n                    name={typeof before === 'string' ? before : undefined}\n                    icon={typeof before !== 'string' ? before : undefined}\n                    {...iconProps}\n                  />\n                )}\n                {media && (\n                  <Styled.Media>{isValidElement(media) ? media : <Styled.Img alt='' {...media} />}</Styled.Media>\n                )}\n                {(children || text || caption) && (\n                  <Styled.Content>\n                    {caption && captionPosition === 'top' && (\n                      <Styled.Typography forwardedAs='span' ellipsis={ellipsis} {...captionBaseProps} {...captionProps}>\n                        {caption}\n                      </Styled.Typography>\n                    )}\n                    {(children || text) && (\n                      <Styled.Typography forwardedAs='span' ellipsis={ellipsis} {...textBaseProps} {...textProps}>\n                        {children ?? text}\n                      </Styled.Typography>\n                    )}\n                    {caption && captionPosition === 'bottom' && (\n                      <Styled.Typography forwardedAs='span' ellipsis={ellipsis} {...captionBaseProps} {...captionProps}>\n                        {caption}\n                      </Styled.Typography>\n                    )}\n                  </Styled.Content>\n                )}\n                {addon}\n                {after && (\n                  <Icon\n                    preset='brand'\n                    name={typeof after === 'string' ? after : undefined}\n                    icon={typeof after !== 'string' ? after : undefined}\n                    {...iconProps}\n                  />\n                )}\n                {control &&\n                  controlPosition === 'right' &&\n                  (typeof control === 'function'\n                    ? control({ ...sizeProps, ...stateProps })\n                    : cloneElement(control, { ...sizeProps, ...stateProps, ...controlProps }))}\n              </>\n            )}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ListItem }\n"],"names":["ListItem","withMergedProps","forwardRef","props","ref","size","borderRadius","mediaBorderRadius","controlPosition","captionPosition","ellipsis","iconProps","textProps","captionProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","text","children","control","icon","media","caption","addon","onColored","disabled","loading","restProps","_excluded","rootNode","rootType","href","as","type","sizeProps","stateProps","controlProps","before","after","Array","isArray","textBaseProps","appearance","color","captionBaseProps","sizeUnits","_jsx","Styled.Root","_Fragment","_jsxs","Styled.Media","Skeleton","width","height","Styled.Content","Text","_objectSpread","cloneElement","Icon","preset","name","undefined","isValidElement","Styled.Img","alt","Styled.Typography","forwardedAs","displayName","sizes","SIZES"],"mappings":"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"}

package/components/ListItem/constants.js

@@ -1,2 +0,0 @@
-var d={xxxl:{fontSize:20,paddingTop:16,paddingRight:20,paddingBottom:16,paddingLeft:20},xxl:{fontSize:20,paddingTop:16,paddingRight:20,paddingBottom:16,paddingLeft:20},xl:{fontSize:20,paddingTop:16,paddingRight:20,paddingBottom:16,paddingLeft:20},l:{fontSize:18,paddingTop:10,paddingRight:16,paddingBottom:10,paddingLeft:16},m:{fontSize:16,paddingTop:8,paddingRight:12,paddingBottom:8,paddingLeft:12},s:{fontSize:14,paddingTop:6,paddingRight:10,paddingBottom:6,paddingLeft:10},xs:{fontSize:14,paddingTop:6,paddingRight:10,paddingBottom:6,paddingLeft:10},xxs:{fontSize:14,paddingTop:6,paddingRight:10,paddingBottom:6,paddingLeft:10},xxxs:{fontSize:14,paddingTop:6,paddingRight:10,paddingBottom:6,paddingLeft:10}};export{d as SIZES};
-//# sourceMappingURL=constants.js.map

package/components/ListItem/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/ListItem/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 20,\n    paddingTop: 16,\n    paddingRight: 20,\n    paddingBottom: 16,\n    paddingLeft: 20,\n  },\n  xxl: {\n    fontSize: 20,\n    paddingTop: 16,\n    paddingRight: 20,\n    paddingBottom: 16,\n    paddingLeft: 20,\n  },\n  xl: {\n    fontSize: 20,\n    paddingTop: 16,\n    paddingRight: 20,\n    paddingBottom: 16,\n    paddingLeft: 20,\n  },\n  l: {\n    fontSize: 18,\n    paddingTop: 10,\n    paddingRight: 16,\n    paddingBottom: 10,\n    paddingLeft: 16,\n  },\n  m: {\n    fontSize: 16,\n    paddingTop: 8,\n    paddingRight: 12,\n    paddingBottom: 8,\n    paddingLeft: 12,\n  },\n  s: {\n    fontSize: 14,\n    paddingTop: 6,\n    paddingRight: 10,\n    paddingBottom: 6,\n    paddingLeft: 10,\n  },\n  xs: {\n    fontSize: 14,\n    paddingTop: 6,\n    paddingRight: 10,\n    paddingBottom: 6,\n    paddingLeft: 10,\n  },\n  xxs: {\n    fontSize: 14,\n    paddingTop: 6,\n    paddingRight: 10,\n    paddingBottom: 6,\n    paddingLeft: 10,\n  },\n  xxxs: {\n    fontSize: 14,\n    paddingTop: 6,\n    paddingRight: 10,\n    paddingBottom: 6,\n    paddingLeft: 10,\n  },\n}\n"],"names":["SIZES","xxxl","fontSize","paddingTop","paddingRight","paddingBottom","paddingLeft","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfC,IAAK,CACHL,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfE,GAAI,CACFN,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfG,EAAG,CACDP,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfI,EAAG,CACDR,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,IAEfK,EAAG,CACDT,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,IAEfM,GAAI,CACFV,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,IAEfO,IAAK,CACHX,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,IAEfQ,KAAM,CACJZ,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa"}

package/components/ListItem/style.js

@@ -1,2 +0,0 @@
-import o from'@babel/runtime/helpers/objectSpread2';import r,{css as e}from'styled-components';import{responsiveSize as t}from'../../mixins/responsive-size.js';import{responsiveMargin as l}from'../../mixins/responsive-margin.js';import{focus as c}from'../../mixins/focus.js';import{createShouldForwardProp as a}from'../../shared/utils/style.js';import{Text as n}from'../Text/Text.js';var s=a((o=>!['danger','success','active','onColored','mediaBorderRadius','borderRadius'].includes(o)));var d=r.span.withConfig({componentId:"fox-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%;}"]);var i=o=>"\n  color: ".concat(o.color,";\n  background-color: ").concat(o.backgroundColor,";\n  &:hover {\n    color: ").concat(o.colorHover,";\n    background-color: ").concat(o.backgroundColorHover,";\n  }\n\n  & ").concat(d," img {\n    background-color: ").concat(o.mediaPlaceholderColor,";\n  }\n");var m={onColored:{danger:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['alert-error'],backgroundColor:r.theme.colors['alert-bg-error-100'],colorHover:r.theme.colors['alert-error'],backgroundColorHover:r.theme.colors['alert-bg-error-100'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette))))},success:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['alert-success'],backgroundColor:r.theme.colors['alert-bg-success-100'],colorHover:r.theme.colors['alert-success'],backgroundColorHover:r.theme.colors['alert-bg-success-100'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette))))},secondary:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100-active'],colorHover:r.theme.colors['content-brand-primary'],backgroundColorHover:r.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette))))},primary:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100-active'],colorHover:r.theme.colors['content-brand-primary'],backgroundColorHover:r.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-oncontrast-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncontrast-hover']},r.palette))))}},default:{danger:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['alert-error'],backgroundColor:r.theme.colors['alert-bg-error-100'],colorHover:r.theme.colors['alert-error'],backgroundColorHover:r.theme.colors['alert-bg-error-100'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['alert-error'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['alert-error'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette))))},success:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['alert-success'],backgroundColor:r.theme.colors['alert-bg-success-100'],colorHover:r.theme.colors['alert-success'],backgroundColorHover:r.theme.colors['alert-bg-success-100'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['alert-success'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['alert-success'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette))))},secondary:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100-active'],colorHover:r.theme.colors['content-brand-primary'],backgroundColorHover:r.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-brand-primary'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette))))},primary:{disabled:e(["",""],(r=>i(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors.transparent,mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),active:e(["",""],(r=>i(o({color:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100-active'],colorHover:r.theme.colors['content-brand-primary'],backgroundColorHover:r.theme.colors['bg-brand-primary-100-active'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:e(["",""],(r=>i(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],mediaPlaceholderColor:r.theme.colors['bg-oncolor-hover']},r.palette))))}}};var h=r.button.withConfig({shouldForwardProp:s}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:'string'==typeof o?o:"".concat(o).concat(r),padding:'0.4em 0.8em'})}).withConfig({componentId:"fox-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: ".concat(o.disabled?'not-allowed':'pointer',";\n    border-radius: ").concat('string'==typeof o.borderRadius?o.borderRadius:"".concat(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    & ").concat(d," {\n      border-radius: ").concat('string'==typeof o.mediaBorderRadius?o.mediaBorderRadius:"".concat(o.mediaBorderRadius,"px"),";\n    }\n\n    & > *:not(:last-child) {\n      margin-right: 12px;\n    }\n  ")),(o=>{var r=o.onColored?m.onColored:m.default;var e=r.primary;return o.secondary&&(e=r.secondary),o.success&&(e=r.success),o.danger&&(e=r.danger),o.disabled?e.disabled:o.active?e.active:e.default}),c,t,l);var b=r.span.withConfig({componentId:"fox-ui__sc-1a62xqm-2"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;"]);var g=r.img.withConfig({componentId:"fox-ui__sc-1a62xqm-3"})(["box-sizing:border-box;border-radius:inherit;object-fit:contain;"]);var p=r(n).withConfig({shouldForwardProp:o=>'ellipsis'!==o}).withConfig({componentId:"fox-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{b as Content,g as Img,d as Media,h as Root,p as Typography};
-//# sourceMappingURL=style.js.map

package/components/ListItem/style.js.map

@@ -1 +0,0 @@
-{"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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"}

package/components/Menu/Menu.js

@@ -1,2 +0,0 @@
-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};
-//# sourceMappingURL=Menu.js.map

package/components/Menu/Menu.js.map

@@ -1 +0,0 @@
-{"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"}

package/components/MenuComponent/MenuComponent.js

@@ -1,2 +0,0 @@
-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};
-//# sourceMappingURL=MenuComponent.js.map

package/components/MenuComponent/MenuComponent.js.map

@@ -1 +0,0 @@
-{"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"}

package/components/MenuComponent/constants.js

@@ -1,2 +0,0 @@
-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};
-//# sourceMappingURL=constants.js.map

package/components/MenuComponent/constants.js.map

@@ -1 +0,0 @@
-{"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"}

package/components/MenuComponent/style.js

@@ -1,2 +0,0 @@
-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};
-//# sourceMappingURL=style.js.map

package/components/MenuComponent/style.js.map

@@ -1 +0,0 @@
-{"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"}

package/components/MenuContainer/MenuContainer.js

@@ -1,2 +0,0 @@
-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};
-//# sourceMappingURL=MenuContainer.js.map

package/components/MenuContainer/MenuContainer.js.map

@@ -1 +0,0 @@
-{"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"}

package/components/MenuContainer/style.js

@@ -1,2 +0,0 @@
-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};
-//# sourceMappingURL=style.js.map

package/components/MenuContainer/style.js.map

@@ -1 +0,0 @@
-{"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"}

package/components/MenuDivider/MenuDivider.js

@@ -1,2 +0,0 @@
-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};
-//# sourceMappingURL=MenuDivider.js.map

package/components/MenuDivider/MenuDivider.js.map

@@ -1 +0,0 @@
-{"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"}

package/components/MenuDivider/style.js

@@ -1,2 +0,0 @@
-import o from'@babel/runtime/helpers/objectSpread2';import r from'styled-components';import{createShouldForwardProp as n}from'../../shared/utils/style.js';var t=n();var e=r.div.withConfig({componentId:"fox-ui__sc-cur5va-0"})(["box-sizing:border-box;height:1px;"]);var i=r.div.withConfig({shouldForwardProp:t}).withConfig({componentId:"fox-ui__sc-cur5va-1"})(["box-sizing:border-box;width:100%;min-width:min-content;padding:4px 16px;",""],(r=>{return n=o({color:r.theme.colors['content-onmain-tertiary'],lineColor:r.theme.colors['border-onmain-default-large']},r.palette),"\n  color: ".concat(n.color,";\n\n  & > ").concat(e," {\n    background-color: ").concat(n.lineColor,";\n  }\n");var n}));export{e as HorizontalLine,i as Root};
-//# sourceMappingURL=style.js.map

package/components/MenuDivider/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/MenuDivider/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { StyledMenuDividerProps, MenuDividerPalette } from './types'\n\nconst shouldForwardMenuDividerProp = createShouldForwardProp()\n\nexport const HorizontalLine = styled.div`\n  box-sizing: border-box;\n  height: 1px;\n`\n\nconst template = (palette: MenuDividerPalette) => `\n  color: ${palette.color};\n\n  & > ${HorizontalLine} {\n    background-color: ${palette.lineColor};\n  }\n`\n\nexport const Root = styled.div.withConfig<StyledMenuDividerProps>({\n  shouldForwardProp: shouldForwardMenuDividerProp,\n})`\n  box-sizing: border-box;\n  width: 100%;\n  min-width: min-content;\n  padding: 4px 16px;\n\n  ${(props) =>\n    template({\n      color: props.theme.colors['content-onmain-tertiary'],\n      lineColor: props.theme.colors['border-onmain-default-large'],\n      ...props.palette,\n    })}\n`\n"],"names":["shouldForwardMenuDividerProp","createShouldForwardProp","HorizontalLine","styled","div","withConfig","componentId","Root","shouldForwardProp","props","template","palette","_objectSpread","color","theme","colors","lineColor","concat"],"mappings":"2JAIA,IAAMA,EAA+BC,IAExBC,IAAAA,EAAiBC,EAAOC,IAAVC,WAAA,CAAAC,YAAA,uBAAGH,CAAvB,CAAA,sCAaA,IAAMI,EAAOJ,EAAOC,IAAIC,WAAmC,CAChEG,kBAAmBR,IADJK,WAAA,CAAAC,YAAA,uBAAGH,CAQfM,CAAAA,2EAAAA,KAAAA,IACDC,OAjBcC,EAiBNC,EAAA,CACNC,MAAOJ,EAAMK,MAAMC,OAAO,2BAC1BC,UAAWP,EAAMK,MAAMC,OAAO,gCAC3BN,EAAME,SApBE,cAAAM,OACNN,EAAQE,MADF,eAAAI,OAGTf,EAHS,8BAAAe,OAION,EAAQK,UAJhC,YAAkBL,IAAAA"}

package/components/MenuList/MenuList.js

@@ -1,2 +0,0 @@
-import e from'@babel/runtime/helpers/objectSpread2';import r from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as s,isValidElement as i,Fragment as o,Children as t,cloneElement as n}from'react';import{focusFirstFocusable as a}from'../../shared/utils/dom.js';import{keyboardKeys as l}from'../../shared/constants.js';import{Root as p}from'./style.js';import{jsx as z}from'react/jsx-runtime';var c=["role","gap","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes"];var d=[l.ArrowUp.key,l.ArrowDown.key];var m=s(((s,m)=>{var{role:f="list",gap:h=4,size:u,sizeXXS:y,sizeXS:v,sizeS:X,sizeM:b,sizeL:S,sizeXL:j,sizeUnits:w,sizes:L}=s,g=r(s,c);var k={size:u,sizeXXS:y,sizeXS:v,sizeS:X,sizeM:b,sizeL:S,sizeXL:j,sizeUnits:w,sizes:L};var D=i(g.children)&&g.children.type===o&&'object'==typeof g.children.props&&null!==g.children.props?g.children.props.children:g.children;return z(p,e(e({},g),{},{role:f,gap:h,onKeyDown:e=>{if(g.onKeyDown&&g.onKeyDown(e),d.includes(e.key)){e.preventDefault();var r=[...e.currentTarget.children];var s=r.findIndex((r=>r.contains(e.target)));for(;s>=0&&s<r.length;){var i=r[s=l.ArrowUp.validate(e.key)?--s:++s];if(i instanceof HTMLElement&&a(i))break}}},ref:m,children:t.map(D,((r,s)=>{if(i(r)){var o='object'==typeof r.props&&null!==r.props?r.props:{};return z("li",{children:n(r,e(e({},k),o))},s)}return z("li",{children:r},s)}))}))}));export{m as MenuList};
-//# sourceMappingURL=MenuList.js.map

package/components/MenuList/MenuList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuList.js","sources":["../../../../src/components/MenuList/MenuList.tsx"],"sourcesContent":["import { forwardRef, Children, isValidElement, cloneElement, Fragment } from 'react'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { keyboardKeys } from 'shared/constants'\nimport type { MenuListProps } from './types'\nimport * as Styled from './style'\n\nconst HOT_KEYS = [keyboardKeys.ArrowUp.key, keyboardKeys.ArrowDown.key]\n\n/**\n *\n * Component accepts all \\<ul\\> attributes.\n *\n * Responsive \"size\" props are forwarded to children elements.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuListProps](https://github.com/foxford/ui/blob/master/src/components/MenuList/types.ts)\n */\nconst MenuList: React.ForwardRefExoticComponent<MenuListProps> = forwardRef<HTMLUListElement, MenuListProps>(\n  (props, ref) => {\n    const {\n      role = 'list',\n      gap = 4,\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizeUnits,\n      sizes,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizeUnits,\n      sizes,\n    }\n\n    const children =\n      isValidElement(restProps.children) &&\n      restProps.children.type === Fragment &&\n      typeof restProps.children.props === 'object' &&\n      restProps.children.props !== null\n        ? restProps.children.props.children\n        : restProps.children\n\n    return (\n      <Styled.Root\n        {...restProps}\n        role={role}\n        gap={gap}\n        onKeyDown={(evt) => {\n          if (restProps.onKeyDown) restProps.onKeyDown(evt)\n\n          if (HOT_KEYS.includes(evt.key)) {\n            evt.preventDefault()\n\n            const listItems = [...evt.currentTarget.children]\n            let idx = listItems.findIndex((item) => item.contains(evt.target as Node))\n\n            while (idx >= 0 && idx < listItems.length) {\n              idx = keyboardKeys.ArrowUp.validate(evt.key) ? --idx : ++idx\n\n              const nextItem = listItems[idx]\n\n              if (nextItem instanceof HTMLElement && focusFirstFocusable(nextItem)) {\n                break\n              }\n            }\n          }\n        }}\n        ref={ref}\n      >\n        {Children.map(children, (child, idx) => {\n          if (isValidElement(child)) {\n            const childProps = typeof child.props === 'object' && child.props !== null ? child.props : {}\n\n            return <li key={idx}>{cloneElement(child, { ...sizeProps, ...childProps })}</li>\n          }\n\n          return <li key={idx}>{child}</li>\n        })}\n      </Styled.Root>\n    )\n  }\n)\n\nexport { MenuList }\n"],"names":["HOT_KEYS","keyboardKeys","ArrowUp","key","ArrowDown","MenuList","forwardRef","props","ref","role","gap","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","restProps","_excluded","sizeProps","children","isValidElement","type","Fragment","_jsx","Styled.Root","onKeyDown","evt","includes","preventDefault","listItems","currentTarget","idx","findIndex","item","contains","target","length","nextItem","validate","HTMLElement","focusFirstFocusable","Children","map","child","childProps","cloneElement"],"mappings":"8fAMA,IAAMA,EAAW,CAACC,EAAaC,QAAQC,IAAKF,EAAaG,UAAUD,KAY7DE,IAAAA,EAA2DC,GAC/D,CAACC,EAAOC,KACN,IAAMC,KACJA,EAAO,OADHC,IAEJA,EAAM,EAFFC,KAGJA,EAHIC,QAIJA,EAJIC,OAKJA,EALIC,MAMJA,EANIC,MAOJA,EAPIC,MAQJA,EARIC,OASJA,EATIC,UAUJA,EAVIC,MAWJA,GAEEZ,EADCa,IACDb,EAbJc,GAeA,IAAMC,EAAY,CAChBX,KAAAA,EACAC,QAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,OAAAA,EACAC,UAAAA,EACAC,MAAAA,GAGF,IAAMI,EACJC,EAAeJ,EAAUG,WACzBH,EAAUG,SAASE,OAASC,GACQ,iBAA7BN,EAAUG,SAAShB,OACG,OAA7Ba,EAAUG,SAAShB,MACfa,EAAUG,SAAShB,MAAMgB,SACzBH,EAAUG,SAEhB,OACEI,EAACC,SACKR,GADN,GAAA,CAEEX,KAAMA,EACNC,IAAKA,EACLmB,UAAYC,IAGV,GAFIV,EAAUS,WAAWT,EAAUS,UAAUC,GAEzC9B,EAAS+B,SAASD,EAAI3B,KAAM,CAC9B2B,EAAIE,iBAEJ,IAAMC,EAAY,IAAIH,EAAII,cAAcX,UACxC,IAAIY,EAAMF,EAAUG,WAAWC,GAASA,EAAKC,SAASR,EAAIS,UAE1D,KAAOJ,GAAO,GAAKA,EAAMF,EAAUO,QAAQ,CAGzC,IAAMC,EAAWR,EAFjBE,EAAMlC,EAAaC,QAAQwC,SAASZ,EAAI3B,OAASgC,IAAQA,GAIzD,GAAIM,aAAoBE,aAAeC,EAAoBH,GACzD,SAKRjC,IAAKA,EAxBPe,SA0BGsB,EAASC,IAAIvB,GAAU,CAACwB,EAAOZ,KAC9B,GAAIX,EAAeuB,GAAQ,CACzB,IAAMC,EAAoC,iBAAhBD,EAAMxC,OAAsC,OAAhBwC,EAAMxC,MAAiBwC,EAAMxC,MAAQ,GAE3F,OAAOoB,EAAA,KAAA,CAAAJ,SAAe0B,EAAaF,EAAYzB,EAAAA,EAAAA,GAAAA,GAAc0B,KAA7Cb,GAGlB,OAAOR,EAAA,KAAA,CAAAJ,SAAewB,GAANZ"}

package/components/MenuList/style.js

@@ -1,2 +0,0 @@
-import n from'styled-components';var o=n.ul.withConfig({shouldForwardProp:n=>!['showCloseButton','closeButtonProps','closeFn','gap'].includes(n)}).withConfig({componentId:"fox-ui__sc-afqmnb-0"})(["",""],(n=>"\n    box-sizing: border-box;\n    appearance: none;\n    list-style-type: none;\n    margin: 0;\n    padding: 8px;\n    border-radius: inherit;\n\n    & > li:not(:last-child) {\n      margin-bottom: ".concat('string'==typeof n.gap?n.gap:"".concat(n.gap,"px"),";\n    }  \n  ")));export{o as Root};
-//# sourceMappingURL=style.js.map

package/components/MenuList/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/MenuList/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport type { StyledMenuListProps } from './types'\n\nexport const Root = styled.ul.withConfig<StyledMenuListProps>({\n  shouldForwardProp: (propKey) => !['showCloseButton', 'closeButtonProps', 'closeFn', 'gap'].includes(propKey),\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    appearance: none;\n    list-style-type: none;\n    margin: 0;\n    padding: 8px;\n    border-radius: inherit;\n\n    & > li:not(:last-child) {\n      margin-bottom: ${typeof props.gap === 'string' ? props.gap : `${props.gap}px`};\n    }  \n  `}\n`\n"],"names":["Root","styled","ul","withConfig","shouldForwardProp","propKey","includes","componentId","props","concat","gap"],"mappings":"iCAGO,IAAMA,EAAOC,EAAOC,GAAGC,WAAgC,CAC5DC,kBAAoBC,IAAa,CAAC,kBAAmB,mBAAoB,UAAW,OAAOC,SAASD,KADrFF,WAAA,CAAAI,YAAA,uBAAGN,CAAH,CAAA,GAAA,KAGZO,GASkB,2MAAAC,OAAqB,iBAAdD,EAAME,IAAmBF,EAAME,IAASF,GAAAA,OAAAA,EAAME,IAArD"}

package/components/Modal/Close.js

@@ -1,2 +0,0 @@
-import{Icon as o}from'../Icon/Icon.js';import'../Icon/icons.js';import{ModalClose as s}from'./style.js';import{jsx as r}from'react/jsx-runtime';function n(n){var{className:a,onClick:c}=n;return r(s,{className:a,onClick:c,children:r(o,{name:"tinyCross",color:"#D9D9D9"})})}export{n as ModalClose};
-//# sourceMappingURL=Close.js.map

package/components/Modal/Close.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Close.js","sources":["../../../../src/components/Modal/Close.tsx"],"sourcesContent":["import { Icon } from 'components/Icon'\nimport * as Styled from './style'\n\nexport interface ModalCloseProps {\n  className?: string\n  onClick?: () => void\n}\n\nexport function ModalClose({ className, onClick }: ModalCloseProps) {\n  return (\n    <Styled.ModalClose className={className} onClick={onClick}>\n      <Icon name='tinyCross' color='#D9D9D9' />\n    </Styled.ModalClose>\n  )\n}\n"],"names":["ModalClose","_ref","className","onClick","_jsx","Styled.ModalClose","children","Icon","name","color"],"mappings":"gJAQO,SAASA,EAAoDC,GAAA,IAAzCC,UAAEA,EAAFC,QAAaA,GAA4BF,EAClE,OACEG,EAACC,EAAD,CAAmBH,UAAWA,EAAWC,QAASA,EAAlDG,SACEF,EAACG,EAAD,CAAMC,KAAK,YAAYC,MAAM"}

package/components/Modal/Modal.js

@@ -1,2 +0,0 @@
-import e from'react-modal';import{ModalClose as l}from'./Close.js';import{Modal as o}from'./style.js';import{jsx as a}from'react/jsx-runtime';var s;function n(e){var{blurredOverlay:l,children:s,closeTimeoutMS:n,contentLabel:r,isOpen:t,onAfterOpen:d,onRequestClose:i,overlayClassName:m,role:c,shouldCloseOnOverlayClick:p,width:u,valign:y,className:C,style:O,zIndex:v}=e;return a(o,{blurredOverlay:l,closeTimeoutMS:n,contentLabel:r,isOpen:Boolean(t),onAfterOpen:d,onRequestClose:i,portalClassName:C,overlayClassName:m,bodyOpenClassName:"modal--open",role:c,zIndex:v,valign:y,width:u,shouldCloseOnOverlayClick:p,children:a("div",{style:O,children:s})})}'undefined'!=typeof window&&(s=document.body)&&s instanceof HTMLElement&&e.setAppElement(s),n.defaultProps={blurredOverlay:!1,closeTimeoutMS:0,zIndex:9e3,contentLabel:'',isOpen:!1,role:'dialog',shouldCloseOnOverlayClick:!0,width:'m',valign:'center',className:'modal'},n.Close=l,n.displayName='Modal';export{n as Modal};
-//# sourceMappingURL=Modal.js.map

package/components/Modal/Modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import ReactModal, { Classes } from 'react-modal'\nimport { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { BaseProps } from 'shared/interfaces'\nimport { ModalClose } from './Close'\nimport * as Styled from './style'\n\nfunction setAppModalElement() {\n  const appElement = document.body\n\n  if (appElement && appElement instanceof HTMLElement) ReactModal.setAppElement(appElement)\n}\n\n// eslint-disable-next-line prettier/prettier\nif (typeof window !== 'undefined') {\n  setAppModalElement()\n}\n\nexport interface ModalProps extends BaseProps, ResponsiveNamedProperty<'width'> {\n  /**\n   * Primary content.\n   */\n  /**\n   * Boolean indicating if the overlay background should be blurred\n   */\n  blurredOverlay?: boolean\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  /**\n   * Modal class name\n   */\n  className?: string\n  /**\n   * Number indicating the milliseconds to wait before closing the modal.\n   */\n  closeTimeoutMS?: number\n  /**\n   * String indicating how the content container should be announced to screenreaders\n   */\n  contentLabel?: string\n  /**\n   * Boolean describing if the modal should be shown or not.\n   */\n  isOpen?: boolean\n  /**\n   * Function that will be run after the modal has opened.\n   */\n  onAfterOpen?(): void\n  /**\n   * Function that will be run when the modal is requested to be closed, prior to actually closing.\n   */\n  onRequestClose?(): void\n  /**\n   * Custom overlay CSS class name\n   */\n  overlayClassName?: string | Classes\n  /**\n   * String indicating the role of the modal, allowing the 'dialog' role to be applied if desired.\n   */\n  role?: string\n  /**\n   * Boolean indicating if the overlay should close the modal\n   */\n  shouldCloseOnOverlayClick?: boolean\n  /**\n   * Vertical align\n   */\n  valign?: 'top' | 'center' | 'bottom'\n  /**\n   * z-index\n   */\n  zIndex?: number\n}\n\nModal.defaultProps = {\n  blurredOverlay: false,\n  closeTimeoutMS: 0,\n  zIndex: 9000,\n  contentLabel: '',\n  isOpen: false,\n  role: 'dialog',\n  shouldCloseOnOverlayClick: true,\n  width: 'm',\n  valign: 'center',\n  className: 'modal',\n}\n\nModal.Close = ModalClose\nModal.displayName = 'Modal'\n\n/**\n * Основан на [react-modal](https://github.com/reactjs/react-modal).\n *\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`ResponsiveNamedProperty<'width'>`](#/Миксины)\n */\nexport function Modal(props: ModalProps) {\n  const {\n    blurredOverlay,\n    children,\n    closeTimeoutMS,\n    contentLabel,\n    isOpen,\n    onAfterOpen,\n    onRequestClose,\n    overlayClassName,\n    role,\n    shouldCloseOnOverlayClick,\n    width,\n    valign,\n    className,\n    style,\n    zIndex,\n  } = props\n\n  return (\n    <Styled.Modal\n      blurredOverlay={blurredOverlay}\n      closeTimeoutMS={closeTimeoutMS}\n      contentLabel={contentLabel}\n      isOpen={Boolean(isOpen)}\n      onAfterOpen={onAfterOpen}\n      onRequestClose={onRequestClose}\n      portalClassName={className}\n      overlayClassName={overlayClassName}\n      bodyOpenClassName='modal--open'\n      role={role}\n      zIndex={zIndex}\n      valign={valign}\n      width={width}\n      shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}\n    >\n      <div style={style}>{children}</div>\n    </Styled.Modal>\n  )\n}\n"],"names":["appElement","Modal","props","blurredOverlay","children","closeTimeoutMS","contentLabel","isOpen","onAfterOpen","onRequestClose","overlayClassName","role","shouldCloseOnOverlayClick","width","valign","className","style","zIndex","_jsx","Styled.Modal","Boolean","portalClassName","bodyOpenClassName","window","document","body","HTMLElement","ReactModal","setAppElement","defaultProps","Close","ModalClose","displayName"],"mappings":"8IAMA,IACQA,EA2FD,SAASC,EAAMC,GACpB,IAAMC,eACJA,EADIC,SAEJA,EAFIC,eAGJA,EAHIC,aAIJA,EAJIC,OAKJA,EALIC,YAMJA,EANIC,eAOJA,EAPIC,iBAQJA,EARIC,KASJA,EATIC,0BAUJA,EAVIC,MAWJA,EAXIC,OAYJA,EAZIC,UAaJA,EAbIC,MAcJA,EAdIC,OAeJA,GACEf,EAEJ,OACEgB,EAACC,EAAD,CACEhB,eAAgBA,EAChBE,eAAgBA,EAChBC,aAAcA,EACdC,OAAQa,QAAQb,GAChBC,YAAaA,EACbC,eAAgBA,EAChBY,gBAAiBN,EACjBL,iBAAkBA,EAClBY,kBAAkB,cAClBX,KAAMA,EACNM,OAAQA,EACRH,OAAQA,EACRD,MAAOA,EACPD,0BAA2BA,EAd7BR,SAgBEc,EAAA,MAAA,CAAKF,MAAOA,EAAZZ,SAAoBA,MAzHJ,oBAAXmB,SANHvB,EAAawB,SAASC,OAEVzB,aAAsB0B,aAAaC,EAAWC,cAAc5B,GAkEhFC,EAAM4B,aAAe,CACnB1B,gBAAAA,EACAE,eAAgB,EAChBY,OAAQ,IACRX,aAAc,GACdC,QAAAA,EACAI,KAAM,SACNC,2BAAAA,EACAC,MAAO,IACPC,OAAQ,SACRC,UAAW,SAGbd,EAAM6B,MAAQC,EACd9B,EAAM+B,YAAc"}

package/components/Modal/adapter.js

@@ -1,2 +0,0 @@
-import a from'@babel/runtime/helpers/objectSpread2';import e from'@babel/runtime/helpers/objectWithoutProperties';import r from'react-modal';import o from'clsx';import{jsx as s}from'react/jsx-runtime';var t=["className","isOpen","overlayClassName","style"];var l=l=>{var{className:m,isOpen:p,overlayClassName:c}=l,i=e(l,t);var n="".concat(m,"__content");var v="".concat(m,"__overlay");return s(r,a({portalClassName:m,className:n,isOpen:Boolean(p),overlayClassName:o(v,c)},i))};export{l as ReactModalAdapter};
-//# sourceMappingURL=adapter.js.map

package/components/Modal/adapter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"adapter.js","sources":["../../../../src/components/Modal/adapter.tsx"],"sourcesContent":["import ReactModal from 'react-modal'\nimport cx from 'clsx'\nimport { ModalProps } from './Modal'\n\nexport const ReactModalAdapter: React.FC<ModalProps> = ({\n  className,\n  isOpen,\n  overlayClassName,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  style: _style,\n  ...props\n}: ModalProps) => {\n  const contentClassName = `${className}__content`\n  const overlayClassNameLocal = `${className}__overlay`\n\n  return (\n    <ReactModal\n      portalClassName={className}\n      className={contentClassName}\n      isOpen={Boolean(isOpen)}\n      overlayClassName={cx(overlayClassNameLocal, overlayClassName)}\n      {...props}\n    />\n  )\n}\n"],"names":["ReactModalAdapter","_ref","className","isOpen","overlayClassName","props","_objectWithoutProperties","_excluded","contentClassName","overlayClassNameLocal","_jsx","ReactModal","_objectSpread","portalClassName","Boolean","cx"],"mappings":"iQAIO,IAAMA,EAA0CC,IAOrC,IAPsCC,UACtDA,EADsDC,OAEtDA,EAFsDC,iBAGtDA,GAIgBH,EADbI,EACaC,EAAAL,EAAAM,GAChB,IAAMC,EAAsBN,GAAAA,OAAAA,EAA5B,aACA,IAAMO,EAA2BP,GAAAA,OAAAA,EAAjC,aAEA,OACEQ,EAACC,EAADC,EAAA,CACEC,gBAAiBX,EACjBA,UAAWM,EACXL,OAAQW,QAAQX,GAChBC,iBAAkBW,EAAGN,EAAuBL,IACxCC"}

package/components/Modal/style.js

@@ -1,2 +0,0 @@
-import e,{css as t,createGlobalStyle as o}from'styled-components';import{property as r}from'../../mixins/responsive-property.js';import{ReactModalAdapter as a}from'./adapter.js';var i={xxxs:100,xxs:200,xs:300,s:400,m:500,l:600,xl:740,xxl:800,xxxl:900};var n=e(a).withConfig({componentId:"fox-ui__sc-1ilisuf-0"})(["&__overlay{z-index:",";display:flex;flex-direction:row;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;overflow-x:none;overflow-y:auto;"," &.ReactModal__Overlay--after-open{","}&.ReactModal__Overlay--before-close{}}&__content{width:100%;max-height:100%;position:relative;&:focus{outline:0;}"," &.ReactModal__Content--after-open{}&.ReactModal__Content--before-close{}}"],(e=>e.zIndex||e.theme.zIndex.modal),(e=>e.valign?t(["align-items:",";"],(e=>{switch(e){case'top':return'flex-start';case'bottom':return'flex-end';default:return'center'}})(e.valign)):null),(e=>e.overlayClassName?null:t(e.blurredOverlay?["background:rgba(246,247,251,0.3);backdrop-filter:blur(3.5px);"]:["background:rgba(246,247,251,0.9);"])),(e=>e.width?r((e=>'number'==typeof e.width?e.width:e.width&&'string'==typeof e.width&&i[e.width]?i[e.width]:'auto')(e),'max-width'):null));var l=e.span.withConfig({componentId:"fox-ui__sc-1ilisuf-1"})(["opacity:1;transition:0.3s;position:absolute;right:20px;top:20px;cursor:pointer;z-index:10;svg{width:18px;height:18px;}&:hover{opacity:0.5;}"]);o([".bodyOpen{overflow:hidden;}"]);export{n as Modal,l as ModalClose};
-//# sourceMappingURL=style.js.map

package/components/Modal/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Modal/style.ts"],"sourcesContent":["import styled, { createGlobalStyle, css } from 'styled-components'\nimport ReactModal from 'react-modal'\nimport { property, PossibleValues } from 'mixins/responsive-property'\nimport { ModalProps } from './Modal'\nimport { ReactModalAdapter } from './adapter'\n\ninterface ReactModalProps extends ReactModal.Props {\n  zIndex?: ModalProps['zIndex']\n  valign?: ModalProps['valign']\n}\n\nconst WIDTHS = {\n  xxxs: 100,\n  xxs: 200,\n  xs: 300,\n  s: 400,\n  m: 500,\n  l: 600,\n  xl: 740,\n  xxl: 800,\n  xxxl: 900,\n}\n\nconst chooseWidthValue = (props: ModalProps): PossibleValues => {\n  if (typeof props.width === 'number') return props.width\n\n  if (props.width && typeof props.width === 'string' && WIDTHS[props.width]) return WIDTHS[props.width]\n\n  return 'auto'\n}\n\nconst getPosition = (valign: ModalProps['valign']) => {\n  switch (valign) {\n    case 'top':\n      return 'flex-start'\n    case 'bottom':\n      return 'flex-end'\n    case 'center':\n      return 'center'\n    default:\n      return 'center'\n  }\n}\n\nexport const Modal = styled(ReactModalAdapter)<ReactModalProps>`\n  &__overlay {\n    z-index: ${(props) => props.zIndex || props.theme.zIndex.modal};\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    overflow-x: none;\n    overflow-y: auto;\n    ${(props) =>\n      props.valign\n        ? css`\n            align-items: ${getPosition(props.valign)};\n          `\n        : null}\n    &.ReactModal__Overlay--after-open {\n      ${(props) => {\n        if (props.overlayClassName) return null\n\n        if (props.blurredOverlay) {\n          return css`\n            background: rgba(246, 247, 251, 0.3);\n            backdrop-filter: blur(3.5px);\n          `\n        }\n\n        return css`\n          background: rgba(246, 247, 251, 0.9);\n        `\n      }}\n    }\n    &.ReactModal__Overlay--before-close {\n    }\n  }\n\n  &__content {\n    width: 100%;\n    max-height: 100%;\n    position: relative;\n    &:focus {\n      outline: 0;\n    }\n    ${(props) => (props.width ? property(chooseWidthValue(props), 'max-width') : null)}\n    &.ReactModal__Content--after-open {\n    }\n    &.ReactModal__Content--before-close {\n    }\n  }\n`\n\nexport const ModalClose = styled.span`\n  opacity: 1;\n  transition: 0.3s;\n  position: absolute;\n  right: 20px;\n  top: 20px;\n  cursor: pointer;\n  z-index: 10;\n  svg {\n    width: 18px;\n    height: 18px;\n  }\n  &:hover {\n    opacity: 0.5;\n  }\n`\n\nexport const GlobalRoot = createGlobalStyle`\n  .bodyOpen {\n    overflow: hidden;\n  }\n`\n"],"names":["WIDTHS","xxxs","xxs","xs","s","m","l","xl","xxl","xxxl","Modal","styled","ReactModalAdapter","withConfig","componentId","props","zIndex","theme","modal","valign","css","overlayClassName","blurredOverlay","width","property","ModalClose","span","createGlobalStyle"],"mappings":"kLAWA,IAAMA,EAAS,CACbC,KAAM,IACNC,IAAK,IACLC,GAAI,IACJC,EAAG,IACHC,EAAG,IACHC,EAAG,IACHC,GAAI,IACJC,IAAK,IACLC,KAAM,SAwBKC,EAAQC,EAAOC,GAAVC,WAAA,CAAAC,YAAA,wBAAGH,CAAH,CAAA,sBAAA,wIAAA,sCAAA,qHAAA,+EAEFI,GAAUA,EAAMC,QAAUD,EAAME,MAAMD,OAAOE,QAWtDH,GACDA,EAAMI,OACFC,EADJ,CAAA,eAAA,KA3BeD,CAAAA,IACnB,OAAQA,GACN,IAAK,MACH,MAAO,aACT,IAAK,SACH,MAAO,WAGT,QACE,MAAO,WATQA,CA6BkBJ,EAAMI,SAEnC,OAEDJ,GACGA,EAAMM,iBAAyB,KAG1BD,EADLL,EAAMO,eACR,CAAA,iEAMF,CAAA,wCAgBDP,GAAWA,EAAMQ,MAAQC,EAnENT,CAAAA,GACG,iBAAhBA,EAAMQ,MAA2BR,EAAMQ,MAE9CR,EAAMQ,OAAgC,iBAAhBR,EAAMQ,OAAsBvB,EAAOe,EAAMQ,OAAevB,EAAOe,EAAMQ,OAExF,OALiBR,CAmEgCA,GAAQ,aAAe,OAQpEU,IAAAA,EAAad,EAAOe,KAAVb,WAAA,CAAAC,YAAA,wBAAGH,CAAnB,CAAA,gJAiBmBgB,EAAnB,CAAA"}

package/components/Paper/Paper.js

@@ -1,2 +0,0 @@
-import a from'@babel/runtime/helpers/objectSpread2';import e from'@babel/runtime/helpers/objectWithoutProperties';import{useClassname as r}from'../../hooks/useClassname.js';import{Root as s}from'./style.js';import{jsx as o}from'react/jsx-runtime';var m=["padding","rounded","shadow","className"];function t(d){var{padding:p="m",rounded:i=!0,shadow:n=!0,className:l}=d,u=e(d,m);var c=r(t.displayName,l);return o(s,a({padding:p,rounded:i,shadow:n,className:c},u))}t.displayName='Paper';export{t as Paper};
-//# sourceMappingURL=Paper.js.map

package/components/Paper/Paper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Paper.js","sources":["../../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { ColorProperty } from 'mixins/color'\nimport { useClassname } from 'hooks/useClassname'\nimport { SpacerProps } from 'components/Spacer'\nimport * as Styled from './style'\n\nexport interface PaperProps extends SpacerProps, ColorProperty, ResponsiveNamedProperty<'padding'> {\n  /**\n   * Set to true to generate a circlular paper container\n   */\n  circle?: boolean\n  /**\n   * Paper with rounded corners\n   */\n  rounded?: boolean\n  /**\n   * Paper with shadow\n   */\n  shadow?: boolean\n  /**\n   * This number represents the zDepth of the paper shadow\n   */\n  zDepth?: false | 0 | 1 | 2 | 3 | 4\n  /**\n   * Text align\n   */\n  textAlign?: 'left' | 'center' | 'right'\n}\n\nPaper.displayName = 'Paper'\n\n/**\n * Расширен:\n * - [`SpacerProps`](#/Разметка%20и%20позиционирование/Spacer)\n * - [`Color`](#/Миксины)\n * - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)\n */\nexport function Paper({ padding = 'm', rounded = true, shadow = true, className, ...props }: PaperProps) {\n  const _className = useClassname(Paper.displayName, className)\n\n  return <Styled.Root padding={padding} rounded={rounded} shadow={shadow} className={_className} {...props} />\n}\n"],"names":["Paper","_ref","padding","rounded","shadow","className","props","_objectWithoutProperties","_excluded","_className","useClassname","displayName","_jsx","Styled.Root","_objectSpread"],"mappings":"wSAqCO,SAASA,EAAyFC,GAAA,IAAnFC,QAAEA,EAAU,IAAZC,QAAiBA,GAAAA,EAAjBC,OAAiCA,GAAS,EAA1CC,UAAgDA,GAAmCJ,EAArBK,EAAqBC,EAAAN,EAAAO,GACvG,IAAMC,EAAaC,EAAaV,EAAMW,YAAaN,GAEnD,OAAOO,EAACC,EAADC,EAAA,CAAaZ,QAASA,EAASC,QAASA,EAASC,OAAQA,EAAQC,UAAWI,GAAgBH,IAXrGN,EAAMW,YAAc"}

package/components/Paper/style.js

@@ -1,2 +0,0 @@
-import o,{css as r}from'styled-components';import{color as e}from'../../mixins/color.js';import{Spacer as a}from'../Spacer/Spacer.js';var t={0:r(["box-shadow:0 2px 0 0 rgba(0,0,0,0.11);"]),1:r(["box-shadow:0 2px 4px 0 rgba(0,0,0,0.08);"]),2:r(["box-shadow:0 6px 20px 0 rgba(0,0,0,0.1);"]),3:r(["box-shadow:0 10px 20px 0 rgba(0,0,0,0.08);"]),4:r(["box-shadow:0 10px 40px 0 rgba(0,0,0,0.14);"])};var i=r(["border-radius:50%;justify-content:center;display:flex;align-items:center;min-width:100px;min-height:100px;"]);var l=r(["border-radius:",";"],(o=>o.theme.borderRadius));var n=o(a).withConfig({componentId:"fox-ui__sc-1tlpowq-0"})(["box-sizing:border-box;background-color:",";"," "," "," "," ",""],(o=>o.theme.colors.white),(o=>o.textAlign?r(["text-align:",";"],o.textAlign):null),(o=>o.color?e(o.color,'background-color'):null),(o=>'number'==typeof o.zDepth&&o.shadow?t[o.zDepth]:null),(o=>o.rounded?l:null),(o=>o.circle?i:null));export{n as Root};
-//# sourceMappingURL=style.js.map

package/components/Paper/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Paper/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { Spacer } from 'components/Spacer'\nimport { PaperProps } from './Paper'\n\nconst zDepth = {\n  0: css`\n    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.11);\n  `,\n  1: css`\n    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n  `,\n  2: css`\n    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);\n  `,\n  3: css`\n    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.08);\n  `,\n  4: css`\n    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.14);\n  `,\n}\n\nconst circle = css`\n  border-radius: 50%;\n  justify-content: center;\n  display: flex;\n  align-items: center;\n  min-width: 100px;\n  min-height: 100px;\n`\n\nconst rounded = css`\n  border-radius: ${(props) => props.theme.borderRadius};\n`\n\nexport const Root = styled(Spacer)<PaperProps>`\n  box-sizing: border-box;\n  background-color: ${(props) => props.theme.colors.white};\n  ${(props) =>\n    props.textAlign\n      ? css`\n          text-align: ${props.textAlign};\n        `\n      : null}\n  ${(props) => (props.color ? color(props.color, 'background-color') : null)}\n  ${(props) => (typeof props.zDepth === 'number' && props.shadow ? zDepth[props.zDepth] : null)}\n  ${(props) => (props.rounded ? rounded : null)}\n  ${(props) => (props.circle ? circle : null)}\n`\n"],"names":["zDepth","css","circle","rounded","props","theme","borderRadius","Root","styled","Spacer","withConfig","componentId","colors","white","textAlign","color","shadow"],"mappings":"sIAKA,IAAMA,EAAS,CACb,EAAGC,EADU,CAAA,2CAIb,EAAGA,EAJU,CAAA,6CAOb,EAAGA,EAPU,CAAA,6CAUb,EAAGA,EAVU,CAAA,+CAab,EAAGA,EAAH,CAAA,gDAKF,IAAMC,EAASD,EAAf,CAAA,+GASA,IAAME,EAAUF,EACIG,CAAAA,iBAAAA,MAAAA,GAAUA,EAAMC,MAAMC,mBAG7BC,EAAOC,EAAOC,GAAVC,WAAA,CAAAC,YAAA,wBAAGH,CAAH,CAAA,0CAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAEMJ,GAAUA,EAAMC,MAAMO,OAAOC,QAC/CT,GACDA,EAAMU,UACFb,EACgBG,CAAAA,cAAAA,KAAAA,EAAMU,WAEtB,OACHV,GAAWA,EAAMW,MAAQA,EAAMX,EAAMW,MAAO,oBAAsB,OAClEX,GAAmC,iBAAjBA,EAAMJ,QAAuBI,EAAMY,OAAShB,EAAOI,EAAMJ,QAAU,OACrFI,GAAWA,EAAMD,QAAUA,EAAU,OACrCC,GAAWA,EAAMF,OAASA,EAAS"}

package/components/Popover/Popover.js

@@ -1,2 +0,0 @@
-import o from'@babel/runtime/helpers/objectSpread2';import t from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as e}from'react';import{mergeDeepLeft as r}from'ramda';import{withMergedProps as s}from'../../hocs/withMergedProps.js';import{Tooltip as i}from'../Tooltip/Tooltip.js';import{PopoverComponent as n}from'../PopoverComponent/PopoverComponent.js';import{jsx as p}from'react/jsx-runtime';import{SIZES_LANDSCAPE as a,SIZES as m}from'../PopoverComponent/constants.js';var l=["size","styles","sizes","sizeUnits","palette","orientation","loading","badge","caption","captionProps","titleProps","contentProps","controlsDirection","media","controls"];var c='Popover';var P=Object.assign(s(e(((e,s)=>{var{size:a="s",styles:m={},sizes:c,sizeUnits:P,palette:d,orientation:f,loading:b,badge:g,caption:v,captionProps:z,titleProps:j,contentProps:h,controlsDirection:C,media:S,controls:u}=e,D=t(e,l);return p(i,o(o({},D),{},{preset:"brand",size:a,ref:s,styles:r(m,{arrow:{spread:20,length:12}}),component:p(n,{sizes:c,sizeUnits:P,palette:d,orientation:f,loading:b,badge:g,caption:v,captionProps:z,title:D.title,titleProps:j,content:D.content,contentProps:h,controlsDirection:C,media:S,controls:u})}))})),{displayName:"Popover",sizes:o=>'landscape'===o.orientation?a:m}),{Component:n});export{c as COMPONENT_NAME,P as Popover};
-//# sourceMappingURL=Popover.js.map

package/components/Popover/Popover.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popover.js","sources":["../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { mergeDeepLeft } from 'ramda'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Tooltip } from 'components/Tooltip'\nimport { PopoverComponent, SIZES_LANDSCAPE, SIZES } from 'components/PopoverComponent'\nimport type { PopoverProps } from './types'\n\nconst COMPONENT_NAME = 'Popover'\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 popover component root.\n *\n * See full [PopoverProps](https://github.com/foxford/ui/blob/master/src/components/Popover/types.ts)\n */\nconst Popover: React.ForwardRefExoticComponent<PopoverProps> & { Component: typeof PopoverComponent } = Object.assign(\n  withMergedProps<PopoverProps, HTMLDivElement>(\n    forwardRef((props, ref) => {\n      const {\n        size = 's',\n        styles = {},\n        sizes,\n        sizeUnits,\n        palette,\n        orientation,\n        loading,\n        badge,\n        caption,\n        captionProps,\n        titleProps,\n        contentProps,\n        controlsDirection,\n        media,\n        controls,\n        ...restProps\n      } = props\n\n      return (\n        <Tooltip\n          {...restProps}\n          preset='brand'\n          size={size}\n          ref={ref}\n          styles={mergeDeepLeft(styles, {\n            arrow: {\n              spread: 20,\n              length: 12,\n            },\n          })}\n          component={\n            <PopoverComponent\n              sizes={sizes}\n              sizeUnits={sizeUnits}\n              palette={palette}\n              orientation={orientation}\n              loading={loading}\n              badge={badge}\n              caption={caption}\n              captionProps={captionProps}\n              title={restProps.title}\n              titleProps={titleProps}\n              content={restProps.content}\n              contentProps={contentProps}\n              controlsDirection={controlsDirection}\n              media={media}\n              controls={controls}\n            />\n          }\n        />\n      )\n    }),\n    {\n      displayName: COMPONENT_NAME,\n      sizes: (props) => {\n        return props.orientation === 'landscape' ? SIZES_LANDSCAPE : SIZES\n      },\n    }\n  ),\n  {\n    Component: PopoverComponent,\n  }\n)\n\nexport { Popover }\n\nexport { COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Popover","Object","assign","withMergedProps","forwardRef","props","ref","size","styles","sizes","sizeUnits","palette","orientation","loading","badge","caption","captionProps","titleProps","contentProps","controlsDirection","media","controls","restProps","_excluded","_jsx","Tooltip","_objectSpread","preset","mergeDeepLeft","arrow","spread","length","component","PopoverComponent","title","content","displayName","SIZES_LANDSCAPE","SIZES","Component"],"mappings":"8pBAOMA,IAAAA,EAAiB,UAYvB,IAAMC,EAAkGC,OAAOC,OAC7GC,EACEC,GAAW,CAACC,EAAOC,KACjB,IAAMC,KACJA,EAAO,IADHC,OAEJA,EAAS,GAFLC,MAGJA,EAHIC,UAIJA,EAJIC,QAKJA,EALIC,YAMJA,EANIC,QAOJA,EAPIC,MAQJA,EARIC,QASJA,EATIC,aAUJA,EAVIC,WAWJA,EAXIC,aAYJA,EAZIC,kBAaJA,EAbIC,MAcJA,EAdIC,SAeJA,GAEEhB,EADCiB,IACDjB,EAjBJkB,GAmBA,OACEC,EAACC,EAADC,EAAAA,EAAA,GACMJ,GADN,GAAA,CAEEK,OAAO,QACPpB,KAAMA,EACND,IAAKA,EACLE,OAAQoB,EAAcpB,EAAQ,CAC5BqB,MAAO,CACLC,OAAQ,GACRC,OAAQ,MAGZC,UACER,EAACS,EAAD,CACExB,MAAOA,EACPC,UAAWA,EACXC,QAASA,EACTC,YAAaA,EACbC,QAASA,EACTC,MAAOA,EACPC,QAASA,EACTC,aAAcA,EACdkB,MAAOZ,EAAUY,MACjBjB,WAAYA,EACZkB,QAASb,EAAUa,QACnBjB,aAAcA,EACdC,kBAAmBA,EACnBC,MAAOA,EACPC,SAAUA,UAMpB,CACEe,YArEiB,UAsEjB3B,MAAQJ,GACuB,cAAtBA,EAAMO,YAA8ByB,EAAkBC,IAInE,CACEC,UAAWN"}

package/components/PopoverComponent/PopoverComponent.js

@@ -1,2 +0,0 @@
-import e from'@babel/runtime/helpers/objectSpread2';import t from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as o}from'react';import{withMergedProps as i}from'../../hocs/withMergedProps.js';import{Badge as r}from'../Badge/Badge.js';import{Text as n}from'../Text/Text.js';import{Button as s}from'../Button/Button.js';import{Icon as a}from'../Icon/Icon.js';import'../Icon/icons.js';import{Skeleton as c}from'../Skeleton/Skeleton.js';import{SIZES_LANDSCAPE as l,SIZES as p}from'./constants.js';export{SIZES,SIZES_LANDSCAPE}from'./constants.js';import{Root as d,CloseButton as m,MediaLandscape as h,Media as u,Video as z,Container as b,Content as g,Header as P,Footer as f}from'./style.js';import{jsxs as S,jsx as v,Fragment as j}from'react/jsx-runtime';var B=["size","orientation","controlsDirection","badge","captionProps","titleProps","contentProps","closeButtonProps","media","controls","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","loading","caption","title","content","closeFn","palette","showCloseButton"];var C='PopoverComponent';var x=i(o(((o,i)=>{var l,p;var{size:C="s",orientation:x="portrait",controlsDirection:y="row",badge:w={},captionProps:R={},titleProps:X={},contentProps:L={},closeButtonProps:M={},media:I={},controls:k={},sizeXXS:E,sizeXS:D,sizeS:N,sizeM:U,sizeL:A,sizeXL:F,loading:T,caption:Z,title:_,content:O,closeFn:H,palette:V,showCloseButton:W}=o,q=t(o,B);var G={size:C,sizeXXS:E,sizeXS:D,sizeS:N,sizeM:U,sizeL:A,sizeXL:F};var{badgeProps:J={}}=w;var{imgProps:K={},videoProps:Q={}}=I;var{text:Y,buttonProps:$={}}=null!==(l=k.secondary)&&void 0!==l?l:{};var{text:ee,buttonProps:te={}}=null!==(p=k.primary)&&void 0!==p?p:{};return S(d,e(e(e({},q),G),{},{palette:V,orientation:x,controlsDirection:y,ref:i,children:[W&&v(m,e(e({},M),{},{onClick:e=>{'function'==typeof H&&H(),'function'==typeof M.onClick&&M.onClick(e)},palette:V,type:"button",children:v(a,{as:"span",name:"close",size:24})})),'landscape'===x&&S(j,{children:[T&&v(h,{children:v(u,{aspectRatio:"1:1",children:v(c,{})})}),!T&&(K.src||Q.src)&&v(h,{children:v(u,{aspectRatio:"1:1",children:K.src?v("img",e({alt:""},K)):v(z,e({controls:!0,controlsList:"nofullscreen",disablePictureInPicture:!0},Q))})})]}),S(b,{children:[S(g,{children:[(w.text||Z||T||W)&&v(P,{children:T?v(c,{width:"20%",children:v(r,e(e({},G),{},{resetDefaultMargin:!0},J))}):S(j,{children:[w.text&&v(r,e(e(e({},G),{},{borderRadius:8,marginRight:12,resetDefaultMargin:!0},J),{},{children:w.text})),Z&&v(n,e(e({as:"span",appearance:"caption",size:.9,sizeUnits:"em",color:"content-onmain-tertiary",weight:700},R),{},{children:Z}))]})}),'portrait'===x&&S(j,{children:[T&&v(u,{aspectRatio:"16:9",children:v(c,{})}),!T&&(K.src||Q.src)&&v(u,{aspectRatio:"16:9",children:K.src?v("img",e({alt:""},K)):v(z,e({controls:!0,controlsList:"nofullscreen",disablePictureInPicture:!0},Q))})]}),(_||O||T)&&v("div",{children:S(j,T?{children:[v(c,{borderRadius:4,marginBottom:.6,marginUnits:"em",children:v(n,e({appearance:"subheading",size:1.4,sizeUnits:"em"},X))}),v(c,{borderRadius:4,width:"70%",marginBottom:.4,marginUnits:"em",children:v(n,e({appearance:"body",size:"inherit"},L))}),v(c,{borderRadius:4,width:"50%",children:v(n,e({appearance:"body",size:"inherit"},L))})]}:{children:[_&&v(n,e(e({as:"h2",appearance:"subheading",size:1.4,color:"inherit",marginBottom:O?.4:void 0,sizeUnits:"em",marginUnits:"em"},X),{},{children:_})),O&&v(n,e(e({as:"p",appearance:"body",size:"inherit",color:"inherit"},L),{},{children:O}))]})})]}),(Y||ee||T)&&v(f,{children:T?v(c,{width:"100%",children:v(s,e({preset:"brand"},G))}):S(j,{children:[Y&&v(s,e(e(e({preset:"brand",black:!0,outline:!0,type:"button",marginRight:'row'===y?6:void 0,marginBottom:'column'===y?6:void 0},G),$),{},{children:Y})),ee&&v(s,e(e(e({preset:"brand",black:!0,type:"button"},G),te),{},{children:ee}))]})})]})]}))})),{displayName:"PopoverComponent",sizes:e=>'landscape'===e.orientation?l:p});export{C as COMPONENT_NAME,x as PopoverComponent};
-//# sourceMappingURL=PopoverComponent.js.map

package/components/PopoverComponent/PopoverComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopoverComponent.js","sources":["../../../../src/components/PopoverComponent/PopoverComponent.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Badge } from 'components/Badge'\nimport { Text } from 'components/Text'\nimport { Button } from 'components/Button'\nimport { Icon } from 'components/Icon'\nimport { Skeleton } from 'components/Skeleton'\nimport { SIZES, SIZES_LANDSCAPE } from './constants'\nimport * as Styled from './style'\nimport type { PopoverComponentProps } from './types'\n\nconst COMPONENT_NAME = 'PopoverComponent'\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 [PopoverComponentProps](https://github.com/foxford/ui/blob/master/src/components/PopoverComponent/types.ts)\n *\n */\nconst PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps> = withMergedProps<\n  PopoverComponentProps,\n  HTMLDivElement\n>(\n  forwardRef((props, ref) => {\n    const {\n      size = 's',\n      orientation = 'portrait',\n      controlsDirection = 'row',\n      badge = {},\n      captionProps = {},\n      titleProps = {},\n      contentProps = {},\n      closeButtonProps = {},\n      media = {},\n      controls = {},\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      loading,\n      caption,\n      title,\n      content,\n      closeFn,\n      palette,\n      showCloseButton,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const { badgeProps = {} } = badge\n\n    const { imgProps = {}, videoProps = {} } = media\n\n    const { text: secondaryButtonText, buttonProps: secondaryButtonProps = {} } = controls.secondary ?? {}\n\n    const { text: primaryButtonText, buttonProps: primaryButtonProps = {} } = controls.primary ?? {}\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...sizeProps}\n        palette={palette}\n        orientation={orientation}\n        controlsDirection={controlsDirection}\n        ref={ref}\n      >\n        {showCloseButton && (\n          <Styled.CloseButton\n            {...closeButtonProps}\n            onClick={(evt) => {\n              if (typeof closeFn === 'function') closeFn()\n              if (typeof closeButtonProps.onClick === 'function') closeButtonProps.onClick(evt)\n            }}\n            palette={palette}\n            type='button'\n          >\n            <Icon as='span' name='close' size={24} />\n          </Styled.CloseButton>\n        )}\n        {orientation === 'landscape' && (\n          <>\n            {loading && (\n              <Styled.MediaLandscape>\n                <Styled.Media aspectRatio='1:1'>\n                  <Skeleton />\n                </Styled.Media>\n              </Styled.MediaLandscape>\n            )}\n            {!loading && (imgProps.src || videoProps.src) && (\n              <Styled.MediaLandscape>\n                <Styled.Media aspectRatio='1:1'>\n                  {imgProps.src ? (\n                    <img alt='' {...imgProps} />\n                  ) : (\n                    <Styled.Video controls controlsList='nofullscreen' disablePictureInPicture {...videoProps} />\n                  )}\n                </Styled.Media>\n              </Styled.MediaLandscape>\n            )}\n          </>\n        )}\n        <Styled.Container>\n          <Styled.Content>\n            {(badge.text || caption || loading || showCloseButton) && (\n              <Styled.Header>\n                {loading ? (\n                  <Skeleton width='20%'>\n                    <Badge {...sizeProps} resetDefaultMargin {...badgeProps} />\n                  </Skeleton>\n                ) : (\n                  <>\n                    {badge.text && (\n                      <Badge {...sizeProps} borderRadius={8} marginRight={12} resetDefaultMargin {...badgeProps}>\n                        {badge.text}\n                      </Badge>\n                    )}\n                    {caption && (\n                      <Text\n                        as='span'\n                        appearance='caption'\n                        size={0.9}\n                        sizeUnits='em'\n                        color='content-onmain-tertiary'\n                        weight={700}\n                        {...captionProps}\n                      >\n                        {caption}\n                      </Text>\n                    )}\n                  </>\n                )}\n              </Styled.Header>\n            )}\n            {orientation === 'portrait' && (\n              <>\n                {loading && (\n                  <Styled.Media aspectRatio='16:9'>\n                    <Skeleton />\n                  </Styled.Media>\n                )}\n                {!loading && (imgProps.src || videoProps.src) && (\n                  <Styled.Media aspectRatio='16:9'>\n                    {imgProps.src ? (\n                      <img alt='' {...imgProps} />\n                    ) : (\n                      <Styled.Video controls controlsList='nofullscreen' disablePictureInPicture {...videoProps} />\n                    )}\n                  </Styled.Media>\n                )}\n              </>\n            )}\n            {(title || content || loading) && (\n              <div>\n                {loading ? (\n                  <>\n                    <Skeleton borderRadius={4} marginBottom={0.6} marginUnits='em'>\n                      <Text appearance='subheading' size={1.4} sizeUnits='em' {...titleProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='70%' marginBottom={0.4} marginUnits='em'>\n                      <Text appearance='body' size='inherit' {...contentProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='50%'>\n                      <Text appearance='body' size='inherit' {...contentProps} />\n                    </Skeleton>\n                  </>\n                ) : (\n                  <>\n                    {title && (\n                      <Text\n                        as='h2'\n                        appearance='subheading'\n                        size={1.4}\n                        color='inherit'\n                        marginBottom={content ? 0.4 : undefined}\n                        sizeUnits='em'\n                        marginUnits='em'\n                        {...titleProps}\n                      >\n                        {title}\n                      </Text>\n                    )}\n                    {content && (\n                      <Text as='p' appearance='body' size='inherit' color='inherit' {...contentProps}>\n                        {content}\n                      </Text>\n                    )}\n                  </>\n                )}\n              </div>\n            )}\n          </Styled.Content>\n          {(secondaryButtonText || primaryButtonText || loading) && (\n            <Styled.Footer>\n              {loading ? (\n                <Skeleton width='100%'>\n                  <Button preset='brand' {...sizeProps} />\n                </Skeleton>\n              ) : (\n                <>\n                  {secondaryButtonText && (\n                    <Button\n                      preset='brand'\n                      black\n                      outline\n                      type='button'\n                      marginRight={controlsDirection === 'row' ? 6 : undefined}\n                      marginBottom={controlsDirection === 'column' ? 6 : undefined}\n                      {...sizeProps}\n                      {...secondaryButtonProps}\n                    >\n                      {secondaryButtonText}\n                    </Button>\n                  )}\n                  {primaryButtonText && (\n                    <Button preset='brand' black type='button' {...sizeProps} {...primaryButtonProps}>\n                      {primaryButtonText}\n                    </Button>\n                  )}\n                </>\n              )}\n            </Styled.Footer>\n          )}\n        </Styled.Container>\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      return props.orientation === 'landscape' ? SIZES_LANDSCAPE : SIZES\n    },\n  }\n)\n\nexport { PopoverComponent }\n\nexport { COMPONENT_NAME, SIZES_LANDSCAPE, SIZES }\n"],"names":["COMPONENT_NAME","PopoverComponent","withMergedProps","forwardRef","props","ref","_controls$secondary","_controls$primary","size","orientation","controlsDirection","badge","captionProps","titleProps","contentProps","closeButtonProps","media","controls","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","loading","caption","title","content","closeFn","palette","showCloseButton","restProps","_excluded","sizeProps","badgeProps","imgProps","videoProps","text","secondaryButtonText","buttonProps","secondaryButtonProps","secondary","primaryButtonText","primaryButtonProps","primary","_jsxs","Styled.Root","children","_jsx","Styled.CloseButton","onClick","evt","type","Icon","as","name","_Fragment","Styled.MediaLandscape","Styled.Media","aspectRatio","Skeleton","src","_objectSpread","alt","Styled.Video","controlsList","disablePictureInPicture","Styled.Container","Styled.Content","Styled.Header","width","Badge","resetDefaultMargin","borderRadius","marginRight","Text","appearance","sizeUnits","color","weight","marginBottom","marginUnits","undefined","Styled.Footer","Button","preset","black","outline","displayName","sizes","SIZES_LANDSCAPE","SIZES"],"mappings":"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"}

package/components/PopoverComponent/constants.js

@@ -1,2 +0,0 @@
-var d={xxxl:{width:600,padding:'1.6em',borderRadius:16,fontSize:22},xxl:{width:600,padding:'1.6em',borderRadius:16,fontSize:22},xl:{width:600,padding:'1.6em',borderRadius:16,fontSize:22},l:{width:560,padding:'1.6em',borderRadius:16,fontSize:20},m:{width:356,padding:'1.6em',borderRadius:16,fontSize:16},s:{width:280,padding:'1.6em',borderRadius:16,fontSize:14},xs:{width:260,padding:'1.6em',borderRadius:16,fontSize:12},xxs:{width:260,padding:'1.6em',borderRadius:16,fontSize:12},xxxs:{width:260,padding:'1.6em',borderRadius:16,fontSize:12}};var i={xxxl:{width:900,padding:'1.6em',borderRadius:16,fontSize:22},xxl:{width:900,padding:'1.6em',borderRadius:16,fontSize:22},xl:{width:900,padding:'1.6em',borderRadius:16,fontSize:22},l:{width:792,padding:'1.6em',borderRadius:16,fontSize:20},m:{width:600,padding:'1.6em',borderRadius:16,fontSize:16},s:{width:520,padding:'1.6em',borderRadius:16,fontSize:14},xs:{width:375,padding:'1.6em',borderRadius:16,fontSize:12},xxs:{width:375,padding:'1.6em',borderRadius:16,fontSize:12},xxxs:{width:375,padding:'1.6em',borderRadius:16,fontSize:12}};export{d as SIZES,i as SIZES_LANDSCAPE};
-//# sourceMappingURL=constants.js.map

package/components/PopoverComponent/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/PopoverComponent/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    width: 600,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 22,\n  },\n  xxl: {\n    width: 600,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 22,\n  },\n  xl: {\n    width: 600,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 22,\n  },\n  l: {\n    width: 560,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 20,\n  },\n  m: {\n    width: 356,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 16,\n  },\n  s: {\n    width: 280,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 14,\n  },\n  xs: {\n    width: 260,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 12,\n  },\n  xxs: {\n    width: 260,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 12,\n  },\n  xxxs: {\n    width: 260,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 12,\n  },\n}\n\nexport const SIZES_LANDSCAPE: Sizes = {\n  xxxl: {\n    width: 900,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 22,\n  },\n  xxl: {\n    width: 900,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 22,\n  },\n  xl: {\n    width: 900,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 22,\n  },\n  l: {\n    width: 792,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 20,\n  },\n  m: {\n    width: 600,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 16,\n  },\n  s: {\n    width: 520,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 14,\n  },\n  xs: {\n    width: 375,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 12,\n  },\n  xxs: {\n    width: 375,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 12,\n  },\n  xxxs: {\n    width: 375,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 12,\n  },\n}\n"],"names":["SIZES","xxxl","width","padding","borderRadius","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_LANDSCAPE"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZC,IAAK,CACHJ,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZE,GAAI,CACFL,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZG,EAAG,CACDN,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZI,EAAG,CACDP,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZK,EAAG,CACDR,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZM,GAAI,CACFT,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZO,IAAK,CACHV,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZQ,KAAM,CACJX,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,KAIP,IAAMS,EAAyB,CACpCb,KAAM,CACJC,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZC,IAAK,CACHJ,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZE,GAAI,CACFL,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZG,EAAG,CACDN,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZI,EAAG,CACDP,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZK,EAAG,CACDR,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZM,GAAI,CACFT,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZO,IAAK,CACHV,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZQ,KAAM,CACJX,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU"}

package/components/PopoverComponent/style.js

@@ -1,2 +0,0 @@
-import o from'@babel/runtime/helpers/objectSpread2';import n from'styled-components';import r from'tinycolor2';import{responsiveSize as e}from'../../mixins/responsive-size.js';import{focus as i}from'../../mixins/focus.js';import{createShouldForwardProp as t}from'../../shared/utils/style.js';var c=t((o=>!['orientation','controlsDirection','black','contrast','elevated'].includes(o)));var a=n.div.withConfig({componentId:"fox-ui__sc-hvg57g-0"})(["box-sizing:border-box;flex-shrink:0;width:45%;margin-right:1.6em;"]);var l=n.div.withConfig({shouldForwardProp:o=>'aspectRatio'!==o}).withConfig({componentId:"fox-ui__sc-hvg57g-1"})(["",""],(o=>"\n    box-sizing: border-box;\n    position: relative;\n    height: 0;\n    padding-bottom: ".concat('16:9'===o.aspectRatio?'56.25%':'100%',";\n    border-radius: 8px;\n\n    & > * {\n      box-sizing: border-box;\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      width: 100%;\n    }\n\n    & img,\n    & video {\n      border-radius: inherit;\n      object-fit: contain;\n      height: 100%;\n      width: 100%;\n    }  \n  ")));var s=n.div.withConfig({componentId:"fox-ui__sc-hvg57g-2"})(["display:flex;flex-wrap:wrap;margin-top:1.6em;"]);var d=n.div.withConfig({shouldForwardProp:c}).attrs((o=>({dynamicSizeDeclaration:(n,r)=>({fontSize:'string'==typeof n?n:"".concat(n).concat(r),width:'portrait'===o.orientation?'28em':'40em',padding:'1.6em',borderRadius:16})}))).withConfig({componentId:"fox-ui__sc-hvg57g-3"})(["box-sizing:border-box;display:inline-flex;isolation:isolate;position:relative;"," "," ",""],(o=>"\n    flex-direction: ".concat('landscape'===o.orientation?'row':'column',";\n    & ").concat(s," {\n      flex-direction: ").concat(o.controlsDirection,";\n    }\n  ")),(n=>{return r=o({color:n.theme.colors['content-onmain-primary'],backgroundColor:n.theme.colors['bg-onmain-primary'],shadowColor:n.elevated?n.theme.colors['bg-oncolor-hover']:n.theme.colors.transparent,mediaPlaceholderColor:n.theme.colors['bg-oncolor-hover']},n.palette),"\n  color: ".concat(r.color,";\n  background-color: ").concat(r.backgroundColor,";\n  filter: drop-shadow(0 6px 10px ").concat(r.shadowColor,");\n\n  & ").concat(l," img,\n  & ").concat(l," video {\n    background-color: ").concat(r.mediaPlaceholderColor,";\n  }\n");var r}),e);var g=n.div.withConfig({componentId:"fox-ui__sc-hvg57g-4"})(["box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;"]);var p=n.div.withConfig({componentId:"fox-ui__sc-hvg57g-5"})(["box-sizing:border-box;display:flex;align-items:center;margin-right:20px;"]);var m=n.div.withConfig({componentId:"fox-ui__sc-hvg57g-6"})(["box-sizing:border-box;word-break:break-word;& > *:not(:last-child){margin-bottom:1.6em;}"]);var h=n.video.withConfig({componentId:"fox-ui__sc-hvg57g-7"})(["",""],i);var b=n.button.withConfig({shouldForwardProp:o=>!['palette'].includes(o)}).withConfig({componentId:"fox-ui__sc-hvg57g-8"})(["box-sizing:border-box;position:absolute;top:10px;right:10px;appearance:none;padding:2px;margin:0;border:none;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:",";"," ",""],(o=>o.disabled?'not-allowed':'pointer'),(n=>{return e=o({closeColor:n.theme.colors['content-onmain-tertiary'],closeBackgroundColor:n.theme.colors.transparent,closeColorHover:n.theme.colors['content-onmain-primary'],closeBackgroundColorHover:r(n.theme.colors['bg-oncolor-hover']).lighten(20).toString(),closeColorActive:n.theme.colors['content-onmain-primary'],closeBackgroundColorActive:n.theme.colors['bg-oncolor-hover'],closeColorDisabled:n.theme.colors['content-disabled'],closeBackgroundColorDisabled:n.theme.colors.transparent},n.palette),"\n  color: ".concat(e.closeColor,";\n  background-color: ").concat(e.closeBackgroundColor,";\n  &:hover {\n    color: ").concat(e.closeColorHover,";\n    background-color: ").concat(e.closeBackgroundColorHover,";\n  }\n  &:active {\n    color: ").concat(e.closeColorActive,";\n    background-color: ").concat(e.closeBackgroundColorActive,";\n  }\n  &:disabled {\n    color: ").concat(e.closeColorDisabled,";\n    background-color: ").concat(e.closeBackgroundColorDisabled,";\n  }\n");var e}),i);export{b as CloseButton,g as Container,m as Content,s as Footer,p as Header,l as Media,a as MediaLandscape,d as Root,h as Video};
-//# sourceMappingURL=style.js.map

package/components/PopoverComponent/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/PopoverComponent/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { CSSColor } from 'shared/types'\nimport type {\n  PopoverComponentPalette,\n  StyledPopoverComponentProps,\n  StyledPopoverComponentCloseProps,\n  StyledPopoverComponentMediaProps,\n} from './types'\n\nconst shouldForwardPopoverComponentProp = createShouldForwardProp(\n  (propKey) => !['orientation', 'controlsDirection', 'black', 'contrast', 'elevated'].includes(propKey)\n)\n\nexport const MediaLandscape = styled.div`\n  box-sizing: border-box;\n  flex-shrink: 0;\n  width: 45%;\n  margin-right: 1.6em;\n`\n\nexport const Media = styled.div.withConfig<StyledPopoverComponentMediaProps>({\n  shouldForwardProp: (propKey) => propKey !== 'aspectRatio',\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    position: relative;\n    height: 0;\n    padding-bottom: ${props.aspectRatio === '16:9' ? '56.25%' : '100%'};\n    border-radius: 8px;\n\n    & > * {\n      box-sizing: border-box;\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      width: 100%;\n    }\n\n    & img,\n    & video {\n      border-radius: inherit;\n      object-fit: contain;\n      height: 100%;\n      width: 100%;\n    }  \n  `}\n`\n\nexport const Footer = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  margin-top: 1.6em;\n`\n\nconst template = (\n  palette: Pick<PopoverComponentPalette, 'color' | 'backgroundColor' | 'shadowColor' | 'mediaPlaceholderColor'>\n) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${palette.shadowColor});\n\n  & ${Media} img,\n  & ${Media} video {\n    background-color: ${palette.mediaPlaceholderColor};\n  }\n`\n\nconst closeTemplate = (\n  palette: Pick<\n    PopoverComponentPalette,\n    | 'closeColor'\n    | 'closeBackgroundColor'\n    | 'closeColorHover'\n    | 'closeBackgroundColorHover'\n    | 'closeColorActive'\n    | 'closeBackgroundColorActive'\n    | 'closeColorDisabled'\n    | 'closeBackgroundColorDisabled'\n  >\n) => `\n  color: ${palette.closeColor};\n  background-color: ${palette.closeBackgroundColor};\n  &:hover {\n    color: ${palette.closeColorHover};\n    background-color: ${palette.closeBackgroundColorHover};\n  }\n  &:active {\n    color: ${palette.closeColorActive};\n    background-color: ${palette.closeBackgroundColorActive};\n  }\n  &:disabled {\n    color: ${palette.closeColorDisabled};\n    background-color: ${palette.closeBackgroundColorDisabled};\n  }\n`\n\nexport const Root = styled.div\n  .withConfig<StyledPopoverComponentProps>({\n    shouldForwardProp: shouldForwardPopoverComponentProp,\n  })\n  .attrs<StyledPopoverComponentProps>(\n    (props): Required<Pick<StyledPopoverComponentProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => ({\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        width: props.orientation === 'portrait' ? '28em' : '40em',\n        padding: '1.6em',\n        borderRadius: 16,\n      }),\n    })\n  )`\n  box-sizing: border-box;\n  display: inline-flex;\n  isolation: isolate;\n  position: relative;\n\n  ${(props) => `\n    flex-direction: ${props.orientation === 'landscape' ? 'row' : 'column'};\n    & ${Footer} {\n      flex-direction: ${props.controlsDirection};\n    }\n  `}\n\n  ${(props) =>\n    template({\n      color: props.theme.colors['content-onmain-primary'],\n      backgroundColor: props.theme.colors['bg-onmain-primary'],\n      shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n      mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n      ...props.palette,\n    })}\n\n  ${responsiveSize}\n`\n\nexport const Container = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  flex-grow: 1;\n`\n\nexport const Header = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  margin-right: 20px;\n`\n\nexport const Content = styled.div`\n  box-sizing: border-box;\n  word-break: break-word;\n\n  & > *:not(:last-child) {\n    margin-bottom: 1.6em;\n  }\n`\n\nexport const Video = styled.video`\n  ${focus}\n`\n\nexport const CloseButton = styled.button.withConfig<StyledPopoverComponentCloseProps>({\n  shouldForwardProp: (propKey) => !['palette'].includes(propKey),\n})`\n  box-sizing: border-box;\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  appearance: none;\n  padding: 2px;\n  margin: 0;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\n  ${(props) =>\n    closeTemplate({\n      closeColor: props.theme.colors['content-onmain-tertiary'],\n      closeBackgroundColor: props.theme.colors.transparent,\n      closeColorHover: props.theme.colors['content-onmain-primary'],\n      closeBackgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-hover']).lighten(20).toString() as CSSColor,\n      closeColorActive: props.theme.colors['content-onmain-primary'],\n      closeBackgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n      closeColorDisabled: props.theme.colors['content-disabled'],\n      closeBackgroundColorDisabled: props.theme.colors.transparent,\n      ...props.palette,\n    })}\n\n  ${focus}\n`\n"],"names":["shouldForwardPopoverComponentProp","createShouldForwardProp","propKey","includes","MediaLandscape","styled","div","withConfig","componentId","Media","shouldForwardProp","props","concat","aspectRatio","Footer","Root","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","width","orientation","padding","borderRadius","controlsDirection","template","palette","_objectSpread","color","theme","colors","backgroundColor","shadowColor","elevated","transparent","mediaPlaceholderColor","responsiveSize","Container","Header","Content","Video","video","focus","CloseButton","button","disabled","closeTemplate","closeColor","closeBackgroundColor","closeColorHover","closeBackgroundColorHover","tinycolor","lighten","toString","closeColorActive","closeBackgroundColorActive","closeColorDisabled","closeBackgroundColorDisabled"],"mappings":"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"}

package/components/Progress/Progress.js

@@ -1,2 +0,0 @@
-import{ProgressSegmented as r}from'../Progress.Segmented/Progress.Segmented.js';import{ProgressCircle as e}from'../Progress.Circle/Progress.Circle.js';import{Root as o,Bar as s}from'./style.js';import{jsx as a}from'react/jsx-runtime';function t(r){var{className:e,isLoading:t,backgroundColor:n,color:g,percent:i}=r;var l='string'==typeof i?parseInt(i,10):i||0;return l>100&&(l=100),l<0&&(l=0),a(o,{className:e,backgroundColor:n,color:g,children:a(s,{width:l,isLoading:Boolean(t)})})}t.defaultProps={percent:0,color:'green',backgroundColor:'alto',isLoading:!1},t.Circle=e,t.Segmented=r,t.displayName='Progress';export{t as Progress};
-//# sourceMappingURL=Progress.js.map

package/components/Progress/Progress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Progress.js","sources":["../../../../src/components/Progress/Progress.tsx"],"sourcesContent":["import { ColorProperty } from 'mixins/color'\nimport { BaseProps } from 'shared/interfaces'\nimport { ProgressSegmented } from 'components/Progress.Segmented'\nimport { ProgressCircle } from 'components/Progress.Circle'\nimport * as Styled from './style'\n\nexport interface ProgressProps extends BaseProps, ColorProperty, ColorProperty<'backgroundColor'> {\n  /**\n   * Current percent complete\n   */\n  percent?: number\n  isLoading?: boolean\n}\n\nProgress.defaultProps = {\n  percent: 0,\n  color: 'green',\n  backgroundColor: 'alto',\n  isLoading: false,\n}\n\nProgress.Circle = ProgressCircle\nProgress.Segmented = ProgressSegmented\nProgress.displayName = 'Progress'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Color<'backgroundColor'>`](#/Миксины)\n */\nexport function Progress(props: ProgressProps) {\n  const { className, isLoading, backgroundColor, color, percent } = props\n\n  let _percent: number = typeof percent === 'string' ? parseInt(percent, 10) : percent || 0\n\n  if (_percent > 100) _percent = 100\n  if (_percent < 0) _percent = 0\n\n  return (\n    <Styled.Root className={className} backgroundColor={backgroundColor} color={color}>\n      <Styled.Bar width={_percent} isLoading={Boolean(isLoading)} />\n    </Styled.Root>\n  )\n}\n"],"names":["Progress","props","className","isLoading","backgroundColor","color","percent","_percent","parseInt","_jsx","Styled.Root","children","Styled.Bar","width","Boolean","defaultProps","Circle","ProgressCircle","Segmented","ProgressSegmented","displayName"],"mappings":"0OA+BO,SAASA,EAASC,GACvB,IAAMC,UAAEA,EAAFC,UAAaA,EAAbC,gBAAwBA,EAAxBC,MAAyCA,EAAzCC,QAAgDA,GAAYL,EAElE,IAAIM,EAAsC,iBAAZD,EAAuBE,SAASF,EAAS,IAAMA,GAAW,EAKxF,OAHIC,EAAW,MAAKA,EAAW,KAC3BA,EAAW,IAAGA,EAAW,GAG3BE,EAACC,EAAD,CAAaR,UAAWA,EAAWE,gBAAiBA,EAAiBC,MAAOA,EAA5EM,SACEF,EAACG,EAAD,CAAYC,MAAON,EAAUJ,UAAWW,QAAQX,OA3BtDH,EAASe,aAAe,CACtBT,QAAS,EACTD,MAAO,QACPD,gBAAiB,OACjBD,WAAAA,GAGFH,EAASgB,OAASC,EAClBjB,EAASkB,UAAYC,EACrBnB,EAASoB,YAAc"}

package/components/Progress/style.js

@@ -1,2 +0,0 @@
-import o,{keyframes as r,css as i}from'styled-components';import n from'tinycolor2';import{color as a}from'../../mixins/color.js';var t=r(["0%{background-position:0 0;}100%{background-position:50px 50px;}"]);var d=o=>i(["background-color:",";"],n(o).setAlpha(.6).toString());var s=i(["background-image:linear-gradient( -45deg,rgba(255,255,255,0.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.4) 75%,transparent 75%,transparent );background-size:25px 25px;animation:"," 2s linear infinite;"],t);var e=o.div.withConfig({componentId:"fox-ui__sc-1vq95i6-0"})(["display:block;height:4px;border-radius:40px;overflow:hidden;"," ",""],(o=>o.backgroundColor?a(o.backgroundColor,d):null),(o=>o.color?a(o.color):null));var l=o.div.withConfig({shouldForwardProp:()=>!1}).withConfig({componentId:"fox-ui__sc-1vq95i6-1"})(["width:0;transition:width 1s ease-in-out;height:100%;border-radius:inherit;color:inherit;background-color:currentColor;"," ",""],(o=>o.isLoading?s:null),(o=>o.width?i(["width:","%;"],o.width):i(["width:0%;"])));export{l as Bar,e as Root};
-//# sourceMappingURL=style.js.map

package/components/Progress/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Progress/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { color } from 'mixins/color'\nimport { ProgressProps } from './Progress'\n\nconst move = keyframes`\n  0% {\n    background-position: 0 0;\n  }\n  100% {\n    background-position: 50px 50px;\n  }\n`\n\nconst bgColor = (color: string) => css`\n  background-color: ${tinycolor(color).setAlpha(0.6).toString()};\n`\n\nconst isLoading = css`\n  background-image: linear-gradient(\n    -45deg,\n    rgba(255, 255, 255, 0.4) 25%,\n    transparent 25%,\n    transparent 50%,\n    rgba(255, 255, 255, 0.4) 50%,\n    rgba(255, 255, 255, 0.4) 75%,\n    transparent 75%,\n    transparent\n  );\n  background-size: 25px 25px;\n  animation: ${move} 2s linear infinite;\n`\n\nexport const Root = styled.div<Pick<ProgressProps, 'backgroundColor' | 'color'>>`\n  display: block;\n  height: 4px;\n  border-radius: 40px;\n  overflow: hidden;\n  ${(props) => (props.backgroundColor ? color(props.backgroundColor, bgColor) : null)}\n  ${(props) => (props.color ? color(props.color) : null)}\n`\n\nexport const Bar = styled.div.withConfig<{ width: number; isLoading: boolean }>({\n  shouldForwardProp: () => false,\n})`\n  width: 0;\n  transition: width 1s ease-in-out;\n  height: 100%;\n  border-radius: inherit;\n  color: inherit;\n  background-color: currentColor;\n  ${(props) => (props.isLoading ? isLoading : null)}\n  ${(props) =>\n    props.width\n      ? css`\n          width: ${props.width}%;\n        `\n      : css`\n          width: 0%;\n        `}\n`\n"],"names":["move","keyframes","bgColor","color","css","tinycolor","setAlpha","toString","isLoading","Root","styled","div","withConfig","componentId","props","backgroundColor","Bar","shouldForwardProp","width"],"mappings":"kIAKA,IAAMA,EAAOC,EAAb,CAAA,qEASA,IAAMC,EAAWC,GAAkBC,4BACbC,EAAUF,GAAOG,SAAS,IAAKC,YAGrD,IAAMC,EAAYJ,EAAH,CAAA,4NAAA,wBAYAJ,GAGFS,IAAAA,EAAOC,EAAOC,IAAVC,WAAA,CAAAC,YAAA,wBAAGH,CAAH,CAAA,+DAAA,IAAA,KAKZI,GAAWA,EAAMC,gBAAkBZ,EAAMW,EAAMC,gBAAiBb,GAAW,OAC3EY,GAAWA,EAAMX,MAAQA,EAAMW,EAAMX,OAAS,OAG5C,IAAMa,EAAMN,EAAOC,IAAIC,WAAkD,CAC9EK,kBAAmB,KAAM,IADXL,WAAA,CAAAC,YAAA,wBAAGH,CASdI,CAAAA,yHAAAA,IAAAA,KAAAA,GAAWA,EAAMN,UAAYA,EAAY,OACzCM,GACDA,EAAMI,MACFd,EACWU,CAAAA,SAAAA,MAAAA,EAAMI,OAEjBd,EAJJ,CAAA"}

package/components/Progress.Circle/Progress.Circle.js

@@ -1,2 +0,0 @@
-import{PureComponent as r}from'react';import{Root as e,Content as s}from'./style.js';import{jsxs as t,jsx as o}from'react/jsx-runtime';function a(r,e,s,t){var o=(t-90)*Math.PI/180;return{x:r+s*Math.cos(o),y:e+s*Math.sin(o)}}function i(r,e,s,t,o,i){var n=arguments.length>5&&void 0!==i&&i;var c=a(r,e,s,o);var l=a(r,e,s,t);var d=o-t;var h=d<0?-d:d;var g=h<=180?'1':'0';var p=n?+!+g:g;return['M',c.x,c.y,'A',s,s,0,p,0,l.x,l.y].join(' ')}class n extends r{constructor(r){super(r),this.renderSvg=()=>{var{size:r,progress:e,strokeLineWidth:s,strokeBGWidth:t,progressStartAngle:o}=this.props;var a=s>t?s:t;var n=r/2+a/2;var c=o;var l=c-.5;var d=n-a/2;var h=n-a/2;var g=n-a;var p=c-l;var v=i(d,h,g,o,o-.5+ +e/100*360,!0);var u=i(d,h,g,c,l);this.setState({describeArcProgress:v,describeArcBg:u,bgAngleDiff:p<0?-p:p})},this.state={bgAngleDiff:0,describeArcProgress:null,describeArcBg:null}}componentDidMount(){this.renderSvg()}componentDidUpdate(r){var{progress:e,size:s}=this.props;var{progress:t,size:o}=r;e===t&&s===o||this.renderSvg()}render(){var{size:r,children:a,content:i,strokeLineWidth:n,strokeBGWidth:c,resultColor:l,strokeBGColor:d,status:h,progress:g,className:p,style:v}=this.props;var{bgAngleDiff:u,describeArcProgress:m,describeArcBg:f}=this.state;return t(e,{className:p,style:v,size:r,strokeBGColor:d,resultColor:l,status:h,children:[o("svg",{width:r,height:r,viewBox:"0 0 ".concat(r," ").concat(r),children:t("g",{className:'pathBox',children:[o("path",{className:"bg",d:u<360&&f?f:'',fill:"none",strokeWidth:c,strokeLinecap:"round"}),o("path",{className:"line",d:Boolean(+g)&&m?m:'',strokeWidth:n,strokeLinecap:"round"})]})}),(a||i)&&o(s,{children:a||i})]})}}n.displayName='Progress.Circle',n.defaultProps={size:84,progress:0,strokeLineWidth:2,strokeBGWidth:2,resultColor:'accent',progressStartAngle:180};export{n as ProgressCircle};
-//# sourceMappingURL=Progress.Circle.js.map