@veeqo/ui 12.5.1 → 13.1.0

package/dist/components/UploadedFile/hooks/usePreviewImage/usePreviewImage.js

@@ -0,0 +1,34 @@
+import { useState, useEffect } from 'react';
+import { isImageType } from '../../utils/isImageType/isImageType.js';
+
+const usePreviewImage = ({ file }) => {
+    const [previewSrc, setPreviewSrc] = useState('');
+    useEffect(() => {
+        if (!file) {
+            setPreviewSrc('');
+            return undefined;
+        }
+        if (!isImageType(file)) {
+            setPreviewSrc('');
+            return undefined;
+        }
+        const fileReader = new FileReader();
+        fileReader.onload = (event) => {
+            var _a;
+            const imageUrl = (_a = event.target) === null || _a === undefined ? undefined : _a.result;
+            setPreviewSrc(String(imageUrl));
+        };
+        fileReader.readAsDataURL(file);
+        return () => {
+            fileReader.abort();
+        };
+    }, [file]);
+    const shouldShowPreview = file ? isImageType(file) : false;
+    return {
+        previewSrc,
+        shouldShowPreview,
+    };
+};
+
+export { usePreviewImage };
+//# sourceMappingURL=usePreviewImage.js.map

package/dist/components/UploadedFile/hooks/usePreviewImage/usePreviewImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePreviewImage.js","sources":["../../../../../src/components/UploadedFile/hooks/usePreviewImage/usePreviewImage.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { isImageType } from '../../utils/isImageType';\n\ntype UsePreviewImageProps = {\n  file?: File | null;\n};\n\nexport const usePreviewImage = ({ file }: UsePreviewImageProps) => {\n  const [previewSrc, setPreviewSrc] = useState('');\n\n  useEffect(() => {\n    if (!file) {\n      setPreviewSrc('');\n      return undefined;\n    }\n\n    if (!isImageType(file)) {\n      setPreviewSrc('');\n      return undefined;\n    }\n\n    const fileReader = new FileReader();\n\n    fileReader.onload = (event) => {\n      const imageUrl = event.target?.result;\n      setPreviewSrc(String(imageUrl));\n    };\n\n    fileReader.readAsDataURL(file);\n\n    return () => {\n      fileReader.abort();\n    };\n  }, [file]);\n\n  const shouldShowPreview = file ? isImageType(file) : false;\n\n  return {\n    previewSrc,\n    shouldShowPreview,\n  };\n};\n"],"names":[],"mappings":";;;MAOa,eAAe,GAAG,CAAC,EAAE,IAAI,EAAwB,KAAI;IAChE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC;IAEhD,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,IAAI,EAAE;YACT,aAAa,CAAC,EAAE,CAAC;AACjB,YAAA,OAAO,SAAS;AACjB;AAED,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE;YACtB,aAAa,CAAC,EAAE,CAAC;AACjB,YAAA,OAAO,SAAS;AACjB;AAED,QAAA,MAAM,UAAU,GAAG,IAAI,UAAU,EAAE;AAEnC,QAAA,UAAU,CAAC,MAAM,GAAG,CAAC,KAAK,KAAI;;YAC5B,MAAM,QAAQ,GAAG,CAAA,EAAA,GAAA,KAAK,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,MAAM;AACrC,YAAA,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;AACjC,SAAC;AAED,QAAA,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC;AAE9B,QAAA,OAAO,MAAK;YACV,UAAU,CAAC,KAAK,EAAE;AACpB,SAAC;AACH,KAAC,EAAE,CAAC,IAAI,CAAC,CAAC;AAEV,IAAA,MAAM,iBAAiB,GAAG,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,GAAG,KAAK;IAE1D,OAAO;QACL,UAAU;QACV,iBAAiB;KAClB;AACH;;;;"}

package/dist/components/UploadedFile/index.d.ts

@@ -0,0 +1 @@
+export { UploadedFile } from './UploadedFile';

package/dist/components/UploadedFile/utils/convertFileTypeToAcceptedFileType/convertFileTypeToAcceptedFileType.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+const convertFileTypeToAcceptedFileType = (fileType) => {
+    if (typeof fileType !== 'string' || !fileType.includes('/')) {
+        throw new Error('Invalid MIME type');
+    }
+    // Remove any MIME parameter (e.g., ";charset=UTF-8")
+    const [typePart] = fileType.split(';');
+    const [group, type] = typePart.trim().split('/');
+    if (!group || !type) {
+        throw new Error('Invalid MIME type');
+    }
+    return `.${type}`;
+};
+
+exports.convertFileTypeToAcceptedFileType = convertFileTypeToAcceptedFileType;
+//# sourceMappingURL=convertFileTypeToAcceptedFileType.cjs.map

package/dist/components/UploadedFile/utils/convertFileTypeToAcceptedFileType/convertFileTypeToAcceptedFileType.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"convertFileTypeToAcceptedFileType.cjs","sources":["../../../../../src/components/UploadedFile/utils/convertFileTypeToAcceptedFileType/convertFileTypeToAcceptedFileType.ts"],"sourcesContent":["export const convertFileTypeToAcceptedFileType = (fileType: string) => {\n  if (typeof fileType !== 'string' || !fileType.includes('/')) {\n    throw new Error('Invalid MIME type');\n  }\n  // Remove any MIME parameter (e.g., \";charset=UTF-8\")\n  const [typePart] = fileType.split(';');\n  const [group, type] = typePart.trim().split('/');\n  if (!group || !type) {\n    throw new Error('Invalid MIME type');\n  }\n  return `.${type}`;\n};\n"],"names":[],"mappings":";;AAAa,MAAA,iCAAiC,GAAG,CAAC,QAAgB,KAAI;AACpE,IAAA,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;AAC3D,QAAA,MAAM,IAAI,KAAK,CAAC,mBAAmB,CAAC;AACrC;;IAED,MAAM,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC;AACtC,IAAA,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC;AAChD,IAAA,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,EAAE;AACnB,QAAA,MAAM,IAAI,KAAK,CAAC,mBAAmB,CAAC;AACrC;IACD,OAAO,CAAA,CAAA,EAAI,IAAI,CAAA,CAAE;AACnB;;;;"}

package/dist/components/UploadedFile/utils/convertFileTypeToAcceptedFileType/convertFileTypeToAcceptedFileType.d.ts

