@pega/cosmos-react-core 5.0.0-dev.4.7 → 5.0.0-dev.4.8

package/lib/components/File/FileUploadItem.js

@@ -1,108 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useMemo, useState } from 'react';
-import styled, { css } from 'styled-components';
-import Button from '../Button';
-import Icon from '../Icon';
-import MenuButton from '../MenuButton';
-import MetaList from '../MetaList';
-import SummaryItem, { StyledPrimary, StyledSecondary, StyledSummaryItemActions, StyledVisual } from '../SummaryItem';
-import Progress, { StyledProgressRing } from '../Progress';
-import Text from '../Text';
-import { defaultThemeProp } from '../../theme';
-import { useI18n } from '../../hooks';
-import FileVisual from './FileVisual';
-import { getKindFromMimeType, getMimeTypeFromFile } from './utils';
-const StyledFileUploadItem = styled(SummaryItem)(({ hasThumbnail, theme }) => {
-    return css `
-      border: 0.0625rem solid ${theme.base.palette['border-line']};
-      border-radius: calc(0.5 * ${theme.base['border-radius']});
-      background-color: ${theme.base.palette['primary-background']};
-      padding: calc(0.5 * ${theme.base.spacing});
-      min-height: 3rem;
-
-      ${StyledProgressRing} {
-        height: ${theme.components.input.height};
-        width: ${theme.components.input.height};
-      }
-
-      ${hasThumbnail &&
-        css `
-        height: calc(6rem + ${theme.base.spacing});
-        grid-row: span 2;
-        grid-template-columns: auto minmax(0, 1fr) auto;
-
-        ${StyledVisual} {
-          align-self: auto;
-          width: calc(6rem - 0.125rem);
-          height: calc(6rem - 0.125rem);
-        }
-
-        ${StyledPrimary} {
-          align-self: start;
-          margin-block-start: calc(0.5 * ${theme.base.spacing});
-        }
-
-        ${StyledSecondary} {
-          grid-area: primary;
-          align-self: center;
-          margin-block-start: calc(3 * ${theme.base.spacing});
-        }
-
-        ${StyledSummaryItemActions} {
-          align-self: start;
-        }
-      `}
-    `;
-});
-StyledFileUploadItem.defaultProps = defaultThemeProp;
-const FileUploadItem = forwardRef(function FileUploadItem({ name, meta, error = false, progress, thumbnail, onCancel, onEdit, onPreview, onDownload, onDelete, size, ...restProps }, ref) {
-    const t = useI18n();
-    const [thumbnailError, setThumbnailError] = useState(false);
-    const definedActions = useMemo(() => [
-        { fn: onCancel, text: t('cancel'), icon: 'times' },
-        { fn: onEdit, text: t('edit'), icon: 'pencil' },
-        { fn: onPreview, text: t('preview'), icon: 'eye' },
-        { fn: onDownload, text: t('download'), icon: 'download' },
-        { fn: onDelete, text: t('delete'), icon: 'trash' }
-    ].filter((action) => !!action.fn), [onCancel, onEdit, onPreview, onDownload, onDelete]);
-    let metaContent = meta;
-    let actions;
-    const type = getKindFromMimeType(getMimeTypeFromFile(name) ?? '');
-    if (typeof progress === 'number' && progress < 100) {
-        metaContent = `${t('uploading')}…${Math.floor(progress)}%`;
-    }
-    if (Array.isArray(metaContent)) {
-        metaContent = (_jsx(MetaList, { items: metaContent.map((item, i) => (
-            // eslint-disable-next-line react/no-array-index-key
-            _jsx(Text, { variant: 'secondary', status: error ? 'error' : undefined, children: item }, i))) }));
-    }
-    else if (typeof metaContent === 'string') {
-        metaContent = (_jsx(Text, { variant: 'secondary', status: error ? 'error' : undefined, children: metaContent }));
-    }
-    if (definedActions.length === 1) {
-        const action = definedActions[0];
-        actions = (_jsx(Button, { icon: true, variant: 'simple', onClick: () => action.fn?.(name), "aria-label": `${action.text} ${name}`, children: _jsx(Icon, { name: action.icon }) }));
-    }
-    else if (definedActions.length > 1) {
-        actions = (_jsx(MenuButton, { text: t('actions'), iconOnly: true, icon: 'more', variant: 'simple', menu: {
-                items: definedActions.map(action => ({
-                    id: action.text,
-                    primary: action.text,
-                    onClick: () => {
-                        action.fn(name);
-                    }
-                }))
-            } }));
-    }
-    const visual = useMemo(() => {
-        if (typeof progress === 'number' && progress !== 100) {
-            return _jsx(Progress, { value: progress, placement: 'inline', variant: 'ring' });
-        }
-        return (_jsx(FileVisual, { type: type, thumbnail: thumbnailError ? undefined : thumbnail, onThumbnailError: () => {
-                setThumbnailError(true);
-            } }));
-    }, [progress, thumbnail, thumbnailError]);
-    return (_jsx(StyledFileUploadItem, { ...restProps, forwardedAs: 'li', hasThumbnail: thumbnail && !thumbnailError && (progress === 100 || progress === undefined) && !error, ref: ref, visual: visual, primary: name, secondary: metaContent, actions: actions, overflowStrategy: 'ellipsis' }));
-});
-export default FileUploadItem;
-//# sourceMappingURL=FileUploadItem.js.map

