@foxford/ui 2.110.0 → 2.111.0-beta-279e87d-20260513

package/components/PopoverComponent/PopoverComponent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverComponent.mjs","sources":["../../../../src/components/PopoverComponent/PopoverComponent.tsx"],"sourcesContent":["import { forwardRef, isValidElement } from 'react'\nimport { Close } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Badge } from 'components/Badge'\nimport { Text } from 'components/Text'\nimport { Button } from 'components/Button'\nimport { Skeleton } from 'components/Skeleton'\nimport { AspectRatio } from 'components/AspectRatio'\nimport type { IconButtonProps } from 'components/IconButton'\nimport type { BadgeProps } from 'components/Badge'\nimport type { TextProps } from 'components/Text'\nimport { SIZES, SIZES_CLOSE_BUTTON, SIZES_HEADER_BADGE, SIZES_CAPTION, SIZES_TITLE, SIZES_CONTENT } from './sizes'\nimport { LAYOUTS, VISIBILITY_HORIZONTAL, VISIBILITY_VERTICAL } from './layouts'\nimport * as Styled from './style'\nimport type { PopoverComponentProps } from './types'\n\nconst COMPONENT_NAME = 'PopoverComponent'\n\nconst PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps> = withMergedProps<\n  PopoverComponentProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<PopoverComponentProps>>((props, ref) => {\n    const {\n      size = 's',\n      layout = 'vertical',\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      layoutXXS,\n      layoutXS,\n      layoutS,\n      layoutM,\n      layoutL,\n      layoutXL,\n      root,\n      badge,\n      caption,\n      header,\n      title,\n      content,\n      body,\n      closeButton,\n      media,\n      footer,\n      imgSrcVertical,\n      imgSrcHorizontal,\n      loading,\n      palette,\n      closeFn,\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 layoutProps = {\n      layout,\n      layoutXXS,\n      layoutXS,\n      layoutS,\n      layoutM,\n      layoutL,\n      layoutXL,\n    }\n\n    const badgeProps: BadgeProps = {\n      ...sizeProps,\n      borderRadius: 8,\n      marginRight: 12,\n      resetDefaultMargin: true,\n      sizes: SIZES_HEADER_BADGE,\n    }\n\n    const captionProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      appearance: 'caption',\n      color: 'content-onmain-tertiary',\n      weight: 700,\n      wordBreak: 'break-word',\n      sizes: SIZES_CAPTION,\n    }\n\n    const titleProps: TextProps = {\n      ...sizeProps,\n      as: 'h2',\n      appearance: 'subheading',\n      color: 'inherit',\n      marginBottom: content ? '0.4em' : undefined,\n      wordBreak: 'break-word',\n      sizes: SIZES_TITLE,\n    }\n\n    const contentProps: TextProps = {\n      ...sizeProps,\n      as: 'p',\n      appearance: 'body',\n      color: 'inherit',\n      wordBreak: 'break-word',\n      sizes: SIZES_CONTENT,\n    }\n\n    const closeButtonProps: IconButtonProps = {\n      ...sizeProps,\n      icon: <Close />,\n      square: true,\n      marginTop: 10,\n      marginRight: 10,\n      sizes: SIZES_CLOSE_BUTTON,\n      onClick: () => {\n        if (typeof closeFn === 'function') closeFn()\n      },\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} {...layoutProps} layouts={LAYOUTS} palette={palette} ref={ref}>\n        {isValidElement(root) ? (\n          root\n        ) : typeof root === 'function' ? (\n          root({\n            badgeProps,\n            captionProps,\n            titleProps,\n            contentProps,\n            closeButtonProps,\n          })\n        ) : (\n          <>\n            {loading || media || imgSrcHorizontal ? (\n              <Styled.Media {...layoutProps} layouts={VISIBILITY_HORIZONTAL}>\n                {loading ? (\n                  <AspectRatio ratio='1:1' width='100%'>\n                    <Skeleton />\n                  </AspectRatio>\n                ) : isValidElement(media) ? (\n                  media\n                ) : (\n                  <AspectRatio ratio='1:1' width='100%'>\n                    <Styled.Img src={imgSrcHorizontal} />\n                  </AspectRatio>\n                )}\n              </Styled.Media>\n            ) : null}\n            <Styled.Container>\n              <Styled.Content>\n                {loading ? (\n                  <Styled.Header>\n                    <Skeleton width='20%'>\n                      <Badge {...badgeProps} />\n                    </Skeleton>\n                  </Styled.Header>\n                ) : isValidElement(header) ? (\n                  header\n                ) : typeof header === 'function' ? (\n                  header({\n                    badgeProps,\n                    captionProps,\n                  })\n                ) : badge || caption ? (\n                  <Styled.Header>\n                    {isValidElement(badge) ? (\n                      badge\n                    ) : typeof badge === 'function' ? (\n                      badge(badgeProps)\n                    ) : typeof badge === 'string' || typeof badge === 'number' ? (\n                      <Badge {...badgeProps}>{badge}</Badge>\n                    ) : null}\n                    {isValidElement(caption) ? (\n                      caption\n                    ) : typeof caption === 'function' ? (\n                      caption(captionProps)\n                    ) : typeof caption === 'string' || typeof caption === 'number' ? (\n                      <Text {...captionProps}>{caption}</Text>\n                    ) : null}\n                  </Styled.Header>\n                ) : null}\n                {loading || media || imgSrcVertical ? (\n                  <Styled.Media {...layoutProps} layouts={VISIBILITY_VERTICAL}>\n                    {loading ? (\n                      <AspectRatio ratio='16:9' width='100%'>\n                        <Skeleton />\n                      </AspectRatio>\n                    ) : isValidElement(media) ? (\n                      media\n                    ) : (\n                      <AspectRatio ratio='16:9' width='100%'>\n                        <Styled.Img src={imgSrcVertical} />\n                      </AspectRatio>\n                    )}\n                  </Styled.Media>\n                ) : null}\n                {loading ? (\n                  <div>\n                    <Skeleton borderRadius={4}>\n                      <Text appearance='subheading' marginBottom='0.4em' sizes={SIZES_TITLE} {...sizeProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='70%'>\n                      <Text appearance='body' marginBottom='0.4em' sizes={SIZES_CONTENT} {...sizeProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='50%'>\n                      <Text appearance='body' sizes={SIZES_CONTENT} {...sizeProps} />\n                    </Skeleton>\n                  </div>\n                ) : isValidElement(body) ? (\n                  body\n                ) : typeof body === 'function' ? (\n                  body({\n                    titleProps,\n                    contentProps,\n                  })\n                ) : title || content ? (\n                  <div>\n                    {isValidElement(title) ? (\n                      title\n                    ) : typeof title === 'function' ? (\n                      title(titleProps)\n                    ) : typeof title === 'string' || typeof title === 'number' ? (\n                      <Text {...titleProps}>{title}</Text>\n                    ) : null}\n                    {isValidElement(content) ? (\n                      content\n                    ) : typeof content === 'function' ? (\n                      content(contentProps)\n                    ) : typeof content === 'string' || typeof content === 'number' ? (\n                      <Text {...contentProps}>{content}</Text>\n                    ) : null}\n                  </div>\n                ) : null}\n              </Styled.Content>\n              {footer ? (\n                <Styled.Footer>\n                  {loading ? (\n                    <Skeleton width='100%'>\n                      <Button preset='brand' {...sizeProps} />\n                    </Skeleton>\n                  ) : isValidElement(footer) ? (\n                    footer\n                  ) : null}\n                </Styled.Footer>\n              ) : null}\n            </Styled.Container>\n            {closeButton ? (\n              <Styled.ButtonPosition>\n                {isValidElement(closeButton)\n                  ? closeButton\n                  : typeof closeButton === 'function'\n                    ? closeButton(closeButtonProps)\n                    : null}\n              </Styled.ButtonPosition>\n            ) : null}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { PopoverComponent }\n"],"names":["PopoverComponent","withMergedProps","forwardRef","props","ref","size","layout","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","layoutXXS","layoutXS","layoutS","layoutM","layoutL","layoutXL","root","badge","caption","header","title","content","body","closeButton","media","footer","imgSrcVertical","imgSrcHorizontal","loading","palette","closeFn","restProps","sizeProps","layoutProps","badgeProps","borderRadius","marginRight","resetDefaultMargin","sizes","SIZES_HEADER_BADGE","captionProps","as","appearance","color","weight","wordBreak","SIZES_CAPTION","titleProps","marginBottom","undefined","SIZES_TITLE","contentProps","SIZES_CONTENT","closeButtonProps","icon","_jsx","Close","square","marginTop","SIZES_CLOSE_BUTTON","onClick","Styled","layouts","LAYOUTS","children","isValidElement","_jsxs","_Fragment","VISIBILITY_HORIZONTAL","AspectRatio","ratio","width","Skeleton","src","Badge","Text","VISIBILITY_VERTICAL","Button","preset","displayName","SIZES"],"mappings":"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"}
+{"version":3,"file":"PopoverComponent.mjs","sources":["../../../../src/components/PopoverComponent/PopoverComponent.tsx"],"sourcesContent":["import { forwardRef, isValidElement } from 'react'\nimport { Close } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Badge } from 'components/Badge'\nimport { Text } from 'components/Text'\nimport { Button } from 'components/Button'\nimport { Skeleton } from 'components/Skeleton'\nimport { AspectRatio } from 'components/AspectRatio'\nimport type { IconButtonProps } from 'components/IconButton'\nimport type { BadgeProps } from 'components/Badge'\nimport type { TextProps } from 'components/Text'\nimport { SIZES, SIZES_CLOSE_BUTTON, SIZES_HEADER_BADGE, SIZES_CAPTION, SIZES_TITLE, SIZES_CONTENT } from './sizes'\nimport { LAYOUTS, VISIBILITY_HORIZONTAL, VISIBILITY_VERTICAL } from './layouts'\nimport * as Styled from './style'\nimport type { PopoverComponentProps } from './types'\n\nconst COMPONENT_NAME = 'PopoverComponent'\n\nconst PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps> = withMergedProps<\n  PopoverComponentProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<PopoverComponentProps>>((props, ref) => {\n    const {\n      size = 's',\n      layout = 'vertical',\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      layoutXXS,\n      layoutXS,\n      layoutS,\n      layoutM,\n      layoutL,\n      layoutXL,\n      root,\n      badge,\n      caption,\n      header,\n      title,\n      content,\n      body,\n      closeButton,\n      media,\n      footer,\n      imgSrcVertical,\n      imgSrcHorizontal,\n      loading,\n      palette,\n      closeFn,\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 layoutProps = {\n      layout,\n      layoutXXS,\n      layoutXS,\n      layoutS,\n      layoutM,\n      layoutL,\n      layoutXL,\n    }\n\n    const badgeProps: BadgeProps = {\n      ...sizeProps,\n      shape: 'rounded',\n      marginRight: 12,\n      resetDefaultMargin: true,\n      sizes: SIZES_HEADER_BADGE,\n    }\n\n    const captionProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      appearance: 'caption',\n      color: 'content-onmain-tertiary',\n      weight: 700,\n      wordBreak: 'break-word',\n      sizes: SIZES_CAPTION,\n    }\n\n    const titleProps: TextProps = {\n      ...sizeProps,\n      as: 'h2',\n      appearance: 'subheading',\n      color: 'inherit',\n      marginBottom: content ? '0.4em' : undefined,\n      wordBreak: 'break-word',\n      sizes: SIZES_TITLE,\n    }\n\n    const contentProps: TextProps = {\n      ...sizeProps,\n      as: 'p',\n      appearance: 'body',\n      color: 'inherit',\n      wordBreak: 'break-word',\n      sizes: SIZES_CONTENT,\n    }\n\n    const closeButtonProps: IconButtonProps = {\n      ...sizeProps,\n      icon: <Close />,\n      square: true,\n      marginTop: 10,\n      marginRight: 10,\n      sizes: SIZES_CLOSE_BUTTON,\n      onClick: () => {\n        if (typeof closeFn === 'function') closeFn()\n      },\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} {...layoutProps} layouts={LAYOUTS} palette={palette} ref={ref}>\n        {isValidElement(root) ? (\n          root\n        ) : typeof root === 'function' ? (\n          root({\n            badgeProps,\n            captionProps,\n            titleProps,\n            contentProps,\n            closeButtonProps,\n          })\n        ) : (\n          <>\n            {loading || media || imgSrcHorizontal ? (\n              <Styled.Media {...layoutProps} layouts={VISIBILITY_HORIZONTAL}>\n                {loading ? (\n                  <AspectRatio ratio='1:1' width='100%'>\n                    <Skeleton />\n                  </AspectRatio>\n                ) : isValidElement(media) ? (\n                  media\n                ) : (\n                  <AspectRatio ratio='1:1' width='100%'>\n                    <Styled.Img src={imgSrcHorizontal} />\n                  </AspectRatio>\n                )}\n              </Styled.Media>\n            ) : null}\n            <Styled.Container>\n              <Styled.Content>\n                {loading ? (\n                  <Styled.Header>\n                    <Skeleton width='20%'>\n                      <Badge {...badgeProps} />\n                    </Skeleton>\n                  </Styled.Header>\n                ) : isValidElement(header) ? (\n                  header\n                ) : typeof header === 'function' ? (\n                  header({\n                    badgeProps,\n                    captionProps,\n                  })\n                ) : badge || caption ? (\n                  <Styled.Header>\n                    {isValidElement(badge) ? (\n                      badge\n                    ) : typeof badge === 'function' ? (\n                      badge(badgeProps)\n                    ) : typeof badge === 'string' || typeof badge === 'number' ? (\n                      <Badge {...badgeProps}>{badge}</Badge>\n                    ) : null}\n                    {isValidElement(caption) ? (\n                      caption\n                    ) : typeof caption === 'function' ? (\n                      caption(captionProps)\n                    ) : typeof caption === 'string' || typeof caption === 'number' ? (\n                      <Text {...captionProps}>{caption}</Text>\n                    ) : null}\n                  </Styled.Header>\n                ) : null}\n                {loading || media || imgSrcVertical ? (\n                  <Styled.Media {...layoutProps} layouts={VISIBILITY_VERTICAL}>\n                    {loading ? (\n                      <AspectRatio ratio='16:9' width='100%'>\n                        <Skeleton />\n                      </AspectRatio>\n                    ) : isValidElement(media) ? (\n                      media\n                    ) : (\n                      <AspectRatio ratio='16:9' width='100%'>\n                        <Styled.Img src={imgSrcVertical} />\n                      </AspectRatio>\n                    )}\n                  </Styled.Media>\n                ) : null}\n                {loading ? (\n                  <div>\n                    <Skeleton borderRadius={4}>\n                      <Text appearance='subheading' marginBottom='0.4em' sizes={SIZES_TITLE} {...sizeProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='70%'>\n                      <Text appearance='body' marginBottom='0.4em' sizes={SIZES_CONTENT} {...sizeProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='50%'>\n                      <Text appearance='body' sizes={SIZES_CONTENT} {...sizeProps} />\n                    </Skeleton>\n                  </div>\n                ) : isValidElement(body) ? (\n                  body\n                ) : typeof body === 'function' ? (\n                  body({\n                    titleProps,\n                    contentProps,\n                  })\n                ) : title || content ? (\n                  <div>\n                    {isValidElement(title) ? (\n                      title\n                    ) : typeof title === 'function' ? (\n                      title(titleProps)\n                    ) : typeof title === 'string' || typeof title === 'number' ? (\n                      <Text {...titleProps}>{title}</Text>\n                    ) : null}\n                    {isValidElement(content) ? (\n                      content\n                    ) : typeof content === 'function' ? (\n                      content(contentProps)\n                    ) : typeof content === 'string' || typeof content === 'number' ? (\n                      <Text {...contentProps}>{content}</Text>\n                    ) : null}\n                  </div>\n                ) : null}\n              </Styled.Content>\n              {footer ? (\n                <Styled.Footer>\n                  {loading ? (\n                    <Skeleton width='100%'>\n                      <Button preset='brand' {...sizeProps} />\n                    </Skeleton>\n                  ) : isValidElement(footer) ? (\n                    footer\n                  ) : null}\n                </Styled.Footer>\n              ) : null}\n            </Styled.Container>\n            {closeButton ? (\n              <Styled.ButtonPosition>\n                {isValidElement(closeButton)\n                  ? closeButton\n                  : typeof closeButton === 'function'\n                    ? closeButton(closeButtonProps)\n                    : null}\n              </Styled.ButtonPosition>\n            ) : null}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { PopoverComponent }\n"],"names":["PopoverComponent","withMergedProps","forwardRef","props","ref","size","layout","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","layoutXXS","layoutXS","layoutS","layoutM","layoutL","layoutXL","root","badge","caption","header","title","content","body","closeButton","media","footer","imgSrcVertical","imgSrcHorizontal","loading","palette","closeFn","restProps","sizeProps","layoutProps","badgeProps","shape","marginRight","resetDefaultMargin","sizes","SIZES_HEADER_BADGE","captionProps","as","appearance","color","weight","wordBreak","SIZES_CAPTION","titleProps","marginBottom","undefined","SIZES_TITLE","contentProps","SIZES_CONTENT","closeButtonProps","icon","_jsx","Close","square","marginTop","SIZES_CLOSE_BUTTON","onClick","Styled","layouts","LAYOUTS","children","isValidElement","_jsxs","_Fragment","VISIBILITY_HORIZONTAL","AspectRatio","ratio","width","Skeleton","src","Badge","Text","VISIBILITY_VERTICAL","borderRadius","Button","preset","displayName","SIZES"],"mappings":"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"}

package/components/PopoverComponent/sizes.js

@@ -1,2 +1,2 @@
-'use strict';var sizes=require('../IconButton/sizes.js');var constants=require('../Badge/constants.js');const SIZES_CLOSE_BUTTON={xl:{...sizes.SIZES_SQUARE.xxl},l:{...sizes.SIZES_SQUARE.xl},m:{...sizes.SIZES_SQUARE.xl},s:{...sizes.SIZES_SQUARE.l},xs:{...sizes.SIZES_SQUARE.l}};const SIZES_HEADER_BADGE={xl:{...constants.SIZES.l},l:{...constants.SIZES.l},m:{...constants.SIZES.m},s:{...constants.SIZES.m},xs:{...constants.SIZES.m}};exports.SIZES={xl:{display:'grid',gridTemplateColumns:'1fr',maxWidth:560,minWidth:'min-content',minHeight:60,gap:32,padding:32,borderRadius:16},l:{display:'grid',gridTemplateColumns:'1fr',maxWidth:456,minWidth:'min-content',minHeight:60,gap:24,padding:24,borderRadius:16},m:{display:'grid',gridTemplateColumns:'1fr',maxWidth:352,minWidth:'min-content',minHeight:60,gap:24,padding:24,borderRadius:16},s:{display:'grid',gridTemplateColumns:'1fr',maxWidth:288,minWidth:'min-content',minHeight:60,gap:20,padding:20,borderRadius:14},xs:{display:'grid',gridTemplateColumns:'1fr',maxWidth:224,minWidth:'min-content',minHeight:60,gap:20,padding:20,borderRadius:14}},exports.SIZES_CAPTION={xl:{fontSize:16},l:{fontSize:16},m:{fontSize:14},s:{fontSize:14},xs:{fontSize:14}},exports.SIZES_CLOSE_BUTTON=SIZES_CLOSE_BUTTON,exports.SIZES_CONTENT={xl:{fontSize:20},l:{fontSize:18},m:{fontSize:16},s:{fontSize:16},xs:{fontSize:14}},exports.SIZES_HEADER_BADGE=SIZES_HEADER_BADGE,exports.SIZES_TITLE={xl:{fontSize:28},l:{fontSize:24},m:{fontSize:20},s:{fontSize:18},xs:{fontSize:16}};
+'use strict';var sizes=require('../IconButton/sizes.js');var sizes$1=require('../Badge/sizes.js');const SIZES_CLOSE_BUTTON={xl:{...sizes.SIZES_SQUARE.xxl},l:{...sizes.SIZES_SQUARE.xl},m:{...sizes.SIZES_SQUARE.xl},s:{...sizes.SIZES_SQUARE.l},xs:{...sizes.SIZES_SQUARE.l}};const SIZES_HEADER_BADGE={xl:{...sizes$1.SIZES_BASE.l},l:{...sizes$1.SIZES_BASE.l},m:{...sizes$1.SIZES_BASE.m},s:{...sizes$1.SIZES_BASE.m},xs:{...sizes$1.SIZES_BASE.m}};exports.SIZES={xl:{display:'grid',gridTemplateColumns:'1fr',maxWidth:560,minWidth:'min-content',minHeight:60,gap:32,padding:32,borderRadius:16},l:{display:'grid',gridTemplateColumns:'1fr',maxWidth:456,minWidth:'min-content',minHeight:60,gap:24,padding:24,borderRadius:16},m:{display:'grid',gridTemplateColumns:'1fr',maxWidth:352,minWidth:'min-content',minHeight:60,gap:24,padding:24,borderRadius:16},s:{display:'grid',gridTemplateColumns:'1fr',maxWidth:288,minWidth:'min-content',minHeight:60,gap:20,padding:20,borderRadius:14},xs:{display:'grid',gridTemplateColumns:'1fr',maxWidth:224,minWidth:'min-content',minHeight:60,gap:20,padding:20,borderRadius:14}},exports.SIZES_CAPTION={xl:{fontSize:16},l:{fontSize:16},m:{fontSize:14},s:{fontSize:14},xs:{fontSize:14}},exports.SIZES_CLOSE_BUTTON=SIZES_CLOSE_BUTTON,exports.SIZES_CONTENT={xl:{fontSize:20},l:{fontSize:18},m:{fontSize:16},s:{fontSize:16},xs:{fontSize:14}},exports.SIZES_HEADER_BADGE=SIZES_HEADER_BADGE,exports.SIZES_TITLE={xl:{fontSize:28},l:{fontSize:24},m:{fontSize:20},s:{fontSize:18},xs:{fontSize:16}};
 //# sourceMappingURL=sizes.js.map

package/components/PopoverComponent/sizes.js.map

@@ -1 +1 @@
-{"version":3,"file":"sizes.js","sources":["../../../../src/components/PopoverComponent/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES_SQUARE as SIZES_ICON_BUTTON } from 'components/IconButton'\nimport { SIZES as SIZES_BADGE } from 'components/Badge'\nimport type { Size } from './types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xl: {\n    display: 'grid',\n    gridTemplateColumns: '1fr',\n    maxWidth: 560,\n    minWidth: 'min-content',\n    minHeight: 60,\n    gap: 32,\n    padding: 32,\n    borderRadius: 16,\n  },\n  l: {\n    display: 'grid',\n    gridTemplateColumns: '1fr',\n    maxWidth: 456,\n    minWidth: 'min-content',\n    minHeight: 60,\n    gap: 24,\n    padding: 24,\n    borderRadius: 16,\n  },\n  m: {\n    display: 'grid',\n    gridTemplateColumns: '1fr',\n    maxWidth: 352,\n    minWidth: 'min-content',\n    minHeight: 60,\n    gap: 24,\n    padding: 24,\n    borderRadius: 16,\n  },\n  s: {\n    display: 'grid',\n    gridTemplateColumns: '1fr',\n    maxWidth: 288,\n    minWidth: 'min-content',\n    minHeight: 60,\n    gap: 20,\n    padding: 20,\n    borderRadius: 14,\n  },\n  xs: {\n    display: 'grid',\n    gridTemplateColumns: '1fr',\n    maxWidth: 224,\n    minWidth: 'min-content',\n    minHeight: 60,\n    gap: 20,\n    padding: 20,\n    borderRadius: 14,\n  },\n}\n\nexport const SIZES_CLOSE_BUTTON: Record<Size, CSSProperties> = {\n  xl: { ...SIZES_ICON_BUTTON.xxl },\n  l: { ...SIZES_ICON_BUTTON.xl },\n  m: { ...SIZES_ICON_BUTTON.xl },\n  s: { ...SIZES_ICON_BUTTON.l },\n  xs: { ...SIZES_ICON_BUTTON.l },\n}\n\nexport const SIZES_HEADER_BADGE: Record<Size, CSSProperties> = {\n  xl: { ...SIZES_BADGE.l },\n  l: { ...SIZES_BADGE.l },\n  m: { ...SIZES_BADGE.m },\n  s: { ...SIZES_BADGE.m },\n  xs: { ...SIZES_BADGE.m },\n}\n\nexport const SIZES_CAPTION: Record<Size, CSSProperties> = {\n  xl: { fontSize: 16 },\n  l: { fontSize: 16 },\n  m: { fontSize: 14 },\n  s: { fontSize: 14 },\n  xs: { fontSize: 14 },\n}\n\nexport const SIZES_TITLE: Record<Size, CSSProperties> = {\n  xl: { fontSize: 28 },\n  l: { fontSize: 24 },\n  m: { fontSize: 20 },\n  s: { fontSize: 18 },\n  xs: { fontSize: 16 },\n}\n\nexport const SIZES_CONTENT: Record<Size, CSSProperties> = {\n  xl: { fontSize: 20 },\n  l: { fontSize: 18 },\n  m: { fontSize: 16 },\n  s: { fontSize: 16 },\n  xs: { fontSize: 14 },\n}\n"],"names":["SIZES_CLOSE_BUTTON","xl","SIZES_ICON_BUTTON","xxl","l","m","s","xs","SIZES_HEADER_BADGE","SIZES_BADGE","display","gridTemplateColumns","maxWidth","minWidth","minHeight","gap","padding","borderRadius","fontSize"],"mappings":"wGA0DO,MAAMA,mBAAkD,CAC7DC,GAAI,IAAKC,mBAAkBC,KAC3BC,EAAG,IAAKF,mBAAkBD,IAC1BI,EAAG,IAAKH,mBAAkBD,IAC1BK,EAAG,IAAKJ,mBAAkBE,GAC1BG,GAAI,IAAKL,mBAAkBE,IAGtB,MAAMI,mBAAkD,CAC7DP,GAAI,IAAKQ,gBAAYL,GACrBA,EAAG,IAAKK,gBAAYL,GACpBC,EAAG,IAAKI,gBAAYJ,GACpBC,EAAG,IAAKG,gBAAYJ,GACpBE,GAAI,IAAKE,gBAAYJ,kBAlE2B,CAChDJ,GAAI,CACFS,QAAS,OACTC,oBAAqB,MACrBC,SAAU,IACVC,SAAU,cACVC,UAAW,GACXC,IAAK,GACLC,QAAS,GACTC,aAAc,IAEhBb,EAAG,CACDM,QAAS,OACTC,oBAAqB,MACrBC,SAAU,IACVC,SAAU,cACVC,UAAW,GACXC,IAAK,GACLC,QAAS,GACTC,aAAc,IAEhBZ,EAAG,CACDK,QAAS,OACTC,oBAAqB,MACrBC,SAAU,IACVC,SAAU,cACVC,UAAW,GACXC,IAAK,GACLC,QAAS,GACTC,aAAc,IAEhBX,EAAG,CACDI,QAAS,OACTC,oBAAqB,MACrBC,SAAU,IACVC,SAAU,cACVC,UAAW,GACXC,IAAK,GACLC,QAAS,GACTC,aAAc,IAEhBV,GAAI,CACFG,QAAS,OACTC,oBAAqB,MACrBC,SAAU,IACVC,SAAU,cACVC,UAAW,GACXC,IAAK,GACLC,QAAS,GACTC,aAAc,2BAoBwC,CACxDhB,GAAI,CAAEiB,SAAU,IAChBd,EAAG,CAAEc,SAAU,IACfb,EAAG,CAAEa,SAAU,IACfZ,EAAG,CAAEY,SAAU,IACfX,GAAI,CAAEW,SAAU,yEAWwC,CACxDjB,GAAI,CAAEiB,SAAU,IAChBd,EAAG,CAAEc,SAAU,IACfb,EAAG,CAAEa,SAAU,IACfZ,EAAG,CAAEY,SAAU,IACfX,GAAI,CAAEW,SAAU,uEAbsC,CACtDjB,GAAI,CAAEiB,SAAU,IAChBd,EAAG,CAAEc,SAAU,IACfb,EAAG,CAAEa,SAAU,IACfZ,EAAG,CAAEY,SAAU,IACfX,GAAI,CAAEW,SAAU"}
+{"version":3,"file":"sizes.js","sources":["../../../../src/components/PopoverComponent/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES_SQUARE as SIZES_ICON_BUTTON } from 'components/IconButton'\nimport { SIZES_BASE as SIZES_BADGE } from 'components/Badge'\nimport type { Size } from './types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xl: {\n    display: 'grid',\n    gridTemplateColumns: '1fr',\n    maxWidth: 560,\n    minWidth: 'min-content',\n    minHeight: 60,\n    gap: 32,\n    padding: 32,\n    borderRadius: 16,\n  },\n  l: {\n    display: 'grid',\n    gridTemplateColumns: '1fr',\n    maxWidth: 456,\n    minWidth: 'min-content',\n    minHeight: 60,\n    gap: 24,\n    padding: 24,\n    borderRadius: 16,\n  },\n  m: {\n    display: 'grid',\n    gridTemplateColumns: '1fr',\n    maxWidth: 352,\n    minWidth: 'min-content',\n    minHeight: 60,\n    gap: 24,\n    padding: 24,\n    borderRadius: 16,\n  },\n  s: {\n    display: 'grid',\n    gridTemplateColumns: '1fr',\n    maxWidth: 288,\n    minWidth: 'min-content',\n    minHeight: 60,\n    gap: 20,\n    padding: 20,\n    borderRadius: 14,\n  },\n  xs: {\n    display: 'grid',\n    gridTemplateColumns: '1fr',\n    maxWidth: 224,\n    minWidth: 'min-content',\n    minHeight: 60,\n    gap: 20,\n    padding: 20,\n    borderRadius: 14,\n  },\n}\n\nexport const SIZES_CLOSE_BUTTON: Record<Size, CSSProperties> = {\n  xl: { ...SIZES_ICON_BUTTON.xxl },\n  l: { ...SIZES_ICON_BUTTON.xl },\n  m: { ...SIZES_ICON_BUTTON.xl },\n  s: { ...SIZES_ICON_BUTTON.l },\n  xs: { ...SIZES_ICON_BUTTON.l },\n}\n\nexport const SIZES_HEADER_BADGE: Record<Size, CSSProperties> = {\n  xl: { ...SIZES_BADGE.l },\n  l: { ...SIZES_BADGE.l },\n  m: { ...SIZES_BADGE.m },\n  s: { ...SIZES_BADGE.m },\n  xs: { ...SIZES_BADGE.m },\n}\n\nexport const SIZES_CAPTION: Record<Size, CSSProperties> = {\n  xl: { fontSize: 16 },\n  l: { fontSize: 16 },\n  m: { fontSize: 14 },\n  s: { fontSize: 14 },\n  xs: { fontSize: 14 },\n}\n\nexport const SIZES_TITLE: Record<Size, CSSProperties> = {\n  xl: { fontSize: 28 },\n  l: { fontSize: 24 },\n  m: { fontSize: 20 },\n  s: { fontSize: 18 },\n  xs: { fontSize: 16 },\n}\n\nexport const SIZES_CONTENT: Record<Size, CSSProperties> = {\n  xl: { fontSize: 20 },\n  l: { fontSize: 18 },\n  m: { fontSize: 16 },\n  s: { fontSize: 16 },\n  xs: { fontSize: 14 },\n}\n"],"names":["SIZES_CLOSE_BUTTON","xl","SIZES_ICON_BUTTON","xxl","l","m","s","xs","SIZES_HEADER_BADGE","SIZES_BADGE","display","gridTemplateColumns","maxWidth","minWidth","minHeight","gap","padding","borderRadius","fontSize"],"mappings":"kGA0DO,MAAMA,mBAAkD,CAC7DC,GAAI,IAAKC,mBAAkBC,KAC3BC,EAAG,IAAKF,mBAAkBD,IAC1BI,EAAG,IAAKH,mBAAkBD,IAC1BK,EAAG,IAAKJ,mBAAkBE,GAC1BG,GAAI,IAAKL,mBAAkBE,IAGtB,MAAMI,mBAAkD,CAC7DP,GAAI,IAAKQ,mBAAYL,GACrBA,EAAG,IAAKK,mBAAYL,GACpBC,EAAG,IAAKI,mBAAYJ,GACpBC,EAAG,IAAKG,mBAAYJ,GACpBE,GAAI,IAAKE,mBAAYJ,kBAlE2B,CAChDJ,GAAI,CACFS,QAAS,OACTC,oBAAqB,MACrBC,SAAU,IACVC,SAAU,cACVC,UAAW,GACXC,IAAK,GACLC,QAAS,GACTC,aAAc,IAEhBb,EAAG,CACDM,QAAS,OACTC,oBAAqB,MACrBC,SAAU,IACVC,SAAU,cACVC,UAAW,GACXC,IAAK,GACLC,QAAS,GACTC,aAAc,IAEhBZ,EAAG,CACDK,QAAS,OACTC,oBAAqB,MACrBC,SAAU,IACVC,SAAU,cACVC,UAAW,GACXC,IAAK,GACLC,QAAS,GACTC,aAAc,IAEhBX,EAAG,CACDI,QAAS,OACTC,oBAAqB,MACrBC,SAAU,IACVC,SAAU,cACVC,UAAW,GACXC,IAAK,GACLC,QAAS,GACTC,aAAc,IAEhBV,GAAI,CACFG,QAAS,OACTC,oBAAqB,MACrBC,SAAU,IACVC,SAAU,cACVC,UAAW,GACXC,IAAK,GACLC,QAAS,GACTC,aAAc,2BAoBwC,CACxDhB,GAAI,CAAEiB,SAAU,IAChBd,EAAG,CAAEc,SAAU,IACfb,EAAG,CAAEa,SAAU,IACfZ,EAAG,CAAEY,SAAU,IACfX,GAAI,CAAEW,SAAU,yEAWwC,CACxDjB,GAAI,CAAEiB,SAAU,IAChBd,EAAG,CAAEc,SAAU,IACfb,EAAG,CAAEa,SAAU,IACfZ,EAAG,CAAEY,SAAU,IACfX,GAAI,CAAEW,SAAU,uEAbsC,CACtDjB,GAAI,CAAEiB,SAAU,IAChBd,EAAG,CAAEc,SAAU,IACfb,EAAG,CAAEa,SAAU,IACfZ,EAAG,CAAEY,SAAU,IACfX,GAAI,CAAEW,SAAU"}

package/components/PopoverComponent/sizes.mjs

@@ -1,2 +1,2 @@
-import{SIZES_SQUARE}from'../IconButton/sizes.mjs';import{SIZES as SIZES$1}from'../Badge/constants.mjs';const SIZES={xl:{display:'grid',gridTemplateColumns:'1fr',maxWidth:560,minWidth:'min-content',minHeight:60,gap:32,padding:32,borderRadius:16},l:{display:'grid',gridTemplateColumns:'1fr',maxWidth:456,minWidth:'min-content',minHeight:60,gap:24,padding:24,borderRadius:16},m:{display:'grid',gridTemplateColumns:'1fr',maxWidth:352,minWidth:'min-content',minHeight:60,gap:24,padding:24,borderRadius:16},s:{display:'grid',gridTemplateColumns:'1fr',maxWidth:288,minWidth:'min-content',minHeight:60,gap:20,padding:20,borderRadius:14},xs:{display:'grid',gridTemplateColumns:'1fr',maxWidth:224,minWidth:'min-content',minHeight:60,gap:20,padding:20,borderRadius:14}};const SIZES_CLOSE_BUTTON={xl:{...SIZES_SQUARE.xxl},l:{...SIZES_SQUARE.xl},m:{...SIZES_SQUARE.xl},s:{...SIZES_SQUARE.l},xs:{...SIZES_SQUARE.l}};const SIZES_HEADER_BADGE={xl:{...SIZES$1.l},l:{...SIZES$1.l},m:{...SIZES$1.m},s:{...SIZES$1.m},xs:{...SIZES$1.m}};const SIZES_CAPTION={xl:{fontSize:16},l:{fontSize:16},m:{fontSize:14},s:{fontSize:14},xs:{fontSize:14}};const SIZES_TITLE={xl:{fontSize:28},l:{fontSize:24},m:{fontSize:20},s:{fontSize:18},xs:{fontSize:16}};const SIZES_CONTENT={xl:{fontSize:20},l:{fontSize:18},m:{fontSize:16},s:{fontSize:16},xs:{fontSize:14}};export{SIZES,SIZES_CAPTION,SIZES_CLOSE_BUTTON,SIZES_CONTENT,SIZES_HEADER_BADGE,SIZES_TITLE};
+import{SIZES_SQUARE}from'../IconButton/sizes.mjs';import{SIZES_BASE}from'../Badge/sizes.mjs';const SIZES={xl:{display:'grid',gridTemplateColumns:'1fr',maxWidth:560,minWidth:'min-content',minHeight:60,gap:32,padding:32,borderRadius:16},l:{display:'grid',gridTemplateColumns:'1fr',maxWidth:456,minWidth:'min-content',minHeight:60,gap:24,padding:24,borderRadius:16},m:{display:'grid',gridTemplateColumns:'1fr',maxWidth:352,minWidth:'min-content',minHeight:60,gap:24,padding:24,borderRadius:16},s:{display:'grid',gridTemplateColumns:'1fr',maxWidth:288,minWidth:'min-content',minHeight:60,gap:20,padding:20,borderRadius:14},xs:{display:'grid',gridTemplateColumns:'1fr',maxWidth:224,minWidth:'min-content',minHeight:60,gap:20,padding:20,borderRadius:14}};const SIZES_CLOSE_BUTTON={xl:{...SIZES_SQUARE.xxl},l:{...SIZES_SQUARE.xl},m:{...SIZES_SQUARE.xl},s:{...SIZES_SQUARE.l},xs:{...SIZES_SQUARE.l}};const SIZES_HEADER_BADGE={xl:{...SIZES_BASE.l},l:{...SIZES_BASE.l},m:{...SIZES_BASE.m},s:{...SIZES_BASE.m},xs:{...SIZES_BASE.m}};const SIZES_CAPTION={xl:{fontSize:16},l:{fontSize:16},m:{fontSize:14},s:{fontSize:14},xs:{fontSize:14}};const SIZES_TITLE={xl:{fontSize:28},l:{fontSize:24},m:{fontSize:20},s:{fontSize:18},xs:{fontSize:16}};const SIZES_CONTENT={xl:{fontSize:20},l:{fontSize:18},m:{fontSize:16},s:{fontSize:16},xs:{fontSize:14}};export{SIZES,SIZES_CAPTION,SIZES_CLOSE_BUTTON,SIZES_CONTENT,SIZES_HEADER_BADGE,SIZES_TITLE};
 //# sourceMappingURL=sizes.mjs.map

package/components/PopoverComponent/sizes.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sizes.mjs","sources":["../../../../src/components/PopoverComponent/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES_SQUARE as SIZES_ICON_BUTTON } from 'components/IconButton'\nimport { SIZES as SIZES_BADGE } from 'components/Badge'\nimport type { Size } from './types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xl: {\n    display: 'grid',\n    gridTemplateColumns: '1fr',\n    maxWidth: 560,\n    minWidth: 'min-content',\n    minHeight: 60,\n    gap: 32,\n    padding: 32,\n    borderRadius: 16,\n  },\n  l: {\n    display: 'grid',\n    gridTemplateColumns: '1fr',\n    maxWidth: 456,\n    minWidth: 'min-content',\n    minHeight: 60,\n    gap: 24,\n    padding: 24,\n    borderRadius: 16,\n  },\n  m: {\n    display: 'grid',\n    gridTemplateColumns: '1fr',\n    maxWidth: 352,\n    minWidth: 'min-content',\n    minHeight: 60,\n    gap: 24,\n    padding: 24,\n    borderRadius: 16,\n  },\n  s: {\n    display: 'grid',\n    gridTemplateColumns: '1fr',\n    maxWidth: 288,\n    minWidth: 'min-content',\n    minHeight: 60,\n    gap: 20,\n    padding: 20,\n    borderRadius: 14,\n  },\n  xs: {\n    display: 'grid',\n    gridTemplateColumns: '1fr',\n    maxWidth: 224,\n    minWidth: 'min-content',\n    minHeight: 60,\n    gap: 20,\n    padding: 20,\n    borderRadius: 14,\n  },\n}\n\nexport const SIZES_CLOSE_BUTTON: Record<Size, CSSProperties> = {\n  xl: { ...SIZES_ICON_BUTTON.xxl },\n  l: { ...SIZES_ICON_BUTTON.xl },\n  m: { ...SIZES_ICON_BUTTON.xl },\n  s: { ...SIZES_ICON_BUTTON.l },\n  xs: { ...SIZES_ICON_BUTTON.l },\n}\n\nexport const SIZES_HEADER_BADGE: Record<Size, CSSProperties> = {\n  xl: { ...SIZES_BADGE.l },\n  l: { ...SIZES_BADGE.l },\n  m: { ...SIZES_BADGE.m },\n  s: { ...SIZES_BADGE.m },\n  xs: { ...SIZES_BADGE.m },\n}\n\nexport const SIZES_CAPTION: Record<Size, CSSProperties> = {\n  xl: { fontSize: 16 },\n  l: { fontSize: 16 },\n  m: { fontSize: 14 },\n  s: { fontSize: 14 },\n  xs: { fontSize: 14 },\n}\n\nexport const SIZES_TITLE: Record<Size, CSSProperties> = {\n  xl: { fontSize: 28 },\n  l: { fontSize: 24 },\n  m: { fontSize: 20 },\n  s: { fontSize: 18 },\n  xs: { fontSize: 16 },\n}\n\nexport const SIZES_CONTENT: Record<Size, CSSProperties> = {\n  xl: { fontSize: 20 },\n  l: { fontSize: 18 },\n  m: { fontSize: 16 },\n  s: { fontSize: 16 },\n  xs: { fontSize: 14 },\n}\n"],"names":["SIZES","xl","display","gridTemplateColumns","maxWidth","minWidth","minHeight","gap","padding","borderRadius","l","m","s","xs","SIZES_CLOSE_BUTTON","SIZES_ICON_BUTTON","xxl","SIZES_HEADER_BADGE","SIZES_BADGE","SIZES_CAPTION","fontSize","SIZES_TITLE","SIZES_CONTENT"],"mappings":"uGAKO,MAAMA,MAAqC,CAChDC,GAAI,CACFC,QAAS,OACTC,oBAAqB,MACrBC,SAAU,IACVC,SAAU,cACVC,UAAW,GACXC,IAAK,GACLC,QAAS,GACTC,aAAc,IAEhBC,EAAG,CACDR,QAAS,OACTC,oBAAqB,MACrBC,SAAU,IACVC,SAAU,cACVC,UAAW,GACXC,IAAK,GACLC,QAAS,GACTC,aAAc,IAEhBE,EAAG,CACDT,QAAS,OACTC,oBAAqB,MACrBC,SAAU,IACVC,SAAU,cACVC,UAAW,GACXC,IAAK,GACLC,QAAS,GACTC,aAAc,IAEhBG,EAAG,CACDV,QAAS,OACTC,oBAAqB,MACrBC,SAAU,IACVC,SAAU,cACVC,UAAW,GACXC,IAAK,GACLC,QAAS,GACTC,aAAc,IAEhBI,GAAI,CACFX,QAAS,OACTC,oBAAqB,MACrBC,SAAU,IACVC,SAAU,cACVC,UAAW,GACXC,IAAK,GACLC,QAAS,GACTC,aAAc,KAIX,MAAMK,mBAAkD,CAC7Db,GAAI,IAAKc,aAAkBC,KAC3BN,EAAG,IAAKK,aAAkBd,IAC1BU,EAAG,IAAKI,aAAkBd,IAC1BW,EAAG,IAAKG,aAAkBL,GAC1BG,GAAI,IAAKE,aAAkBL,IAGtB,MAAMO,mBAAkD,CAC7DhB,GAAI,IAAKiB,QAAYR,GACrBA,EAAG,IAAKQ,QAAYR,GACpBC,EAAG,IAAKO,QAAYP,GACpBC,EAAG,IAAKM,QAAYP,GACpBE,GAAI,IAAKK,QAAYP,IAGhB,MAAMQ,cAA6C,CACxDlB,GAAI,CAAEmB,SAAU,IAChBV,EAAG,CAAEU,SAAU,IACfT,EAAG,CAAES,SAAU,IACfR,EAAG,CAAEQ,SAAU,IACfP,GAAI,CAAEO,SAAU,KAGX,MAAMC,YAA2C,CACtDpB,GAAI,CAAEmB,SAAU,IAChBV,EAAG,CAAEU,SAAU,IACfT,EAAG,CAAES,SAAU,IACfR,EAAG,CAAEQ,SAAU,IACfP,GAAI,CAAEO,SAAU,KAGX,MAAME,cAA6C,CACxDrB,GAAI,CAAEmB,SAAU,IAChBV,EAAG,CAAEU,SAAU,IACfT,EAAG,CAAES,SAAU,IACfR,EAAG,CAAEQ,SAAU,IACfP,GAAI,CAAEO,SAAU"}
+{"version":3,"file":"sizes.mjs","sources":["../../../../src/components/PopoverComponent/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES_SQUARE as SIZES_ICON_BUTTON } from 'components/IconButton'\nimport { SIZES_BASE as SIZES_BADGE } from 'components/Badge'\nimport type { Size } from './types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xl: {\n    display: 'grid',\n    gridTemplateColumns: '1fr',\n    maxWidth: 560,\n    minWidth: 'min-content',\n    minHeight: 60,\n    gap: 32,\n    padding: 32,\n    borderRadius: 16,\n  },\n  l: {\n    display: 'grid',\n    gridTemplateColumns: '1fr',\n    maxWidth: 456,\n    minWidth: 'min-content',\n    minHeight: 60,\n    gap: 24,\n    padding: 24,\n    borderRadius: 16,\n  },\n  m: {\n    display: 'grid',\n    gridTemplateColumns: '1fr',\n    maxWidth: 352,\n    minWidth: 'min-content',\n    minHeight: 60,\n    gap: 24,\n    padding: 24,\n    borderRadius: 16,\n  },\n  s: {\n    display: 'grid',\n    gridTemplateColumns: '1fr',\n    maxWidth: 288,\n    minWidth: 'min-content',\n    minHeight: 60,\n    gap: 20,\n    padding: 20,\n    borderRadius: 14,\n  },\n  xs: {\n    display: 'grid',\n    gridTemplateColumns: '1fr',\n    maxWidth: 224,\n    minWidth: 'min-content',\n    minHeight: 60,\n    gap: 20,\n    padding: 20,\n    borderRadius: 14,\n  },\n}\n\nexport const SIZES_CLOSE_BUTTON: Record<Size, CSSProperties> = {\n  xl: { ...SIZES_ICON_BUTTON.xxl },\n  l: { ...SIZES_ICON_BUTTON.xl },\n  m: { ...SIZES_ICON_BUTTON.xl },\n  s: { ...SIZES_ICON_BUTTON.l },\n  xs: { ...SIZES_ICON_BUTTON.l },\n}\n\nexport const SIZES_HEADER_BADGE: Record<Size, CSSProperties> = {\n  xl: { ...SIZES_BADGE.l },\n  l: { ...SIZES_BADGE.l },\n  m: { ...SIZES_BADGE.m },\n  s: { ...SIZES_BADGE.m },\n  xs: { ...SIZES_BADGE.m },\n}\n\nexport const SIZES_CAPTION: Record<Size, CSSProperties> = {\n  xl: { fontSize: 16 },\n  l: { fontSize: 16 },\n  m: { fontSize: 14 },\n  s: { fontSize: 14 },\n  xs: { fontSize: 14 },\n}\n\nexport const SIZES_TITLE: Record<Size, CSSProperties> = {\n  xl: { fontSize: 28 },\n  l: { fontSize: 24 },\n  m: { fontSize: 20 },\n  s: { fontSize: 18 },\n  xs: { fontSize: 16 },\n}\n\nexport const SIZES_CONTENT: Record<Size, CSSProperties> = {\n  xl: { fontSize: 20 },\n  l: { fontSize: 18 },\n  m: { fontSize: 16 },\n  s: { fontSize: 16 },\n  xs: { fontSize: 14 },\n}\n"],"names":["SIZES","xl","display","gridTemplateColumns","maxWidth","minWidth","minHeight","gap","padding","borderRadius","l","m","s","xs","SIZES_CLOSE_BUTTON","SIZES_ICON_BUTTON","xxl","SIZES_HEADER_BADGE","SIZES_BADGE","SIZES_CAPTION","fontSize","SIZES_TITLE","SIZES_CONTENT"],"mappings":"6FAKO,MAAMA,MAAqC,CAChDC,GAAI,CACFC,QAAS,OACTC,oBAAqB,MACrBC,SAAU,IACVC,SAAU,cACVC,UAAW,GACXC,IAAK,GACLC,QAAS,GACTC,aAAc,IAEhBC,EAAG,CACDR,QAAS,OACTC,oBAAqB,MACrBC,SAAU,IACVC,SAAU,cACVC,UAAW,GACXC,IAAK,GACLC,QAAS,GACTC,aAAc,IAEhBE,EAAG,CACDT,QAAS,OACTC,oBAAqB,MACrBC,SAAU,IACVC,SAAU,cACVC,UAAW,GACXC,IAAK,GACLC,QAAS,GACTC,aAAc,IAEhBG,EAAG,CACDV,QAAS,OACTC,oBAAqB,MACrBC,SAAU,IACVC,SAAU,cACVC,UAAW,GACXC,IAAK,GACLC,QAAS,GACTC,aAAc,IAEhBI,GAAI,CACFX,QAAS,OACTC,oBAAqB,MACrBC,SAAU,IACVC,SAAU,cACVC,UAAW,GACXC,IAAK,GACLC,QAAS,GACTC,aAAc,KAIX,MAAMK,mBAAkD,CAC7Db,GAAI,IAAKc,aAAkBC,KAC3BN,EAAG,IAAKK,aAAkBd,IAC1BU,EAAG,IAAKI,aAAkBd,IAC1BW,EAAG,IAAKG,aAAkBL,GAC1BG,GAAI,IAAKE,aAAkBL,IAGtB,MAAMO,mBAAkD,CAC7DhB,GAAI,IAAKiB,WAAYR,GACrBA,EAAG,IAAKQ,WAAYR,GACpBC,EAAG,IAAKO,WAAYP,GACpBC,EAAG,IAAKM,WAAYP,GACpBE,GAAI,IAAKK,WAAYP,IAGhB,MAAMQ,cAA6C,CACxDlB,GAAI,CAAEmB,SAAU,IAChBV,EAAG,CAAEU,SAAU,IACfT,EAAG,CAAES,SAAU,IACfR,EAAG,CAAEQ,SAAU,IACfP,GAAI,CAAEO,SAAU,KAGX,MAAMC,YAA2C,CACtDpB,GAAI,CAAEmB,SAAU,IAChBV,EAAG,CAAEU,SAAU,IACfT,EAAG,CAAES,SAAU,IACfR,EAAG,CAAEQ,SAAU,IACfP,GAAI,CAAEO,SAAU,KAGX,MAAME,cAA6C,CACxDrB,GAAI,CAAEmB,SAAU,IAChBV,EAAG,CAAEU,SAAU,IACfT,EAAG,CAAES,SAAU,IACfR,EAAG,CAAEQ,SAAU,IACfP,GAAI,CAAEO,SAAU"}