@@ -0,0 +1 @@
+export declare const convertFileTypeToAcceptedFileType: (fileType: string) => string;

package/dist/components/UploadedFile/utils/convertFileTypeToAcceptedFileType/convertFileTypeToAcceptedFileType.js

@@ -0,0 +1,15 @@
+const convertFileTypeToAcceptedFileType = (fileType) => {
+    if (typeof fileType !== 'string' || !fileType.includes('/')) {
+        throw new Error('Invalid MIME type');
+    }
+    // Remove any MIME parameter (e.g., ";charset=UTF-8")
+    const [typePart] = fileType.split(';');
+    const [group, type] = typePart.trim().split('/');
+    if (!group || !type) {
+        throw new Error('Invalid MIME type');
+    }
+    return `.${type}`;
+};
+
+export { convertFileTypeToAcceptedFileType };
+//# sourceMappingURL=convertFileTypeToAcceptedFileType.js.map

package/dist/components/UploadedFile/utils/convertFileTypeToAcceptedFileType/convertFileTypeToAcceptedFileType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"convertFileTypeToAcceptedFileType.js","sources":["../../../../../src/components/UploadedFile/utils/convertFileTypeToAcceptedFileType/convertFileTypeToAcceptedFileType.ts"],"sourcesContent":["export const convertFileTypeToAcceptedFileType = (fileType: string) => {\n  if (typeof fileType !== 'string' || !fileType.includes('/')) {\n    throw new Error('Invalid MIME type');\n  }\n  // Remove any MIME parameter (e.g., \";charset=UTF-8\")\n  const [typePart] = fileType.split(';');\n  const [group, type] = typePart.trim().split('/');\n  if (!group || !type) {\n    throw new Error('Invalid MIME type');\n  }\n  return `.${type}`;\n};\n"],"names":[],"mappings":"AAAa,MAAA,iCAAiC,GAAG,CAAC,QAAgB,KAAI;AACpE,IAAA,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;AAC3D,QAAA,MAAM,IAAI,KAAK,CAAC,mBAAmB,CAAC;AACrC;;IAED,MAAM,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC;AACtC,IAAA,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC;AAChD,IAAA,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,EAAE;AACnB,QAAA,MAAM,IAAI,KAAK,CAAC,mBAAmB,CAAC;AACrC;IACD,OAAO,CAAA,CAAA,EAAI,IAAI,CAAA,CAAE;AACnB;;;;"}

package/dist/components/UploadedFile/utils/convertFileTypeToAcceptedFileType/index.d.ts

@@ -0,0 +1 @@
+export { convertFileTypeToAcceptedFileType } from './convertFileTypeToAcceptedFileType';

package/dist/components/UploadedFile/utils/isImageType/index.d.ts

@@ -0,0 +1 @@
+export { isImageType } from './isImageType';

package/dist/components/UploadedFile/utils/isImageType/isImageType.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+const isImageType = (file) => {
+    if (!file)
+        return false;
+    const fileType = file.type.split('/');
+    if (fileType[0] === 'image') {
+        return true;
+    }
+    return false;
+};
+
+exports.isImageType = isImageType;
+//# sourceMappingURL=isImageType.cjs.map

package/dist/components/UploadedFile/utils/isImageType/isImageType.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isImageType.cjs","sources":["../../../../../src/components/UploadedFile/utils/isImageType/isImageType.ts"],"sourcesContent":["export const isImageType = (file?: File | null) => {\n  if (!file) return false;\n\n  const fileType = file.type.split('/');\n\n  if (fileType[0] === 'image') {\n    return true;\n  }\n\n  return false;\n};\n"],"names":[],"mappings":";;AAAa,MAAA,WAAW,GAAG,CAAC,IAAkB,KAAI;AAChD,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,KAAK;IAEvB,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;AAErC,IAAA,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,OAAO,EAAE;AAC3B,QAAA,OAAO,IAAI;AACZ;AAED,IAAA,OAAO,KAAK;AACd;;;;"}

package/dist/components/UploadedFile/utils/isImageType/isImageType.d.ts

@@ -0,0 +1 @@
+export declare const isImageType: (file?: File | null) => boolean;

package/dist/components/UploadedFile/utils/isImageType/isImageType.js

@@ -0,0 +1,12 @@
+const isImageType = (file) => {
+    if (!file)
+        return false;
+    const fileType = file.type.split('/');
+    if (fileType[0] === 'image') {
+        return true;
+    }
+    return false;
+};
+
+export { isImageType };
+//# sourceMappingURL=isImageType.js.map

package/dist/components/UploadedFile/utils/isImageType/isImageType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isImageType.js","sources":["../../../../../src/components/UploadedFile/utils/isImageType/isImageType.ts"],"sourcesContent":["export const isImageType = (file?: File | null) => {\n  if (!file) return false;\n\n  const fileType = file.type.split('/');\n\n  if (fileType[0] === 'image') {\n    return true;\n  }\n\n  return false;\n};\n"],"names":[],"mappings":"AAAa,MAAA,WAAW,GAAG,CAAC,IAAkB,KAAI;AAChD,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,KAAK;IAEvB,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;AAErC,IAAA,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,OAAO,EAAE;AAC3B,QAAA,OAAO,IAAI;AACZ;AAED,IAAA,OAAO,KAAK;AACd;;;;"}

package/dist/components/index.d.ts

@@ -56,7 +56,9 @@ export { ToastsLayout } from './ToastsLayout';
 export { Toggle } from './Toggle';
 export { ToggleButton } from './ToggleButton';
 export { Tooltip } from './Tooltip';
-export { UploadFile, AcceptedFileTypes, FileSizeUnit } from './UploadFile';
+export { UploadFile } from './UploadFile';
+export { AcceptedFileTypes, FileSizeUnit } from './UploadFile/constants';
+export { UploadedFile } from './UploadedFile';
 export { VeeqoLogo, LogoVariant, ColorVariant } from './VeeqoLogo';
 export { VideoModal, Popup } from './VideoModal';
 export { View } from './View';
@@ -69,3 +71,4 @@ export { ThemeInjector } from './ThemeInjector';
 export { DataGrid } from './DataGrid';
 export { FlexCol } from './Flex/FlexCol';
 export { FlexRow } from './Flex/FlexRow';