package/lib/components/File/FileUploadItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileUploadItem.js","sourceRoot":"","sources":["../../../src/components/File/FileUploadItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  PropsWithoutRef,\n  FC,\n  Ref,\n  ReactElement,\n  useMemo,\n  useState,\n  ReactNode\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport Button from '../Button';\nimport Icon from '../Icon';\nimport MenuButton from '../MenuButton';\nimport MetaList from '../MetaList';\nimport SummaryItem, {\n  StyledPrimary,\n  StyledSecondary,\n  StyledSummaryItemActions,\n  StyledVisual\n} from '../SummaryItem';\nimport Progress, { StyledProgressRing } from '../Progress';\nimport Text from '../Text';\nimport { ForwardProps, BaseProps, NoChildrenProp } from '../../types';\nimport { defaultThemeProp } from '../../theme';\nimport { useI18n } from '../../hooks';\n\nimport FileVisual from './FileVisual';\nimport { getKindFromMimeType, getMimeTypeFromFile } from './utils';\n\nexport interface FileUploadItemProps extends BaseProps, NoChildrenProp {\n  /** Name of the file. */\n  name: string;\n  /** Id applied to upload item */\n  id?: string;\n  /** File blob */\n  File?: File;\n  /** A FileUploadVisual element to represent the file. */\n  visual?: ReactElement;\n  /** Additional information about the file. If progress prop is passed and its value is less than 100, this region is instead used for the upload progress indicator. */\n  meta?: string | string[];\n  /** When passed, will render a single icon button for yet to be or in progress uploads. Use this action to trigger xhr request termination. */\n  onCancel?: (name: FileUploadItemProps['name']) => void;\n  /** When passed, will render a single icon button or within a MenuButton if other actions are defined. */\n  onEdit?: (name: FileUploadItemProps['name']) => void;\n  /** When passed, will render a single icon button or within a MenuButton if other actions are defined. */\n  onPreview?: (name: FileUploadItemProps['name']) => void;\n  /** When passed, will render a single icon button or within a MenuButton if other actions are defined. */\n  onDownload?: (name: FileUploadItemProps['name']) => void;\n  /** When passed, will render a single icon button or within a MenuButton if other actions are defined. */\n  onDelete?: (name: FileUploadItemProps['name']) => void;\n  /**\n   * Set if there is an error uploading or processing the file. Applies error styling to the meta string passed.\n   * @default false\n   */\n  error?: boolean;\n  /** A string to be used as an image src for a attachment thumbnail. Falls back to a provided icon or the default attachment icon. */\n  thumbnail?: string;\n  /** If the attachment is in an upload state, pass progress as a number between 0-100 representing the percentage of progress. */\n  progress?: number;\n  /** The size of the file. */\n  size?: number;\n  /** A ref to the file item's HTMLLIElement. */\n  ref?: Ref<HTMLLIElement>;\n}\n\ninterface FileAction {\n  fn: (name: FileUploadItemProps['name']) => void;\n  text: string;\n  icon: string;\n}\n\nconst StyledFileUploadItem = styled(SummaryItem)<{ hasThumbnail: boolean }>(\n  ({ hasThumbnail, theme }) => {\n    return css`\n      border: 0.0625rem solid ${theme.base.palette['border-line']};\n      border-radius: calc(0.5 * ${theme.base['border-radius']});\n      background-color: ${theme.base.palette['primary-background']};\n      padding: calc(0.5 * ${theme.base.spacing});\n      min-height: 3rem;\n\n      ${StyledProgressRing} {\n        height: ${theme.components.input.height};\n        width: ${theme.components.input.height};\n      }\n\n      ${hasThumbnail &&\n      css`\n        height: calc(6rem + ${theme.base.spacing});\n        grid-row: span 2;\n        grid-template-columns: auto minmax(0, 1fr) auto;\n\n        ${StyledVisual} {\n          align-self: auto;\n          width: calc(6rem - 0.125rem);\n          height: calc(6rem - 0.125rem);\n        }\n\n        ${StyledPrimary} {\n          align-self: start;\n          margin-block-start: calc(0.5 * ${theme.base.spacing});\n        }\n\n        ${StyledSecondary} {\n          grid-area: primary;\n          align-self: center;\n          margin-block-start: calc(3 * ${theme.base.spacing});\n        }\n\n        ${StyledSummaryItemActions} {\n          align-self: start;\n        }\n      `}\n    `;\n  }\n);\n\nStyledFileUploadItem.defaultProps = defaultThemeProp;\n\nconst FileUploadItem: FC<FileUploadItemProps & ForwardProps> = forwardRef(function FileUploadItem(\n  {\n    name,\n    meta,\n    error = false,\n    progress,\n    thumbnail,\n    onCancel,\n    onEdit,\n    onPreview,\n    onDownload,\n    onDelete,\n    size,\n    ...restProps\n  }: PropsWithoutRef<FileUploadItemProps>,\n  ref: FileUploadItemProps['ref']\n) {\n  const t = useI18n();\n  const [thumbnailError, setThumbnailError] = useState(false);\n\n  const definedActions: FileAction[] = useMemo(\n    () =>\n      [\n        { fn: onCancel, text: t('cancel'), icon: 'times' },\n        { fn: onEdit, text: t('edit'), icon: 'pencil' },\n        { fn: onPreview, text: t('preview'), icon: 'eye' },\n        { fn: onDownload, text: t('download'), icon: 'download' },\n        { fn: onDelete, text: t('delete'), icon: 'trash' }\n      ].filter<FileAction>((action): action is FileAction => !!action.fn),\n    [onCancel, onEdit, onPreview, onDownload, onDelete]\n  );\n\n  let metaContent: ReactNode = meta;\n  let actions: ReactElement | undefined;\n\n  const type = getKindFromMimeType(getMimeTypeFromFile(name) ?? '');\n\n  if (typeof progress === 'number' && progress < 100) {\n    metaContent = `${t('uploading')}…${Math.floor(progress)}%`;\n  }\n\n  if (Array.isArray(metaContent)) {\n    metaContent = (\n      <MetaList\n        items={metaContent.map((item, i) => (\n          // eslint-disable-next-line react/no-array-index-key\n          <Text key={i} variant='secondary' status={error ? 'error' : undefined}>\n            {item}\n          </Text>\n        ))}\n      />\n    );\n  } else if (typeof metaContent === 'string') {\n    metaContent = (\n      <Text variant='secondary' status={error ? 'error' : undefined}>\n        {metaContent}\n      </Text>\n    );\n  }\n\n  if (definedActions.length === 1) {\n    const action = definedActions[0];\n\n    actions = (\n      <Button\n        icon\n        variant='simple'\n        onClick={() => action.fn?.(name)}\n        aria-label={`${action.text} ${name}`}\n      >\n        <Icon name={action.icon} />\n      </Button>\n    );\n  } else if (definedActions.length > 1) {\n    actions = (\n      <MenuButton\n        text={t('actions')}\n        iconOnly\n        icon='more'\n        variant='simple'\n        menu={{\n          items: definedActions.map(action => ({\n            id: action.text,\n            primary: action.text,\n            onClick: () => {\n              action.fn(name);\n            }\n          }))\n        }}\n      />\n    );\n  }\n\n  const visual = useMemo(() => {\n    if (typeof progress === 'number' && progress !== 100) {\n      return <Progress value={progress} placement='inline' variant='ring' />;\n    }\n\n    return (\n      <FileVisual\n        type={type}\n        thumbnail={thumbnailError ? undefined : thumbnail}\n        onThumbnailError={() => {\n          setThumbnailError(true);\n        }}\n      />\n    );\n  }, [progress, thumbnail, thumbnailError]);\n\n  return (\n    <StyledFileUploadItem\n      {...restProps}\n      forwardedAs='li'\n      hasThumbnail={\n        thumbnail && !thumbnailError && (progress === 100 || progress === undefined) && !error\n      }\n      ref={ref}\n      visual={visual}\n      primary={name}\n      secondary={metaContent}\n      actions={actions}\n      overflowStrategy='ellipsis'\n    />\n  );\n});\n\nexport default FileUploadItem;\n"]}

package/lib/components/File/FileVisual.d.ts

@@ -1,19 +0,0 @@
-import { FC, Ref, SyntheticEvent } from 'react';
-import { DefaultTheme } from 'styled-components';
-import { ForwardProps, BaseProps } from '../../types';
-import { AttachmentType } from './utils';
-export interface FileVisualProps extends BaseProps {
-    /** Attachment/File type, it has an impact on background color and icon rendered. */
-    type: AttachmentType;
-    /** A string to be used as an image src for a attachment thumbnail. */
-    thumbnail?: string;
-    /** Called when a thumbnail encounters an error while loading. */
-    onThumbnailError?: (e: SyntheticEvent<HTMLImageElement>) => void;
-    /** Reference to a button element. */
-    ref?: Ref<HTMLDivElement>;
-}
-export declare const StyledFileVisual: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
-export declare const StyledTextFrame: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
-declare const FileVisual: FC<FileVisualProps & ForwardProps>;
-export default FileVisual;
-//# sourceMappingURL=FileVisual.d.ts.map

package/lib/components/File/FileVisual.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileVisual.d.ts","sourceRoot":"","sources":["../../../src/components/File/FileVisual.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,EAAE,EAAE,GAAG,EAAiB,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5F,OAAe,EAAO,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG9D,OAAO,EAAE,YAAY,EAAE,SAAS,EAAc,MAAM,aAAa,CAAC;AAMlE,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,oFAAoF;IACpF,IAAI,EAAE,cAAc,CAAC;IACrB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACjE,qCAAqC;IACrC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAmED,eAAO,MAAM,gBAAgB,6EAAe,CAAC;AAE7C,eAAO,MAAM,eAAe,6EA0B1B,CAAC;AAsBH,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,GAAG,YAAY,CAmDjD,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/lib/components/File/FileVisual.js

@@ -1,105 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import Icon from '../Icon';
-import { defaultThemeProp } from '../../theme';
-import Flex from '../Flex';
-import Image, { StyledImage } from '../Image';
-import { useTheme } from '../../hooks';
-const mapping = {
-    generic: {
-        iconName: 'paper-clip',
-        backgroundColor: 'slate.dark'
-    },
-    video: {
-        iconName: 'play-solid',
-        backgroundColor: 'slate.dark'
-    },
-    audio: {
-        iconName: 'speaker-on-solid',
-        backgroundColor: 'slate.dark'
-    },
-    document: {
-        iconName: 'filetype-text',
-        backgroundColor: 'blue.medium'
-    },
-    message: {
-        iconName: 'mail-solid',
-        backgroundColor: 'blue.dark'
-    },
-    pdf: {
-        text: 'PDF',
-        backgroundColor: 'red.medium'
-    },
-    spreadsheet: {
-        iconName: 'grid-solid',
-        backgroundColor: 'green.medium'
-    },
-    presentation: {
-        iconName: 'slideshow-solid',
-        backgroundColor: 'orange.medium'
-    },
-    link: {
-        iconName: 'chain',
-        backgroundColor: 'purple.dark'
-    },
-    archive: {
-        iconName: 'archive-solid',
-        backgroundColor: 'slate.dark'
-    },
-    database: {
-        iconName: 'disc-stack-solid',
-        backgroundColor: 'slate.dark'
-    },
-    image: {
-        iconName: 'picture-solid',
-        backgroundColor: 'slate.dark'
-    },
-    text: {
-        iconName: 'filetype-text',
-        backgroundColor: 'slate.dark'
-    }
-};
-export const StyledFileVisual = styled.div ``;
-export const StyledTextFrame = styled(StyledFileVisual)(({ theme }) => {
-    const { base: { palette: { light }, 'border-radius': baseBorderRadius, 'font-size': baseFontSize, 'font-weight': { 'semi-bold': semiBoldWeight } }, components: { icon: { size: { m: iconSize }, 'border-radius-multiplier': borderRadiusMultiplier } } } = theme;
-    return css `
-    background-color: var(--bg);
-    color: ${light};
-    height: ${iconSize};
-    width: ${iconSize};
-    border-radius: calc(${borderRadiusMultiplier} * ${baseBorderRadius});
-    font-size: calc(0.7 * ${baseFontSize});
-    font-weight: ${semiBoldWeight};
-    user-select: none;
-    -webkit-user-select: none;
-  `;
-});
-StyledTextFrame.defaultProps = defaultThemeProp;
-const StyledThumbnailFrame = styled(StyledFileVisual)(({ theme }) => {
-    return css `
-    background-color: ${theme.base.palette['app-background']};
-    height: 100%;
-    width: 100%;
-
-    ${StyledImage} {
-      margin: auto;
-      height: unset;
-      width: unset;
-      max-height: 100%;
-      max-width: 100%;
-    }
-  `;
-});
-StyledThumbnailFrame.defaultProps = defaultThemeProp;
-const FileVisual = forwardRef(function FileVisual({ type, thumbnail, onThumbnailError, ...restProps }, ref) {
-    const visualConfig = mapping[type];
-    const [color, lightness] = visualConfig.backgroundColor.split('.', 2);
-    const { base: { colors: { [color]: { [lightness]: backgroundColor } }, palette: { light: foregroundColor } } } = useTheme();
-    if (thumbnail) {
-        return (_jsx(Flex, { ...restProps, as: StyledThumbnailFrame, container: true, children: _jsx(Image, { src: thumbnail, onError: onThumbnailError, alt: '' }) }));
-    }
-    return (_jsx(_Fragment, { children: visualConfig.iconName ? (_jsx(Icon, { ...restProps, ref: ref, name: visualConfig.iconName, background: backgroundColor, foreground: foregroundColor })) : (_jsx(Flex, { ...restProps, as: StyledTextFrame, ref: ref, container: { justify: 'center', alignItems: 'center' }, style: { '--bg': backgroundColor }, children: visualConfig.text })) }));
-});
-export default FileVisual;
-//# sourceMappingURL=FileVisual.js.map

package/lib/components/File/FileVisual.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileVisual.js","sourceRoot":"","sources":["../../../src/components/File/FileVisual.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, PropsWithoutRef, FC, Ref, CSSProperties, SyntheticEvent } from 'react';\nimport styled, { css, DefaultTheme } from 'styled-components';\n\nimport Icon from '../Icon';\nimport { ForwardProps, BaseProps, OmitStrict } from '../../types';\nimport { defaultThemeProp } from '../../theme';\nimport Flex from '../Flex';\nimport Image, { StyledImage } from '../Image';\nimport { useTheme } from '../../hooks';\n\nimport { AttachmentType } from './utils';\n\nexport interface FileVisualProps extends BaseProps {\n  /** Attachment/File type, it has an impact on background color and icon rendered. */\n  type: AttachmentType;\n  /** A string to be used as an image src for a attachment thumbnail. */\n  thumbnail?: string;\n  /** Called when a thumbnail encounters an error while loading. */\n  onThumbnailError?: (e: SyntheticEvent<HTMLImageElement>) => void;\n  /** Reference to a button element. */\n  ref?: Ref<HTMLDivElement>;\n}\ntype ThemeColor = keyof OmitStrict<DefaultTheme['base']['colors'], 'white' | 'black'>;\ntype ThemeColorVariant = 'extra-light' | 'light' | 'medium' | 'dark' | 'extra-dark';\n\ntype BackgroundColor = `${ThemeColor}.${ThemeColorVariant}`;\n\nconst mapping: Record<\n  AttachmentType,\n  { backgroundColor: BackgroundColor } & (\n    | { iconName: string; text?: never }\n    | { iconName?: never; text: string }\n  )\n> = {\n  generic: {\n    iconName: 'paper-clip',\n    backgroundColor: 'slate.dark'\n  },\n  video: {\n    iconName: 'play-solid',\n    backgroundColor: 'slate.dark'\n  },\n  audio: {\n    iconName: 'speaker-on-solid',\n    backgroundColor: 'slate.dark'\n  },\n  document: {\n    iconName: 'filetype-text',\n    backgroundColor: 'blue.medium'\n  },\n  message: {\n    iconName: 'mail-solid',\n    backgroundColor: 'blue.dark'\n  },\n  pdf: {\n    text: 'PDF',\n    backgroundColor: 'red.medium'\n  },\n  spreadsheet: {\n    iconName: 'grid-solid',\n    backgroundColor: 'green.medium'\n  },\n  presentation: {\n    iconName: 'slideshow-solid',\n    backgroundColor: 'orange.medium'\n  },\n  link: {\n    iconName: 'chain',\n    backgroundColor: 'purple.dark'\n  },\n  archive: {\n    iconName: 'archive-solid',\n    backgroundColor: 'slate.dark'\n  },\n  database: {\n    iconName: 'disc-stack-solid',\n    backgroundColor: 'slate.dark'\n  },\n  image: {\n    iconName: 'picture-solid',\n    backgroundColor: 'slate.dark'\n  },\n  text: {\n    iconName: 'filetype-text',\n    backgroundColor: 'slate.dark'\n  }\n} as const;\n\nexport const StyledFileVisual = styled.div``;\n\nexport const StyledTextFrame = styled(StyledFileVisual)(({ theme }) => {\n  const {\n    base: {\n      palette: { light },\n      'border-radius': baseBorderRadius,\n      'font-size': baseFontSize,\n      'font-weight': { 'semi-bold': semiBoldWeight }\n    },\n    components: {\n      icon: {\n        size: { m: iconSize },\n        'border-radius-multiplier': borderRadiusMultiplier\n      }\n    }\n  } = theme;\n  return css`\n    background-color: var(--bg);\n    color: ${light};\n    height: ${iconSize};\n    width: ${iconSize};\n    border-radius: calc(${borderRadiusMultiplier} * ${baseBorderRadius});\n    font-size: calc(0.7 * ${baseFontSize});\n    font-weight: ${semiBoldWeight};\n    user-select: none;\n    -webkit-user-select: none;\n  `;\n});\n\nStyledTextFrame.defaultProps = defaultThemeProp;\n\nconst StyledThumbnailFrame = styled(StyledFileVisual)(({ theme }) => {\n  return css`\n    background-color: ${theme.base.palette['app-background']};\n    height: 100%;\n    width: 100%;\n\n    ${StyledImage} {\n      margin: auto;\n      height: unset;\n      width: unset;\n      max-height: 100%;\n      max-width: 100%;\n    }\n  `;\n});\n\nStyledThumbnailFrame.defaultProps = defaultThemeProp;\n\nconst FileVisual: FC<FileVisualProps & ForwardProps> = forwardRef(function FileVisual(\n  { type, thumbnail, onThumbnailError, ...restProps }: PropsWithoutRef<FileVisualProps>,\n  ref: FileVisualProps['ref']\n) {\n  const visualConfig = mapping[type];\n\n  const [color, lightness] = visualConfig.backgroundColor.split('.', 2) as [\n    ThemeColor,\n    ThemeColorVariant\n  ];\n\n  const {\n    base: {\n      colors: {\n        [color]: { [lightness]: backgroundColor }\n      },\n      palette: { light: foregroundColor }\n    }\n  } = useTheme();\n\n  if (thumbnail) {\n    return (\n      <Flex {...restProps} as={StyledThumbnailFrame} container>\n        <Image src={thumbnail} onError={onThumbnailError} alt='' />\n      </Flex>\n    );\n  }\n\n  return (\n    <>\n      {visualConfig.iconName ? (\n        <Icon\n          {...restProps}\n          ref={ref}\n          name={visualConfig.iconName}\n          background={backgroundColor}\n          foreground={foregroundColor}\n        />\n      ) : (\n        <Flex\n          {...restProps}\n          as={StyledTextFrame}\n          ref={ref}\n          container={{ justify: 'center', alignItems: 'center' }}\n          style={{ '--bg': backgroundColor } as CSSProperties}\n        >\n          {visualConfig.text}\n        </Flex>\n      )}\n    </>\n  );\n});\n\nexport default FileVisual;\n"]}

package/lib/components/File/index.d.ts

@@ -1,12 +0,0 @@
-export { default as FileInput } from './FileInput';
-export type { FileInputProps } from './FileInput';
-export { default as FileItem } from './FileItem';
-export type { FileItemProps } from './FileItem';
-export { default as FileUploadItem } from './FileUploadItem';
-export type { FileUploadItemProps } from './FileUploadItem';
-export { default as FileDisplay } from './FileDisplay';
-export type { FileDisplayProps } from './FileDisplay';
-export { default as FileVisual } from './FileVisual';
-export type { FileVisualProps } from './FileVisual';
-export { getKindFromMimeType, getMimeTypeFromFile } from './utils';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/File/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/File/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC"}

package/lib/components/File/index.js

@@ -1,7 +0,0 @@
-export { default as FileInput } from './FileInput';
-export { default as FileItem } from './FileItem';
-export { default as FileUploadItem } from './FileUploadItem';
-export { default as FileDisplay } from './FileDisplay';
-export { default as FileVisual } from './FileVisual';
-export { getKindFromMimeType, getMimeTypeFromFile } from './utils';
-//# sourceMappingURL=index.js.map

package/lib/components/File/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/File/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAEnD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAEvD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC","sourcesContent":["export { default as FileInput } from './FileInput';\nexport type { FileInputProps } from './FileInput';\nexport { default as FileItem } from './FileItem';\nexport type { FileItemProps } from './FileItem';\nexport { default as FileUploadItem } from './FileUploadItem';\nexport type { FileUploadItemProps } from './FileUploadItem';\nexport { default as FileDisplay } from './FileDisplay';\nexport type { FileDisplayProps } from './FileDisplay';\nexport { default as FileVisual } from './FileVisual';\nexport type { FileVisualProps } from './FileVisual';\nexport { getKindFromMimeType, getMimeTypeFromFile } from './utils';\n"]}

package/lib/components/File/mimeTypes.json

@@ -1,123 +0,0 @@
-{
-    "7z": "application/x-7z-compressed",
-    "asf": "video/x-ms-asf",
-    "avi": "video/x-msvideo",
-    "bmp": "image/x-ms-bmp",
-    "csv": "text/csv",
-    "doc": "application/msword",
-    "docm": "application/vnd.ms-word.document.macroEnabled.12",
-    "docx": "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
-    "dot": "application/msword",
-    "dotm": "application/vnd.ms-word.template.macroEnabled.12",
-    "dotx": "application/vnd.openxmlformats-officedocument.wordprocessingml.template",
-    "eml": "message/rfc822",
-    "flac": "audio/flac",
-    "flv": "video/x-flv",
-    "gif": "image/gif",
-    "htm": "text/html",
-    "html": "text/html",
-    "ics": "text/calendar",
-    "jpe": "image/jpeg",
-    "jpeg": "image/jpeg",
-    "jpg": "image/jpeg",
-    "m4a": "audio/mpeg",
-    "mdb": "application/msaccess",
-    "mp2": "audio/mpeg",
-    "mp3": "audio/mpeg",
-    "mp4": "video/mp4",
-    "mpe": "video/mpeg",
-    "mpeg": "video/mpeg",
-    "mpega": "audio/mpeg",
-    "mpg": "video/mpeg",
-    "mpga": "audio/mpeg",
-    "mkv": "video/x-matroska",
-    "odb": "application/vnd.oasis.opendocument.database",
-    "odc": "application/vnd.oasis.opendocument.chart",
-    "odf": "application/vnd.oasis.opendocument.formula",
-    "odg": "application/vnd.oasis.opendocument.graphics",
-    "odi": "application/vnd.oasis.opendocument.image",
-    "odm": "application/vnd.oasis.opendocument.text-master",
-    "odp": "application/vnd.oasis.opendocument.presentation",
-    "ods": "application/vnd.oasis.opendocument.spreadsheet",
-    "odt": "application/vnd.oasis.opendocument.text",
-    "oga": "audio/ogg",
-    "ogg": "audio/ogg",
-    "ogv": "video/ogg",
-    "ogx": "application/ogg",
-    "otg": "application/vnd.oasis.opendocument.graphics-template",
-    "oth": "application/vnd.oasis.opendocument.text-web",
-    "otp": "application/vnd.oasis.opendocument.presentation-template",
-    "ots": "application/vnd.oasis.opendocument.spreadsheet-template",
-    "ott": "application/vnd.oasis.opendocument.text-template",
-    "pcx": "image/pcx",
-    "pdf": "application/pdf",
-    "png": "image/png",
-    "pot": "application/vnd.ms-powerpoint.template",
-    "potm": "application/vnd.ms-powerpoint.template.macroEnabled.12",
-    "potx": "application/vnd.openxmlformats-officedocument.presentationml.template",
-    "ppam": "application/vnd.ms-powerpoint.addin.macroEnabled.12",
-    "ppm": "image/x-portable-pixmap",
-    "pps": "application/vnd.ms-powerpoint",
-    "ppsm": "application/vnd.ms-powerpoint.slideshow.macroEnabled.12",
-    "ppsx": "application/vnd.openxmlformats-officedocument.presentationml.slideshow",
-    "ppt": "application/vnd.ms-powerpoint",
-    "pptm": "application/vnd.ms-powerpoint.presentation.macroEnabled.12",
-    "pptx": "application/vnd.openxmlformats-officedocument.presentationml.presentation",
-    "qt": "video/quicktime",
-    "mov": "video/quicktime",
-    "rar": "application/rar",
-    "rtf": "application/rtf",
-    "rtx": "text/richtext",
-    "sda": "application/vnd.stardivision.draw",
-    "sdc": "application/vnd.stardivision.calc",
-    "sdd": "application/vnd.stardivision.impress",
-    "sds": "application/vnd.stardivision.chart",
-    "sdw": "application/vnd.stardivision.writer",
-    "sgl": "application/vnd.stardivision.writer-global",
-    "shtml": "text/html",
-    "sldm": "application/vnd.ms-powerpoint.slide.macroEnabled.12",
-    "sldx": "application/vnd.openxmlformats-officedocument.presentationml.slide",
-    "spx": "audio/ogg",
-    "stc": "application/vnd.sun.xml.calc.template",
-    "std": "application/vnd.sun.xml.draw.template",
-    "sti": "application/vnd.sun.xml.impress.template",
-    "stw": "application/vnd.sun.xml.writer.template",
-    "svg": "image/svg+xml",
-    "svgz": "image/svg+xml",
-    "swf": "application/x-shockwave-flash",
-    "swfl": "application/x-shockwave-flash",
-    "sxc": "application/vnd.sun.xml.calc",
-    "sxd": "application/vnd.sun.xml.draw",
-    "sxg": "application/vnd.sun.xml.writer.global",
-    "sxi": "application/vnd.sun.xml.impress",
-    "sxm": "application/vnd.sun.xml.math",
-    "sxw": "application/vnd.sun.xml.writer",
-    "text": "text/plain",
-    "tiff": "image/tiff",
-    "tif": "image/tiff",
-    "tsv": "text/tab-separated-values",
-    "txt": "text/plain",
-    "vcf": "text/x-vcard",
-    "vcs": "text/x-vcalendar",
-    "wav": "audio/x-wav",
-    "webm": "video/webm",
-    "wm": "video/x-ms-wm",
-    "wma": "audio/x-ms-wma",
-    "wmv": "video/x-ms-wmv",
-    "wp5": "application/vnd.wordperfect5.1",
-    "wpd": "application/vnd.wordperfect",
-    "xbm": "image/x-xbitmap",
-    "xcf": "application/x-xcf",
-    "xht": "application/xhtml+xml",
-    "xhtml": "application/xhtml+xml",
-    "xlam": "application/vnd.ms-excel.addin.macroEnabled.12",
-    "xls": "application/vnd.ms-excel",
-    "xlsb": "application/vnd.ms-excel.sheet.binary.macroEnabled.12",
-    "xlsm": "application/vnd.ms-excel.sheet.macroEnabled.12",
-    "xlsx": "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-    "xlt": "application/vnd.ms-excel",
-    "xltm": "application/vnd.ms-excel.template.macroEnabled.12",
-    "xltx": "application/vnd.openxmlformats-officedocument.spreadsheetml.template",
-    "xml": "application/xml",
-    "zip": "application/zip"
-}

package/lib/components/File/utils.d.ts

@@ -1,9 +0,0 @@
-export type AttachmentType = 'generic' | 'image' | 'video' | 'audio' | 'pdf' | 'archive' | 'text' | 'message' | 'link' | 'database' | 'document' | 'spreadsheet' | 'presentation';
-/**
- * Returns approximately correct mime type for given file based upon the extension. Only few extensions are recognized.
- * @param fileName file name or url to discover the mime type from.
- * @returns mime type associated to the file.
- */
-export declare const getMimeTypeFromFile: (fileName: string) => string | undefined;
-export declare const getKindFromMimeType: (mimeType: string) => AttachmentType;
-//# sourceMappingURL=utils.d.ts.map

package/lib/components/File/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/File/utils.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,cAAc,GACtB,SAAS,GACT,OAAO,GACP,OAAO,GACP,OAAO,GACP,KAAK,GACL,SAAS,GACT,MAAM,GACN,SAAS,GACT,MAAM,GACN,UAAU,GACV,UAAU,GACV,aAAa,GACb,cAAc,CAAC;AAEnB;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,aAAc,MAAM,KAAG,MAAM,GAAG,SAG/D,CAAC;AAEF,eAAO,MAAM,mBAAmB,aAAc,MAAM,KAAG,cActD,CAAC"}

package/lib/components/File/utils.js

@@ -1,37 +0,0 @@
-import mimeTypes from './mimeTypes.json';
-/**
- * Returns approximately correct mime type for given file based upon the extension. Only few extensions are recognized.
- * @param fileName file name or url to discover the mime type from.
- * @returns mime type associated to the file.
- */
-export const getMimeTypeFromFile = (fileName) => {
-    const fileExt = fileName.split('.').pop() ?? fileName;
-    return mimeTypes[fileExt.toLowerCase()];
-};
-export const getKindFromMimeType = (mimeType) => {
-    let type = 'generic';
-    if (mimeType.startsWith('video/'))
-        type = 'video';
-    if (mimeType.startsWith('audio/'))
-        type = 'audio';
-    if (mimeType.startsWith('image/'))
-        type = 'image';
-    if (mimeType.startsWith('text/'))
-        type = 'text';
-    if (mimeType.startsWith('message/'))
-        type = 'message';
-    if (mimeType.endsWith('/pdf'))
-        type = 'pdf';
-    if (mimeType.match(/powerpoint|presentation|impress/))
-        type = 'presentation';
-    if (mimeType.match(/excel|spreadsheet|calc/))
-        type = 'spreadsheet';
-    if (mimeType.match(/word|writer|text/))
-        type = 'document';
-    if (mimeType.match(/access|database/))
-        type = 'database';
-    if (mimeType.match(/zip|rar|7z/))
-        type = 'archive';
-    return type;
-};
-//# sourceMappingURL=utils.js.map

package/lib/components/File/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/File/utils.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,kBAAkB,CAAC;AAiBzC;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,QAAgB,EAAsB,EAAE;IAC1E,MAAM,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,QAAQ,CAAC;IACtD,OAAQ,SAAoC,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;AACtE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,QAAgB,EAAkB,EAAE;IACtE,IAAI,IAAI,GAAmB,SAAS,CAAC;IACrC,IAAI,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC;QAAE,IAAI,GAAG,OAAO,CAAC;IAClD,IAAI,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC;QAAE,IAAI,GAAG,OAAO,CAAC;IAClD,IAAI,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC;QAAE,IAAI,GAAG,OAAO,CAAC;IAClD,IAAI,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC;QAAE,IAAI,GAAG,MAAM,CAAC;IAChD,IAAI,QAAQ,CAAC,UAAU,CAAC,UAAU,CAAC;QAAE,IAAI,GAAG,SAAS,CAAC;IACtD,IAAI,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC;QAAE,IAAI,GAAG,KAAK,CAAC;IAC5C,IAAI,QAAQ,CAAC,KAAK,CAAC,iCAAiC,CAAC;QAAE,IAAI,GAAG,cAAc,CAAC;IAC7E,IAAI,QAAQ,CAAC,KAAK,CAAC,wBAAwB,CAAC;QAAE,IAAI,GAAG,aAAa,CAAC;IACnE,IAAI,QAAQ,CAAC,KAAK,CAAC,kBAAkB,CAAC;QAAE,IAAI,GAAG,UAAU,CAAC;IAC1D,IAAI,QAAQ,CAAC,KAAK,CAAC,iBAAiB,CAAC;QAAE,IAAI,GAAG,UAAU,CAAC;IACzD,IAAI,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC;QAAE,IAAI,GAAG,SAAS,CAAC;IACnD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC","sourcesContent":["import mimeTypes from './mimeTypes.json';\n\nexport type AttachmentType =\n  | 'generic'\n  | 'image'\n  | 'video'\n  | 'audio'\n  | 'pdf'\n  | 'archive'\n  | 'text'\n  | 'message'\n  | 'link'\n  | 'database'\n  | 'document'\n  | 'spreadsheet'\n  | 'presentation';\n\n/**\n * Returns approximately correct mime type for given file based upon the extension. Only few extensions are recognized.\n * @param fileName file name or url to discover the mime type from.\n * @returns mime type associated to the file.\n */\nexport const getMimeTypeFromFile = (fileName: string): string | undefined => {\n  const fileExt = fileName.split('.').pop() ?? fileName;\n  return (mimeTypes as Record<string, string>)[fileExt.toLowerCase()];\n};\n\nexport const getKindFromMimeType = (mimeType: string): AttachmentType => {\n  let type: AttachmentType = 'generic';\n  if (mimeType.startsWith('video/')) type = 'video';\n  if (mimeType.startsWith('audio/')) type = 'audio';\n  if (mimeType.startsWith('image/')) type = 'image';\n  if (mimeType.startsWith('text/')) type = 'text';\n  if (mimeType.startsWith('message/')) type = 'message';\n  if (mimeType.endsWith('/pdf')) type = 'pdf';\n  if (mimeType.match(/powerpoint|presentation|impress/)) type = 'presentation';\n  if (mimeType.match(/excel|spreadsheet|calc/)) type = 'spreadsheet';\n  if (mimeType.match(/word|writer|text/)) type = 'document';\n  if (mimeType.match(/access|database/)) type = 'database';\n  if (mimeType.match(/zip|rar|7z/)) type = 'archive';\n  return type;\n};\n"]}

package/lib/components/Flex/Flex.d.ts

@@ -1,79 +0,0 @@
-import { FunctionComponent, Ref, ReactNode } from 'react';
-import { ForwardProps, BaseProps, AsProp, RequireAtLeastOne } from '../../types';
-type PaddingValue = number | undefined;
-export interface FlexContainerProps {
-    /** Display as inline-flex. */
-    inline?: boolean;
-    /** Padding on the container represented as a multiplier or set of multipliers to the base spacing value in the theme. */
-    pad?: number | [blockInline: PaddingValue] | [block: PaddingValue, inline: PaddingValue] | [blockStart: PaddingValue, inline: PaddingValue, blockEnd: PaddingValue] | [
-        blockStart: PaddingValue,
-        inlineEnd: PaddingValue,
-        inlineStart: PaddingValue,
-        blockEnd: PaddingValue
-    ];
-    /** [flex-direction](https://css-tricks.com/almanac/properties/f/flex-direction/) */
-    direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
-    /** [justify-content](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content) */
-    justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly' | 'stretch';
-    /** [flex-wrap](https://css-tricks.com/almanac/properties/f/flex-wrap/) */
-    wrap?: 'wrap' | 'nowrap' | 'wrap-reverse';
-    /** [align-items](https://css-tricks.com/almanac/properties/a/align-items/). */
-    alignItems?: 'stretch' | 'start' | 'end' | 'center' | 'baseline';
-    /** [align-content](https://css-tricks.com/almanac/properties/a/align-content/) */
-    alignContent?: 'start' | 'end' | 'center' | 'between' | 'around' | 'stretch';
-    /**
-     * Defines how much equal space to place between items represented as a multiplier to the base spacing value in the theme.
-     * @deprecated
-     */
-    itemGap?: number;
-    /**
-     * Defines how much equal space to place between columns represented as a multiplier to the base spacing value in the theme.
-     * [column-gap](https://css-tricks.com/almanac/properties/c/column-gap/)
-     */
-    colGap?: number;
-    /**
-     * Defines how much equal space to place between rows represented as a multiplier to the base spacing value in the theme.
-     * [row-gap](https://css-tricks.com/almanac/properties/r/row-gap/)
-     */
-    rowGap?: number;
-    /**
-     * Defines how much equal space to place between both rows and columns represented as a multiplier to the base spacing value in the theme.
-     * [gap](https://css-tricks.com/almanac/properties/g/gap/)
-     */
-    gap?: number;
-}
-export interface FlexItemProps {
-    /** [align-self](https://css-tricks.com/almanac/properties/a/align-self/) */
-    alignSelf?: 'auto' | 'start' | 'end' | 'baseline' | 'center' | 'stretch';
-    /** [flex-grow](https://css-tricks.com/almanac/properties/f/flex-grow/) */
-    grow?: number;
-    /** [flex-shrink](https://css-tricks.com/almanac/properties/f/flex-shrink/) */
-    shrink?: number;
-    /** [flex-basis](https://css-tricks.com/almanac/properties/f/flex-basis/) */
-    basis?: string;
-}
-export interface BaseFlexProps {
-    container?: FlexContainerProps | true;
-    item?: FlexItemProps;
-}
-type BreakpointFlexProps = RequireAtLeastOne<BaseFlexProps, 'container' | 'item'>;
-export type FlexProps = RequireAtLeastOne<BaseFlexProps & BaseProps & AsProp & {
-    /** Content for either a container or item. */
-    children?: ReactNode;
-    /** Ref for the flex element. */
-    ref?: Ref<Element>;
-    /** Override props at extra small screen sizes and above. */
-    xs?: BreakpointFlexProps;
-    /** Override props at small screen sizes and above. */
-    sm?: BreakpointFlexProps;
-    /** Override props at medium screen sizes and above. */
-    md?: BreakpointFlexProps;
-    /** Override props at large screen sizes and above. */
-    lg?: BreakpointFlexProps;
-    /** Override props at extra large screen sizes and above. */
-    xl?: BreakpointFlexProps;
-}, 'container' | 'item' | 'xs' | 'sm' | 'md' | 'lg' | 'xl'>;
-export declare const StyledFlex: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {} & FlexProps, never>;
-declare const Flex: FunctionComponent<FlexProps & ForwardProps>;
-export default Flex;
-//# sourceMappingURL=Flex.d.ts.map

package/lib/components/Flex/Flex.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":"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"}