+export { PhoneInput } from './PhoneInput';

package/dist/index.cjs

@@ -70,6 +70,7 @@ var ToggleButton = require('./components/ToggleButton/ToggleButton.cjs');
 var Tooltip = require('./components/Tooltip/Tooltip.cjs');
 var UploadFile = require('./components/UploadFile/UploadFile.cjs');
 var constants$1 = require('./components/UploadFile/constants.cjs');
+var UploadedFile = require('./components/UploadedFile/UploadedFile.cjs');
 var VeeqoLogo = require('./components/VeeqoLogo/VeeqoLogo.cjs');
 var VideoModal = require('./components/VideoModal/VideoModal.cjs');
 var Popup = require('./components/VideoModal/components/Popup.cjs');
@@ -83,6 +84,7 @@ var ThemeInjector = require('./components/ThemeInjector/ThemeInjector.cjs');
 var DataGrid = require('./components/DataGrid/DataGrid.cjs');
 var FlexCol = require('./components/Flex/FlexCol/FlexCol.cjs');
 var FlexRow = require('./components/Flex/FlexRow/FlexRow.cjs');
+var index$5 = require('./components/PhoneInput/index.cjs');
 var useClickOutside = require('./hooks/useClickOutside.cjs');
 var useDebounce = require('./hooks/useDebounce.cjs');
 var useDropdown = require('./hooks/useDropdown.cjs');
@@ -100,7 +102,7 @@ var buildClassnames = require('./utils/buildClassnames.cjs');
 var color = require('./utils/color.cjs');
 var generateId = require('./utils/generateId.cjs');
 var assignCssVars = require('./utils/assignCssVars.cjs');
-var index$5 = require('./theme/index.cjs');
+var index$6 = require('./theme/index.cjs');
 var AccountsIcon = require('./icons/design-system/components/AccountsIcon.cjs');
 var AccountsOutlineIcon = require('./icons/design-system/components/AccountsOutlineIcon.cjs');
 var AddIcon = require('./icons/design-system/components/AddIcon.cjs');
@@ -397,6 +399,7 @@ Object.defineProperty(exports, "FileSizeUnit", {
 	enumerable: true,
 	get: function () { return constants$1.FileSizeUnit; }
 });
+exports.UploadedFile = UploadedFile.UploadedFile;
 exports.VeeqoLogo = VeeqoLogo.VeeqoLogo;
 exports.VideoModal = VideoModal.VideoModal;
 exports.Popup = Popup.Popup;
@@ -410,6 +413,7 @@ exports.ThemeInjector = ThemeInjector.ThemeInjector;
 exports.DataGrid = DataGrid.DataGrid;
 exports.FlexCol = FlexCol.FlexCol;
 exports.FlexRow = FlexRow.FlexRow;
+exports.PhoneInput = index$5.PhoneInput;
 exports.useClickOutside = useClickOutside.useClickOutside;
 exports.useDebounce = useDebounce.useDebounce;
 exports.useDropdown = useDropdown.useDropdown;
@@ -429,7 +433,7 @@ exports.getOpaqueHexColor = color.getOpaqueHexColor;
 exports.hexToRgb = color.hexToRgb;
 exports.generateId = generateId.generateId;
 exports.assignCssVars = assignCssVars.assignCssVars;
-exports.theme = index$5.theme;
+exports.theme = index$6.theme;
 exports.AccountsIcon = AccountsIcon.ReactComponent;
 exports.AccountsOutlineIcon = AccountsOutlineIcon.ReactComponent;
 exports.AddIcon = AddIcon.ReactComponent;

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.js

@@ -68,6 +68,7 @@ export { ToggleButton } from './components/ToggleButton/ToggleButton.js';
 export { Tooltip } from './components/Tooltip/Tooltip.js';
 export { UploadFile } from './components/UploadFile/UploadFile.js';
 export { AcceptedFileTypes, FileSizeUnit } from './components/UploadFile/constants.js';
+export { UploadedFile } from './components/UploadedFile/UploadedFile.js';
 export { VeeqoLogo } from './components/VeeqoLogo/VeeqoLogo.js';
 export { VideoModal } from './components/VideoModal/VideoModal.js';
 export { Popup } from './components/VideoModal/components/Popup.js';
@@ -81,6 +82,7 @@ export { ThemeInjector } from './components/ThemeInjector/ThemeInjector.js';
 export { DataGrid } from './components/DataGrid/DataGrid.js';
 export { FlexCol } from './components/Flex/FlexCol/FlexCol.js';
 export { FlexRow } from './components/Flex/FlexRow/FlexRow.js';
+export { PhoneInput } from './components/PhoneInput/index.js';
 export { useClickOutside } from './hooks/useClickOutside.js';
 export { useDebounce } from './hooks/useDebounce.js';
 export { useDropdown } from './hooks/useDropdown.js';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veeqo/ui",
-  "version": "12.5.1",
+  "version": "13.1.0",
   "description": "New optimised component library for Veeqo.",
   "author": "Robert Wealthall",
   "license": "ISC",

package/dist/components/UploadFile/UploadGraphic.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-const UploadGraphic = () => (React__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "56", height: "56", fill: "none", role: "presentation" },
-    React__default.default.createElement("path", { fill: "#fff", d: "M0 28C0 12.536 12.536 0 28 0s28 12.536 28 28-12.536 28-28 28S0 43.464 0 28" }),
-    React__default.default.createElement("path", { fill: "#37424D", d: "M22.5 36c-1.517 0-2.812-.525-3.887-1.575-1.075-1.05-1.613-2.333-1.613-3.85 0-1.3.392-2.458 1.175-3.475s1.808-1.667 3.075-1.95c.417-1.533 1.25-2.775 2.5-3.725C25 20.475 26.417 20 28 20c1.95 0 3.604.68 4.962 2.038C34.322 23.396 35 25.05 35 27c1.15.133 2.104.63 2.862 1.488A4.407 4.407 0 0 1 39 31.5c0 1.25-.437 2.313-1.312 3.188C36.812 35.562 35.75 36 34.5 36H29c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 27 34v-5.15l-1.6 1.55L24 29l4-4 4 4-1.4 1.4-1.6-1.55V34h5.5c.7 0 1.292-.242 1.775-.725.483-.483.725-1.075.725-1.775s-.242-1.292-.725-1.775C35.792 29.242 35.2 29 34.5 29H33v-2c0-1.383-.487-2.562-1.462-3.538C30.562 22.489 29.383 22 28 22s-2.562.488-3.538 1.462C23.489 24.438 23 25.618 23 27h-.5c-.967 0-1.792.342-2.475 1.025A3.372 3.372 0 0 0 19 30.5c0 .967.342 1.792 1.025 2.475A3.372 3.372 0 0 0 22.5 34H25v2z" })));
-
-exports.UploadGraphic = UploadGraphic;
-//# sourceMappingURL=UploadGraphic.cjs.map

package/dist/components/UploadFile/UploadGraphic.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"UploadGraphic.cjs","sources":["../../../src/components/UploadFile/UploadGraphic.tsx"],"sourcesContent":["import React from 'react';\n\nexport const UploadGraphic = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"56\" height=\"56\" fill=\"none\" role=\"presentation\">\n    <path\n      fill=\"#fff\"\n      d=\"M0 28C0 12.536 12.536 0 28 0s28 12.536 28 28-12.536 28-28 28S0 43.464 0 28\"\n    />\n    <path\n      fill=\"#37424D\"\n      d=\"M22.5 36c-1.517 0-2.812-.525-3.887-1.575-1.075-1.05-1.613-2.333-1.613-3.85 0-1.3.392-2.458 1.175-3.475s1.808-1.667 3.075-1.95c.417-1.533 1.25-2.775 2.5-3.725C25 20.475 26.417 20 28 20c1.95 0 3.604.68 4.962 2.038C34.322 23.396 35 25.05 35 27c1.15.133 2.104.63 2.862 1.488A4.407 4.407 0 0 1 39 31.5c0 1.25-.437 2.313-1.312 3.188C36.812 35.562 35.75 36 34.5 36H29c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 27 34v-5.15l-1.6 1.55L24 29l4-4 4 4-1.4 1.4-1.6-1.55V34h5.5c.7 0 1.292-.242 1.775-.725.483-.483.725-1.075.725-1.775s-.242-1.292-.725-1.775C35.792 29.242 35.2 29 34.5 29H33v-2c0-1.383-.487-2.562-1.462-3.538C30.562 22.489 29.383 22 28 22s-2.562.488-3.538 1.462C23.489 24.438 23 25.618 23 27h-.5c-.967 0-1.792.342-2.475 1.025A3.372 3.372 0 0 0 19 30.5c0 .967.342 1.792 1.025 2.475A3.372 3.372 0 0 0 22.5 34H25v2z\"\n    />\n  </svg>\n);\n"],"names":["React"],"mappings":";;;;;;;;AAEa,MAAA,aAAa,GAAG,OAC3BA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,cAAc,EAAA;AAC5F,IAAAA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAC,MAAM,EACX,CAAC,EAAC,4EAA4E,EAC9E,CAAA;IACFA,sBACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,kzBAAkzB,EAAA,CACpzB,CACE;;;;"}

package/dist/components/UploadFile/UploadGraphic.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const UploadGraphic: () => React.JSX.Element;

package/dist/components/UploadFile/UploadGraphic.js

@@ -1,8 +0,0 @@
-import React__default from 'react';
-
-const UploadGraphic = () => (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "56", height: "56", fill: "none", role: "presentation" },
-    React__default.createElement("path", { fill: "#fff", d: "M0 28C0 12.536 12.536 0 28 0s28 12.536 28 28-12.536 28-28 28S0 43.464 0 28" }),
-    React__default.createElement("path", { fill: "#37424D", d: "M22.5 36c-1.517 0-2.812-.525-3.887-1.575-1.075-1.05-1.613-2.333-1.613-3.85 0-1.3.392-2.458 1.175-3.475s1.808-1.667 3.075-1.95c.417-1.533 1.25-2.775 2.5-3.725C25 20.475 26.417 20 28 20c1.95 0 3.604.68 4.962 2.038C34.322 23.396 35 25.05 35 27c1.15.133 2.104.63 2.862 1.488A4.407 4.407 0 0 1 39 31.5c0 1.25-.437 2.313-1.312 3.188C36.812 35.562 35.75 36 34.5 36H29c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 27 34v-5.15l-1.6 1.55L24 29l4-4 4 4-1.4 1.4-1.6-1.55V34h5.5c.7 0 1.292-.242 1.775-.725.483-.483.725-1.075.725-1.775s-.242-1.292-.725-1.775C35.792 29.242 35.2 29 34.5 29H33v-2c0-1.383-.487-2.562-1.462-3.538C30.562 22.489 29.383 22 28 22s-2.562.488-3.538 1.462C23.489 24.438 23 25.618 23 27h-.5c-.967 0-1.792.342-2.475 1.025A3.372 3.372 0 0 0 19 30.5c0 .967.342 1.792 1.025 2.475A3.372 3.372 0 0 0 22.5 34H25v2z" })));
-
-export { UploadGraphic };
-//# sourceMappingURL=UploadGraphic.js.map

package/dist/components/UploadFile/UploadGraphic.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UploadGraphic.js","sources":["../../../src/components/UploadFile/UploadGraphic.tsx"],"sourcesContent":["import React from 'react';\n\nexport const UploadGraphic = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"56\" height=\"56\" fill=\"none\" role=\"presentation\">\n    <path\n      fill=\"#fff\"\n      d=\"M0 28C0 12.536 12.536 0 28 0s28 12.536 28 28-12.536 28-28 28S0 43.464 0 28\"\n    />\n    <path\n      fill=\"#37424D\"\n      d=\"M22.5 36c-1.517 0-2.812-.525-3.887-1.575-1.075-1.05-1.613-2.333-1.613-3.85 0-1.3.392-2.458 1.175-3.475s1.808-1.667 3.075-1.95c.417-1.533 1.25-2.775 2.5-3.725C25 20.475 26.417 20 28 20c1.95 0 3.604.68 4.962 2.038C34.322 23.396 35 25.05 35 27c1.15.133 2.104.63 2.862 1.488A4.407 4.407 0 0 1 39 31.5c0 1.25-.437 2.313-1.312 3.188C36.812 35.562 35.75 36 34.5 36H29c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 27 34v-5.15l-1.6 1.55L24 29l4-4 4 4-1.4 1.4-1.6-1.55V34h5.5c.7 0 1.292-.242 1.775-.725.483-.483.725-1.075.725-1.775s-.242-1.292-.725-1.775C35.792 29.242 35.2 29 34.5 29H33v-2c0-1.383-.487-2.562-1.462-3.538C30.562 22.489 29.383 22 28 22s-2.562.488-3.538 1.462C23.489 24.438 23 25.618 23 27h-.5c-.967 0-1.792.342-2.475 1.025A3.372 3.372 0 0 0 19 30.5c0 .967.342 1.792 1.025 2.475A3.372 3.372 0 0 0 22.5 34H25v2z\"\n    />\n  </svg>\n);\n"],"names":["React"],"mappings":";;AAEa,MAAA,aAAa,GAAG,OAC3BA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,cAAc,EAAA;AAC5F,IAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAC,MAAM,EACX,CAAC,EAAC,4EAA4E,EAC9E,CAAA;IACFA,cACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,kzBAAkzB,EAAA,CACpzB,CACE;;;;"}

package/dist/components/UploadFile/components/UploadFileErrors/UploadFileErrors.cjs

@@ -1,31 +0,0 @@
-'use strict';
-
-var React = require('react');
-var styled = require('../../../../hoc/withLabels/styled.cjs');
-var CriticalIcon = require('../../../../icons/design-system/components/CriticalIcon.cjs');
-var index = require('../../../../theme/index.cjs');
-var FlexRow = require('../../../Flex/FlexRow/FlexRow.cjs');
-var FlexCol = require('../../../Flex/FlexCol/FlexCol.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-const UploadFileErrors = ({ acceptedTypesCopy, maxSizeCopy }) => {
-    if (!acceptedTypesCopy && !maxSizeCopy)
-        return null;
-    return (React__default.default.createElement(FlexRow.FlexRow, { alignItems: "baseline" },
-        React__default.default.createElement(CriticalIcon.ReactComponent, { width: 16, height: 16, color: index.theme.colors.secondary.red.base }),
-        React__default.default.createElement(FlexCol.FlexCol, null,
-            acceptedTypesCopy && React__default.default.createElement(styled.Error, null,
-                "Invalid format (",
-                acceptedTypesCopy,
-                ")"),
-            maxSizeCopy && React__default.default.createElement(styled.Error, null,
-                "File is too big (",
-                maxSizeCopy,
-                ")"))));
-};
-
-exports.UploadFileErrors = UploadFileErrors;
-//# sourceMappingURL=UploadFileErrors.cjs.map

package/dist/components/UploadFile/components/UploadFileErrors/UploadFileErrors.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"UploadFileErrors.cjs","sources":["../../../../../src/components/UploadFile/components/UploadFileErrors/UploadFileErrors.tsx"],"sourcesContent":["import React from 'react';\nimport { Error } from '../../../../hoc/withLabels/styled';\nimport { CriticalIcon } from '../../../../icons';\nimport { theme } from '../../../../theme';\nimport { FlexRow } from '../../../Flex/FlexRow';\nimport { FlexCol } from '../../../Flex/FlexCol';\n\ntype UploadFileErrorsProps = {\n  acceptedTypesCopy?: string;\n  maxSizeCopy?: string;\n};\n\nexport const UploadFileErrors = ({ acceptedTypesCopy, maxSizeCopy }: UploadFileErrorsProps) => {\n  if (!acceptedTypesCopy && !maxSizeCopy) return null;\n\n  return (\n    <FlexRow alignItems=\"baseline\">\n      <CriticalIcon width={16} height={16} color={theme.colors.secondary.red.base} />\n      <FlexCol>\n        {acceptedTypesCopy && <Error>Invalid format ({acceptedTypesCopy})</Error>}\n        {maxSizeCopy && <Error>File is too big ({maxSizeCopy})</Error>}\n      </FlexCol>\n    </FlexRow>\n  );\n};\n"],"names":["React","FlexRow","CriticalIcon","theme","FlexCol","Error"],"mappings":";;;;;;;;;;;;;AAYa,MAAA,gBAAgB,GAAG,CAAC,EAAE,iBAAiB,EAAE,WAAW,EAAyB,KAAI;AAC5F,IAAA,IAAI,CAAC,iBAAiB,IAAI,CAAC,WAAW;AAAE,QAAA,OAAO,IAAI;AAEnD,IAAA,QACEA,sBAAC,CAAA,aAAA,CAAAC,eAAO,EAAC,EAAA,UAAU,EAAC,UAAU,EAAA;QAC5BD,sBAAC,CAAA,aAAA,CAAAE,2BAAY,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAEC,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAI,CAAA;AAC/E,QAAAH,sBAAA,CAAA,aAAA,CAACI,eAAO,EAAA,IAAA;YACL,iBAAiB,IAAIJ,qCAACK,YAAK,EAAA,IAAA;;gBAAkB,iBAAiB;AAAU,gBAAA,GAAA,CAAA;YACxE,WAAW,IAAIL,qCAACK,YAAK,EAAA,IAAA;;gBAAmB,WAAW;oBAAU,CACtD,CACF;AAEd;;;;"}

package/dist/components/UploadFile/components/UploadFileErrors/UploadFileErrors.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-type UploadFileErrorsProps = {
-    acceptedTypesCopy?: string;
-    maxSizeCopy?: string;
-};
-export declare const UploadFileErrors: ({ acceptedTypesCopy, maxSizeCopy }: UploadFileErrorsProps) => React.JSX.Element | null;
-export {};

package/dist/components/UploadFile/components/UploadFileErrors/UploadFileErrors.js

@@ -1,25 +0,0 @@
-import React__default from 'react';
-import { Error } from '../../../../hoc/withLabels/styled.js';
-import { ReactComponent as CriticalIcon } from '../../../../icons/design-system/components/CriticalIcon.js';
-import { theme } from '../../../../theme/index.js';
-import { FlexRow } from '../../../Flex/FlexRow/FlexRow.js';
-import { FlexCol } from '../../../Flex/FlexCol/FlexCol.js';
-
-const UploadFileErrors = ({ acceptedTypesCopy, maxSizeCopy }) => {
-    if (!acceptedTypesCopy && !maxSizeCopy)
-        return null;
-    return (React__default.createElement(FlexRow, { alignItems: "baseline" },
-        React__default.createElement(CriticalIcon, { width: 16, height: 16, color: theme.colors.secondary.red.base }),
-        React__default.createElement(FlexCol, null,
-            acceptedTypesCopy && React__default.createElement(Error, null,
-                "Invalid format (",
-                acceptedTypesCopy,
-                ")"),
-            maxSizeCopy && React__default.createElement(Error, null,
-                "File is too big (",
-                maxSizeCopy,
-                ")"))));
-};
-
-export { UploadFileErrors };
-//# sourceMappingURL=UploadFileErrors.js.map

package/dist/components/UploadFile/components/UploadFileErrors/UploadFileErrors.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UploadFileErrors.js","sources":["../../../../../src/components/UploadFile/components/UploadFileErrors/UploadFileErrors.tsx"],"sourcesContent":["import React from 'react';\nimport { Error } from '../../../../hoc/withLabels/styled';\nimport { CriticalIcon } from '../../../../icons';\nimport { theme } from '../../../../theme';\nimport { FlexRow } from '../../../Flex/FlexRow';\nimport { FlexCol } from '../../../Flex/FlexCol';\n\ntype UploadFileErrorsProps = {\n  acceptedTypesCopy?: string;\n  maxSizeCopy?: string;\n};\n\nexport const UploadFileErrors = ({ acceptedTypesCopy, maxSizeCopy }: UploadFileErrorsProps) => {\n  if (!acceptedTypesCopy && !maxSizeCopy) return null;\n\n  return (\n    <FlexRow alignItems=\"baseline\">\n      <CriticalIcon width={16} height={16} color={theme.colors.secondary.red.base} />\n      <FlexCol>\n        {acceptedTypesCopy && <Error>Invalid format ({acceptedTypesCopy})</Error>}\n        {maxSizeCopy && <Error>File is too big ({maxSizeCopy})</Error>}\n      </FlexCol>\n    </FlexRow>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;AAYa,MAAA,gBAAgB,GAAG,CAAC,EAAE,iBAAiB,EAAE,WAAW,EAAyB,KAAI;AAC5F,IAAA,IAAI,CAAC,iBAAiB,IAAI,CAAC,WAAW;AAAE,QAAA,OAAO,IAAI;AAEnD,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,OAAO,EAAC,EAAA,UAAU,EAAC,UAAU,EAAA;QAC5BA,cAAC,CAAA,aAAA,CAAA,YAAY,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAI,CAAA;AAC/E,QAAAA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,IAAA;YACL,iBAAiB,IAAIA,6BAAC,KAAK,EAAA,IAAA;;gBAAkB,iBAAiB;AAAU,gBAAA,GAAA,CAAA;YACxE,WAAW,IAAIA,6BAAC,KAAK,EAAA,IAAA;;gBAAmB,WAAW;oBAAU,CACtD,CACF;AAEd;;;;"}

package/dist/components/UploadFile/components/UploadedFile/UploadedFile.cjs

@@ -1,21 +0,0 @@
-'use strict';
-
-var React = require('react');
-var Button = require('../../../Button/Button.cjs');
-var CrossIcon = require('../../../../icons/design-system/components/CrossIcon.cjs');
-var styled = require('./styled.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-const UploadedFile = ({ file, resetSelection, disabled }) => {
-    if (!file)
-        return null;
-    return (React__default.default.createElement(styled.UploadedFilesListStack, { alignX: "between", direction: "horizontal", alignY: "center" },
-        React__default.default.createElement(styled.SingleLineText, { variant: "body" }, file === null || file === undefined ? undefined : file.name),
-        React__default.default.createElement(Button.Button, { size: "sm", variant: "flat", onClick: resetSelection, iconSlot: React__default.default.createElement(CrossIcon.ReactComponent, null), "aria-label": "Remove file", disabled: disabled })));
-};
-
-exports.UploadedFile = UploadedFile;
-//# sourceMappingURL=UploadedFile.cjs.map

package/dist/components/UploadFile/components/UploadedFile/UploadedFile.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"UploadedFile.cjs","sources":["../../../../../src/components/UploadFile/components/UploadedFile/UploadedFile.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '../../../Button';\nimport { CrossIcon } from '../../../../icons';\nimport { SingleLineText, UploadedFilesListStack } from './styled';\n\ntype UploadedFileProps = {\n  file?: File;\n  resetSelection: () => void;\n  disabled?: boolean;\n};\n\nexport const UploadedFile = ({ file, resetSelection, disabled }: UploadedFileProps) => {\n  if (!file) return null;\n\n  return (\n    <UploadedFilesListStack alignX=\"between\" direction=\"horizontal\" alignY=\"center\">\n      <SingleLineText variant=\"body\">{file?.name}</SingleLineText>\n      <Button\n        size=\"sm\"\n        variant=\"flat\"\n        onClick={resetSelection}\n        iconSlot={<CrossIcon />}\n        aria-label=\"Remove file\"\n        disabled={disabled}\n      />\n    </UploadedFilesListStack>\n  );\n};\n"],"names":["React","UploadedFilesListStack","SingleLineText","Button","CrossIcon"],"mappings":";;;;;;;;;;;AAWO,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAqB,KAAI;AACpF,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,IAAI;AAEtB,IAAA,QACEA,sBAAA,CAAA,aAAA,CAACC,6BAAsB,EAAA,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAA;AAC7E,QAAAD,sBAAA,CAAA,aAAA,CAACE,qBAAc,EAAA,EAAC,OAAO,EAAC,MAAM,EAAA,EAAE,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,SAAA,GAAA,SAAA,GAAJ,IAAI,CAAE,IAAI,CAAkB;AAC5D,QAAAF,sBAAA,CAAA,aAAA,CAACG,aAAM,EAAA,EACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAEH,sBAAC,CAAA,aAAA,CAAAI,wBAAS,EAAG,IAAA,CAAA,EAAA,YAAA,EACZ,aAAa,EACxB,QAAQ,EAAE,QAAQ,EAAA,CAClB,CACqB;AAE7B;;;;"}

package/dist/components/UploadFile/components/UploadedFile/UploadedFile.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-type UploadedFileProps = {
-    file?: File;
-    resetSelection: () => void;
-    disabled?: boolean;
-};
-export declare const UploadedFile: ({ file, resetSelection, disabled }: UploadedFileProps) => React.JSX.Element | null;
-export {};

package/dist/components/UploadFile/components/UploadedFile/UploadedFile.js

@@ -1,15 +0,0 @@
-import React__default from 'react';
-import { Button } from '../../../Button/Button.js';
-import { ReactComponent as CrossIcon } from '../../../../icons/design-system/components/CrossIcon.js';
-import { UploadedFilesListStack, SingleLineText } from './styled.js';
-
-const UploadedFile = ({ file, resetSelection, disabled }) => {
-    if (!file)
-        return null;
-    return (React__default.createElement(UploadedFilesListStack, { alignX: "between", direction: "horizontal", alignY: "center" },
-        React__default.createElement(SingleLineText, { variant: "body" }, file === null || file === undefined ? undefined : file.name),
-        React__default.createElement(Button, { size: "sm", variant: "flat", onClick: resetSelection, iconSlot: React__default.createElement(CrossIcon, null), "aria-label": "Remove file", disabled: disabled })));
-};
-
-export { UploadedFile };
-//# sourceMappingURL=UploadedFile.js.map

package/dist/components/UploadFile/components/UploadedFile/UploadedFile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UploadedFile.js","sources":["../../../../../src/components/UploadFile/components/UploadedFile/UploadedFile.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '../../../Button';\nimport { CrossIcon } from '../../../../icons';\nimport { SingleLineText, UploadedFilesListStack } from './styled';\n\ntype UploadedFileProps = {\n  file?: File;\n  resetSelection: () => void;\n  disabled?: boolean;\n};\n\nexport const UploadedFile = ({ file, resetSelection, disabled }: UploadedFileProps) => {\n  if (!file) return null;\n\n  return (\n    <UploadedFilesListStack alignX=\"between\" direction=\"horizontal\" alignY=\"center\">\n      <SingleLineText variant=\"body\">{file?.name}</SingleLineText>\n      <Button\n        size=\"sm\"\n        variant=\"flat\"\n        onClick={resetSelection}\n        iconSlot={<CrossIcon />}\n        aria-label=\"Remove file\"\n        disabled={disabled}\n      />\n    </UploadedFilesListStack>\n  );\n};\n"],"names":["React"],"mappings":";;;;;AAWO,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAqB,KAAI;AACpF,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,IAAI;AAEtB,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,sBAAsB,EAAA,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAA;AAC7E,QAAAA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,OAAO,EAAC,MAAM,EAAA,EAAE,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,SAAA,GAAA,SAAA,GAAJ,IAAI,CAAE,IAAI,CAAkB;AAC5D,QAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAEA,cAAC,CAAA,aAAA,CAAA,SAAS,EAAG,IAAA,CAAA,EAAA,YAAA,EACZ,aAAa,EACxB,QAAQ,EAAE,QAAQ,EAAA,CAClB,CACqB;AAE7B;;;;"}

package/dist/components/UploadFile/components/UploadedFile/styled.cjs

@@ -1,20 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var Text = require('../../../Text/Text.cjs');
-var colors = require('../../../../theme/modules/colors.cjs');
-var radius = require('../../../../theme/modules/radius.cjs');
-var sizes = require('../../../../theme/modules/sizes.cjs');
-var Stack = require('../../../Stack/Stack.cjs');
-require('../../../Stack/types.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const SingleLineText = styled__default.default(Text.Text).withConfig({ displayName: "vui--SingleLineText", componentId: "vui--1aguyhc" }) `display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;`;
-const UploadedFilesListStack = styled__default.default(Stack.Stack).withConfig({ displayName: "vui--UploadedFilesListStack", componentId: "vui--1g0ca18" }) `border:1px solid ${colors.colors.neutral.ink.lightest};border-radius:${radius.radius.base};padding:${sizes.sizes.xs};${Text.Text}{padding-left:${sizes.sizes.xs};}`;
-
-exports.SingleLineText = SingleLineText;
-exports.UploadedFilesListStack = UploadedFilesListStack;
-//# sourceMappingURL=styled.cjs.map

package/dist/components/UploadFile/components/UploadedFile/styled.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../../src/components/UploadFile/components/UploadedFile/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Text } from '../../../Text';\nimport { colors } from '../../../../theme/modules/colors';\nimport { radius } from '../../../../theme/modules/radius';\nimport { sizes } from '../../../../theme/modules/sizes';\nimport { Stack } from '../../../Stack';\n\nexport const SingleLineText = styled(Text)`\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  overflow: hidden;\n`;\n\nexport const UploadedFilesListStack = styled(Stack)`\n  border: 1px solid ${colors.neutral.ink.lightest};\n  border-radius: ${radius.base};\n  padding: ${sizes.xs};\n\n  ${Text} {\n    padding-left: ${sizes.xs};\n  }\n`;\n"],"names":["styled","Text","Stack","colors","radius","sizes"],"mappings":";;;;;;;;;;;;;;MAOa,cAAc,GAAGA,uBAAM,CAACC,SAAI,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,qFAAA;AAOnC,MAAM,sBAAsB,GAAGD,uBAAM,CAACE,WAAK,CAAC,CAC7B,UAAA,CAAA,EAAA,WAAA,EAAA,6BAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EAAAC,aAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,eAAA,EAC9BC,aAAM,CAAC,IAAI,CAAA,SAAA,EACjBC,WAAK,CAAC,EAAE,CAEjB,CAAA,EAAAJ,SAAI,CACY,cAAA,EAAAI,WAAK,CAAC,EAAE;;;;;"}

package/dist/components/UploadFile/components/UploadedFile/styled.d.ts

@@ -1,2 +0,0 @@
-export declare const SingleLineText: import("styled-components").StyledComponent<"span", any, {} & import("../../../Text/types").TextProps, never>;
-export declare const UploadedFilesListStack: import("styled-components").StyledComponent<"div", any, import("../../../Stack").StackProps, never>;

package/dist/components/UploadFile/components/UploadedFile/styled.js

@@ -1,13 +0,0 @@
-import styled from 'styled-components';
-import { Text } from '../../../Text/Text.js';
-import { colors } from '../../../../theme/modules/colors.js';
-import { radius } from '../../../../theme/modules/radius.js';
-import { sizes } from '../../../../theme/modules/sizes.js';
-import { Stack } from '../../../Stack/Stack.js';
-import '../../../Stack/types.js';
-
-const SingleLineText = styled(Text).withConfig({ displayName: "vui--SingleLineText", componentId: "vui--1aguyhc" }) `display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;`;
-const UploadedFilesListStack = styled(Stack).withConfig({ displayName: "vui--UploadedFilesListStack", componentId: "vui--1g0ca18" }) `border:1px solid ${colors.neutral.ink.lightest};border-radius:${radius.base};padding:${sizes.xs};${Text}{padding-left:${sizes.xs};}`;
-
-export { SingleLineText, UploadedFilesListStack };
-//# sourceMappingURL=styled.js.map

package/dist/components/UploadFile/components/UploadedFile/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/UploadFile/components/UploadedFile/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Text } from '../../../Text';\nimport { colors } from '../../../../theme/modules/colors';\nimport { radius } from '../../../../theme/modules/radius';\nimport { sizes } from '../../../../theme/modules/sizes';\nimport { Stack } from '../../../Stack';\n\nexport const SingleLineText = styled(Text)`\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  overflow: hidden;\n`;\n\nexport const UploadedFilesListStack = styled(Stack)`\n  border: 1px solid ${colors.neutral.ink.lightest};\n  border-radius: ${radius.base};\n  padding: ${sizes.xs};\n\n  ${Text} {\n    padding-left: ${sizes.xs};\n  }\n`;\n"],"names":[],"mappings":";;;;;;;;MAOa,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,qFAAA;AAOnC,MAAM,sBAAsB,GAAG,MAAM,CAAC,KAAK,CAAC,CAC7B,UAAA,CAAA,EAAA,WAAA,EAAA,6BAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EAAA,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,eAAA,EAC9B,MAAM,CAAC,IAAI,CAAA,SAAA,EACjB,KAAK,CAAC,EAAE,CAEjB,CAAA,EAAA,IAAI,CACY,cAAA,EAAA,KAAK,CAAC,EAAE;;;;"}

package/dist/components/UploadFile/utils/setInputElFile/setInputElFile.cjs

@@ -1,18 +0,0 @@
-'use strict';
-
-/**
- * Updates the value of the files attribute held within an input elment. Used during DnD operations where
- * the input element's files need to kept in sync and updated.
- *
- * @param fileList - A list of files, typically extracted from the "files" attribute of an input element
- * @param elementId - The ID of the input element
- */
-const setInputElFile = ({ fileList, elementId }) => {
-    const inputEl = document.getElementById(elementId);
-    if (fileList.length) {
-        inputEl.files = fileList;
-    }
-};
-
-exports.setInputElFile = setInputElFile;
-//# sourceMappingURL=setInputElFile.cjs.map

package/dist/components/UploadFile/utils/setInputElFile/setInputElFile.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"setInputElFile.cjs","sources":["../../../../../src/components/UploadFile/utils/setInputElFile/setInputElFile.ts"],"sourcesContent":["type SetInputElFileProps = {\n  fileList: FileList;\n  elementId: string;\n};\n\n/**\n * Updates the value of the files attribute held within an input elment. Used during DnD operations where\n * the input element's files need to kept in sync and updated.\n *\n * @param fileList - A list of files, typically extracted from the \"files\" attribute of an input element\n * @param elementId - The ID of the input element\n */\nexport const setInputElFile = ({ fileList, elementId }: SetInputElFileProps) => {\n  const inputEl = document.getElementById(elementId) as HTMLInputElement;\n  if (fileList.length) {\n    inputEl.files = fileList;\n  }\n};\n"],"names":[],"mappings":";;AAKA;;;;;;AAMG;AACU,MAAA,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAuB,KAAI;IAC7E,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAqB;IACtE,IAAI,QAAQ,CAAC,MAAM,EAAE;AACnB,QAAA,OAAO,CAAC,KAAK,GAAG,QAAQ;AACzB;AACH;;;;"}

package/dist/components/UploadFile/utils/setInputElFile/setInputElFile.d.ts

@@ -1,13 +0,0 @@
-type SetInputElFileProps = {
-    fileList: FileList;
-    elementId: string;
-};
-/**
- * Updates the value of the files attribute held within an input elment. Used during DnD operations where
- * the input element's files need to kept in sync and updated.
- *
- * @param fileList - A list of files, typically extracted from the "files" attribute of an input element
- * @param elementId - The ID of the input element
- */
-export declare const setInputElFile: ({ fileList, elementId }: SetInputElFileProps) => void;
-export {};

package/dist/components/UploadFile/utils/setInputElFile/setInputElFile.js

@@ -1,16 +0,0 @@
-/**
- * Updates the value of the files attribute held within an input elment. Used during DnD operations where
- * the input element's files need to kept in sync and updated.
- *
- * @param fileList - A list of files, typically extracted from the "files" attribute of an input element
- * @param elementId - The ID of the input element
- */
-const setInputElFile = ({ fileList, elementId }) => {
-    const inputEl = document.getElementById(elementId);
-    if (fileList.length) {
-        inputEl.files = fileList;
-    }
-};
-
-export { setInputElFile };
-//# sourceMappingURL=setInputElFile.js.map

package/dist/components/UploadFile/utils/setInputElFile/setInputElFile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"setInputElFile.js","sources":["../../../../../src/components/UploadFile/utils/setInputElFile/setInputElFile.ts"],"sourcesContent":["type SetInputElFileProps = {\n  fileList: FileList;\n  elementId: string;\n};\n\n/**\n * Updates the value of the files attribute held within an input elment. Used during DnD operations where\n * the input element's files need to kept in sync and updated.\n *\n * @param fileList - A list of files, typically extracted from the \"files\" attribute of an input element\n * @param elementId - The ID of the input element\n */\nexport const setInputElFile = ({ fileList, elementId }: SetInputElFileProps) => {\n  const inputEl = document.getElementById(elementId) as HTMLInputElement;\n  if (fileList.length) {\n    inputEl.files = fileList;\n  }\n};\n"],"names":[],"mappings":"AAKA;;;;;;AAMG;AACU,MAAA,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAuB,KAAI;IAC7E,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAqB;IACtE,IAAI,QAAQ,CAAC,MAAM,EAAE;AACnB,QAAA,OAAO,CAAC,KAAK,GAAG,QAAQ;AACzB;AACH;;;;"}