@maggioli-design-system/mds-progress 2.8.3 → 2.9.0

package/dist/cjs/mds-progress.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ef941864.js');
 
-const mdsProgressCss = "@tailwind utilities; :host{--mds-progress-background:rgb(var(--tone-neutral-08));--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-duration:750ms;--mds-progress-radius:0.5rem;--mds-progress-thickness:0.5rem;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--mds-progress-background);border-radius:var(--mds-progress-radius);display:-ms-flexbox;display:flex;height:var(--mds-progress-thickness);min-width:var(--mds-progress-thickness);overflow:hidden;width:100%}:host([direction=\"vertical\"]){-ms-flex-direction:column;flex-direction:column;height:unset;min-height:var(--mds-progress-thickness);width:var(--mds-progress-thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--mds-progress-color);border-radius:var(--mds-progress-radius);-webkit-transition-duration:var(--mds-progress-duration);transition-duration:var(--mds-progress-duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=\"dark\"]){--mds-progress-color:rgb(var(--tone-neutral-04));--mds-progress-background:rgb(var(--tone-neutral-08))}:host([variant=\"light\"]){--mds-progress-color:rgb(var(--tone-neutral));--mds-progress-background:rgb(var(--tone-neutral-05))}:host([variant=\"error\"]){--mds-progress-color:rgb(var(--status-error-06));--mds-progress-background:rgb(var(--status-error-09))}:host([variant=\"warning\"]){--mds-progress-color:rgb(var(--status-warning-06));--mds-progress-background:rgb(var(--status-warning-09))}:host([variant=\"success\"]){--mds-progress-color:rgb(var(--status-success-06));--mds-progress-background:rgb(var(--status-success-09))}:host([variant=\"info\"]){--mds-progress-color:rgb(var(--status-info-06));--mds-progress-background:rgb(var(--status-info-09))}:host([variant=\"primary\"]){--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-background:rgb(var(--tone-neutral-08))}";
+const mdsProgressCss = "@tailwind utilities; :host{--mds-progress-background:rgb(var(--tone-neutral-08));--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-duration:750ms;--mds-progress-radius:0.5rem;--mds-progress-thickness:0.5rem;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--mds-progress-background);border-radius:var(--mds-progress-radius);display:-ms-flexbox;display:flex;height:var(--mds-progress-thickness);min-width:var(--mds-progress-thickness);overflow:hidden;width:100%}:host([direction=\"vertical\"]){-ms-flex-direction:column;flex-direction:column;height:unset;min-height:var(--mds-progress-thickness);width:var(--mds-progress-thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--mds-progress-color);border-radius:var(--mds-progress-radius);-webkit-transition-duration:var(--mds-progress-duration);transition-duration:var(--mds-progress-duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgb(var(--label-amaranth-10) / var(--tw-bg-opacity))}.bg-label-aqua-10{--tw-bg-opacity:1;background-color:rgb(var(--label-aqua-10) / var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgb(var(--label-blue-10) / var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgb(var(--label-green-10) / var(--tw-bg-opacity))}.bg-label-lime-10{--tw-bg-opacity:1;background-color:rgb(var(--label-lime-10) / var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-orchid-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orchid-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.bg-label-yellow-10{--tw-bg-opacity:1;background-color:rgb(var(--label-yellow-10) / var(--tw-bg-opacity))}.bg-tone-neutral-10{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-10) / var(--tw-bg-opacity))}.fill-label-amaranth-04{fill:rgb(var(--label-amaranth-04))}.fill-label-aqua-04{fill:rgb(var(--label-aqua-04))}.fill-label-blue-04{fill:rgb(var(--label-blue-04))}.fill-label-green-04{fill:rgb(var(--label-green-04))}.fill-label-lime-04{fill:rgb(var(--label-lime-04))}.fill-label-orange-04{fill:rgb(var(--label-orange-04))}.fill-label-orchid-04{fill:rgb(var(--label-orchid-04))}.fill-label-violet-04{fill:rgb(var(--label-violet-04))}.fill-label-yellow-04{fill:rgb(var(--label-yellow-04))}.fill-tone-neutral-04{fill:rgb(var(--tone-neutral-04))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-04) / var(--tw-text-opacity))}.text-label-aqua-04{--tw-text-opacity:1;color:rgb(var(--label-aqua-04) / var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgb(var(--label-blue-04) / var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgb(var(--label-green-04) / var(--tw-text-opacity))}.text-label-lime-04{--tw-text-opacity:1;color:rgb(var(--label-lime-04) / var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-orchid-04{--tw-text-opacity:1;color:rgb(var(--label-orchid-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-04) / var(--tw-text-opacity))}.text-label-yellow-04{--tw-text-opacity:1;color:rgb(var(--label-yellow-04) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(var(--tone-neutral-04) / var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=\"dark\"]){--mds-progress-color:rgb(var(--tone-neutral-04));--mds-progress-background:rgb(var(--tone-neutral-08))}:host([variant=\"light\"]){--mds-progress-color:rgb(var(--tone-neutral));--mds-progress-background:rgb(var(--tone-neutral-05))}:host([variant=\"error\"]){--mds-progress-color:rgb(var(--status-error-06));--mds-progress-background:rgb(var(--status-error-09))}:host([variant=\"warning\"]){--mds-progress-color:rgb(var(--status-warning-06));--mds-progress-background:rgb(var(--status-warning-09))}:host([variant=\"success\"]){--mds-progress-color:rgb(var(--status-success-06));--mds-progress-background:rgb(var(--status-success-09))}:host([variant=\"info\"]){--mds-progress-color:rgb(var(--status-info-06));--mds-progress-background:rgb(var(--status-info-09))}:host([variant=\"primary\"]){--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-background:rgb(var(--tone-neutral-08))}";
 
 const MdsProgress = class {
     constructor(hostRef) {

package/dist/cjs/mds-progress.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-ef941864.js');
 
 /*
- Stencil Client Patch Browser v4.9.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.10.0 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('mds-progress.cjs.js', document.baseURI).href));

package/dist/collection/collection-manifest.json

@@ -4,8 +4,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.9.1",
-    "typescriptVersion": "5.2.2"
+    "version": "4.10.0",
+    "typescriptVersion": "5.3.3"
   },
   "collections": [],
   "bundles": []

package/dist/collection/common/file.js

@@ -0,0 +1,48 @@
+import { fileExtensionsDictionary } from "../dictionary/file-extensions";
+import { fileFormatsVariant } from "../type/variant-file-format";
+const sanitizeFilename = (filename, error = 'Attribute "filename" is undefined.') => {
+    var _a;
+    if (filename === undefined) {
+        throw console.error(error);
+    }
+    if (filename.includes('/')) {
+        return (_a = filename.split('/').pop()) !== null && _a !== void 0 ? _a : '';
+    }
+    return filename;
+};
+const sanitizeSuffix = (rawFilename) => {
+    var _a;
+    const filename = sanitizeFilename(rawFilename);
+    if (filename.includes('.')) {
+        return (_a = filename.split('.').pop()) !== null && _a !== void 0 ? _a : '';
+    }
+    return filename;
+};
+const getName = (rawFilename) => {
+    var _a;
+    const filename = sanitizeFilename(rawFilename);
+    if (filename.includes('.')) {
+        return (_a = filename.split('.')[0]) !== null && _a !== void 0 ? _a : '';
+    }
+    return filename;
+};
+const getSuffix = (rawFilename, suffixOverride) => {
+    const suffix = sanitizeSuffix(rawFilename);
+    const filename = sanitizeFilename(rawFilename);
+    if (suffixOverride !== null && suffixOverride !== undefined) {
+        return suffixOverride.toLowerCase();
+    }
+    if (suffix !== filename) {
+        return suffix;
+    }
+    return 'default';
+};
+const getExtensionInfos = (rawFilename, suffixOverride) => {
+    var _a;
+    const suffix = getSuffix(rawFilename, suffixOverride).toLocaleLowerCase();
+    return (_a = fileExtensionsDictionary[suffix]) !== null && _a !== void 0 ? _a : fileExtensionsDictionary.default;
+};
+const getFormatsVariant = (rawFilename, suffixOverride) => {
+    return fileFormatsVariant[getExtensionInfos(rawFilename, suffixOverride).format];
+};
+export { getExtensionInfos, getFormatsVariant, getSuffix, getName, };

package/dist/collection/common/icon.js

@@ -0,0 +1,15 @@
+const BASE64_SVG_ICON = 'data:image/svg+xml;base64,';
+const MARKUP_SVG_ICON = '<svg ';
+const isIconFormatIsBase64 = (icon) => {
+    if (!icon) {
+        return false;
+    }
+    return icon.startsWith(BASE64_SVG_ICON);
+};
+const isIconFormatIsSVG = (icon) => {
+    if (!icon) {
+        return false;
+    }
+    return icon.startsWith(MARKUP_SVG_ICON);
+};
+export { isIconFormatIsBase64, isIconFormatIsSVG, BASE64_SVG_ICON, MARKUP_SVG_ICON, };

package/dist/collection/common/unit.js

@@ -1,10 +1,22 @@
 const cssDurationToMilliseconds = (duration, defaultValue = 1000) => {
+    if (duration.includes('ms')) {
+        return Number(duration.replace('ms', ''));
+    }
     if (duration.includes('s')) {
         return Number(duration.replace('s', '')) * 1000;
     }
-    if (duration.includes('ms')) {
-        return Number(duration.replace('s', ''));
+    return defaultValue;
+};
+const cssSizeToNumber = (size, defaultValue = 0) => {
+    if (size.includes('px')) {
+        return Number(size.replace('px', ''));
+    }
+    if (size.includes('rem')) {
+        return Number(size.replace('rem', '')) * 16;
+    }
+    if (size.includes('em')) {
+        return Number(size.replace('em', '')) * 16;
     }
     return defaultValue;
 };
-export { cssDurationToMilliseconds, };
+export { cssDurationToMilliseconds, cssSizeToNumber, };

package/dist/collection/common/yugop/core.js

@@ -0,0 +1,16 @@
+import { generator } from "./utils/prng";
+import { strToCharCodeArray } from "./utils/string";
+import { randomSign, minMaxLooped } from "./utils/math";
+const rand = generator();
+const random = (base, offset) => () => (base + rand.range(0, offset)) * randomSign();
+export const generateRandomCharCodeArray = (base, offset) => str => strToCharCodeArray(str).map(random(base, offset));
+export const charCodeArrayToString = ({ str, minCharCode, maxCharCode, placeholderChar, charStep, }) => charCodes => charCodes.reduce((acc, item, index) => {
+    if (item !== 0) {
+        if (Math.abs(item) > charStep) {
+            return acc + placeholderChar;
+        }
+        return (acc +
+            String.fromCharCode(minMaxLooped(minCharCode, maxCharCode)(str.charCodeAt(index) + item)));
+    }
+    return acc + str.charAt(index);
+}, '');

package/dist/collection/common/yugop/index.js

@@ -0,0 +1,3 @@
+// taken from https://github.com/zenoplex/random-text
+// @flow
+export { default } from './random-text';

package/dist/collection/common/yugop/random-text.js

@@ -0,0 +1,59 @@
+import { generateRandomCharCodeArray, charCodeArrayToString } from "./core";
+import { noop } from "./utils/noop";
+class RandomText {
+    constructor(options) {
+        this.start = () => {
+            const { frameOffset, charOffset, str, speed } = this;
+            const randoms = generateRandomCharCodeArray(frameOffset, charOffset)(str);
+            this.stop();
+            this.rafId = requestAnimationFrame(() => {
+                this.step(randoms, speed, speed);
+            });
+        };
+        Object.assign(this, Object.assign(Object.assign({}, RandomText.defaults), options));
+    }
+    stop() {
+        cancelAnimationFrame(this.rafId);
+    }
+    step(randoms, stepCount, speed) {
+        const { str, charStep, minCharCode, maxCharCode, placeholderChar, onProgress, onComplete, } = this;
+        const stepArray = randoms.slice(0, stepCount);
+        const steppedArray = stepArray.map(item => {
+            if (item > 0)
+                return item - 1;
+            if (item < 0)
+                return item + 1;
+            return 0;
+        });
+        const output = charCodeArrayToString({
+            str,
+            minCharCode,
+            maxCharCode,
+            placeholderChar,
+            charStep,
+        })(steppedArray);
+        const updatedRandoms = [...steppedArray, ...randoms.slice(stepCount)];
+        onProgress(output);
+        if (output !== str) {
+            this.rafId = requestAnimationFrame(() => {
+                this.step(updatedRandoms, stepCount + speed, speed);
+            });
+        }
+        else {
+            onComplete(output);
+        }
+    }
+}
+RandomText.defaults = {
+    str: '',
+    speed: 2,
+    placeholderChar: '_',
+    frameOffset: 30,
+    charOffset: 20,
+    charStep: 10,
+    minCharCode: 32,
+    maxCharCode: 122,
+    onProgress: noop,
+    onComplete: noop,
+};
+export default RandomText;

package/dist/collection/common/yugop/utils/math.js

@@ -0,0 +1,11 @@
+import { generator } from "./prng";
+const rand = generator();
+export const randomSign = () => (Math.round(Math.random()) - 0.5) * 2;
+export const generateRandomNumbers = base => charOffset => length => [...Array(length)].map(() => (base + rand.range(0, charOffset)) * randomSign());
+export const minMaxLooped = (min, max) => value => {
+    if (value > max)
+        return min + (value - max);
+    if (value < min)
+        return max + (value - min);
+    return value;
+};

package/dist/collection/common/yugop/utils/noop.js

@@ -0,0 +1 @@
+export const noop = () => { };

package/dist/collection/common/yugop/utils/prng.js

@@ -0,0 +1,21 @@
+const int32 = 2147483647;
+const gen = v => (v * 16807) % int32;
+const randomFloat = v => gen(v) / int32;
+const randomInt = v => gen(v);
+export const generator = (seed = 1) => {
+    let value = seed < 1 ? 1 : seed;
+    const next = () => {
+        value = randomInt(value);
+        return value;
+    };
+    return {
+        random: () => next(),
+        randomFloat: () => randomFloat(next()),
+        range: (min, max) => {
+            const minimum = min - 0.4999;
+            const maximum = max + 0.4999;
+            return Math.round(minimum + (maximum - minimum) * randomFloat(next()));
+        },
+        rangeFloat: (min, max) => min + (max - min) * randomFloat(next()),
+    };
+};

package/dist/collection/common/yugop/utils/string.js

@@ -0,0 +1,2 @@
+// export const strToCharCodeArray: string => number[] = str => str.split('').map(item => item.charCodeAt(0));
+export const strToCharCodeArray = str => str.split('').map(item => item.charCodeAt(0));

package/dist/collection/components/mds-progress/mds-progress.css

@@ -45,6 +45,11 @@
   transition-property: background-color, flex-grow;
 }
 
+.static{
+
+  position: static;
+}
+
 .fixed{
 
   position: fixed;
@@ -60,6 +65,196 @@
   border-width: 1px;
 }
 
+.bg-label-amaranth-10{
+
+  --tw-bg-opacity: 1;
+
+  background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));
+}
+
+.bg-label-aqua-10{
+
+  --tw-bg-opacity: 1;
+
+  background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));
+}
+
+.bg-label-blue-10{
+
+  --tw-bg-opacity: 1;
+
+  background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));
+}
+
+.bg-label-green-10{
+
+  --tw-bg-opacity: 1;
+
+  background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));
+}
+
+.bg-label-lime-10{
+
+  --tw-bg-opacity: 1;
+
+  background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));
+}
+
+.bg-label-orange-10{
+
+  --tw-bg-opacity: 1;
+
+  background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));
+}
+
+.bg-label-orchid-10{
+
+  --tw-bg-opacity: 1;
+
+  background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));
+}
+
+.bg-label-violet-10{
+
+  --tw-bg-opacity: 1;
+
+  background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));
+}
+
+.bg-label-yellow-10{
+
+  --tw-bg-opacity: 1;
+
+  background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));
+}
+
+.bg-tone-neutral-10{
+
+  --tw-bg-opacity: 1;
+
+  background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));
+}
+
+.fill-label-amaranth-04{
+
+  fill: rgb(var(--label-amaranth-04));
+}
+
+.fill-label-aqua-04{
+
+  fill: rgb(var(--label-aqua-04));
+}
+
+.fill-label-blue-04{
+
+  fill: rgb(var(--label-blue-04));
+}
+
+.fill-label-green-04{
+
+  fill: rgb(var(--label-green-04));
+}
+
+.fill-label-lime-04{
+
+  fill: rgb(var(--label-lime-04));
+}
+
+.fill-label-orange-04{
+
+  fill: rgb(var(--label-orange-04));
+}
+
+.fill-label-orchid-04{
+
+  fill: rgb(var(--label-orchid-04));
+}
+
+.fill-label-violet-04{
+
+  fill: rgb(var(--label-violet-04));
+}
+
+.fill-label-yellow-04{
+
+  fill: rgb(var(--label-yellow-04));
+}
+
+.fill-tone-neutral-04{
+
+  fill: rgb(var(--tone-neutral-04));
+}
+
+.text-label-amaranth-04{
+
+  --tw-text-opacity: 1;
+
+  color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));
+}
+
+.text-label-aqua-04{
+
+  --tw-text-opacity: 1;
+
+  color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));
+}
+
+.text-label-blue-04{
+
+  --tw-text-opacity: 1;
+
+  color: rgb(var(--label-blue-04) / var(--tw-text-opacity));
+}
+
+.text-label-green-04{
+
+  --tw-text-opacity: 1;
+
+  color: rgb(var(--label-green-04) / var(--tw-text-opacity));
+}
+
+.text-label-lime-04{
+
+  --tw-text-opacity: 1;
+
+  color: rgb(var(--label-lime-04) / var(--tw-text-opacity));
+}
+
+.text-label-orange-04{
+
+  --tw-text-opacity: 1;
+
+  color: rgb(var(--label-orange-04) / var(--tw-text-opacity));
+}
+
+.text-label-orchid-04{
+
+  --tw-text-opacity: 1;
+
+  color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));
+}
+
+.text-label-violet-04{
+
+  --tw-text-opacity: 1;
+
+  color: rgb(var(--label-violet-04) / var(--tw-text-opacity));
+}
+
+.text-label-yellow-04{
+
+  --tw-text-opacity: 1;
+
+  color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));
+}
+
+.text-tone-neutral-04{
+
+  --tw-text-opacity: 1;
+
+  color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));
+}
+
 .shadow{
 
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);

package/dist/collection/dictionary/file-extensions.js

@@ -0,0 +1,64 @@
+const fileExtensionsDictionary = {
+    '7z': { format: 'archive', description: 'Archivio compresso' },
+    ace: { format: 'archive', description: 'Archivio compresso' },
+    ai: { format: 'vector', description: 'Vettoriale Adobe Illustrator' },
+    dart: { format: 'code', description: 'Dart' },
+    db: { format: 'data', description: 'File di database' },
+    default: { format: 'attachment', description: 'Formato sconosciuto' },
+    dmg: { format: 'executable', description: 'Apple Disk Image' },
+    doc: { format: 'text', description: 'Documento Microsoft Word' },
+    docm: { format: 'text', description: 'Documento Microsoft Word' },
+    docx: { format: 'text', description: 'Documento Microsoft Word Compresso' },
+    eml: { format: 'email', description: 'E-mail di posta elettronica' },
+    eps: { format: 'vector', description: 'Vettoriale Corel Draw' },
+    exe: { format: 'executable', description: 'File eseguibile Windows' },
+    flac: { format: 'audio', description: 'Audio non compresso' },
+    gif: { format: 'image', description: 'Immagine compressa', preview: true },
+    htm: { format: 'markup', description: 'Pagina web' },
+    heic: { format: 'image', description: 'High Efficiency Image File Format' },
+    html: { format: 'markup', description: 'Pagina web' },
+    jpe: { format: 'image', description: 'Immagine compressa', preview: true },
+    jpeg: { format: 'image', description: 'Immagine compressa', preview: true },
+    jpg: { format: 'image', description: 'Immagine compressa', preview: true },
+    js: { format: 'code', description: 'JavaScript' },
+    json: { format: 'data', description: 'JavaScript Object Notation' },
+    jsx: { format: 'code', description: 'JavaScript' },
+    m2v: { format: 'video', description: 'Filmato SD' },
+    mp2: { format: 'audio', description: 'Audio compresso' },
+    mp3: { format: 'audio', description: 'Audio compresso' },
+    mp4: { format: 'video', description: 'Filmato HD' },
+    mp4v: { format: 'video', description: 'Filmato HD' },
+    mpeg: { format: 'video', description: 'Filmato SD' },
+    mpg4: { format: 'video', description: 'Filmato SD' },
+    mpg: { format: 'video', description: 'Filmato SD' },
+    mpga: { format: 'audio', description: 'Audio compresso' },
+    odp: { format: 'slide', description: 'Slide di presentazione LibreOffice' },
+    ods: { format: 'spreadsheet', description: 'Foglio di calcolo LibreOffice' },
+    odt: { format: 'text', description: 'File di testo LibreOffice' },
+    pdf: { format: 'document', description: 'Documento Adobe' },
+    php: { format: 'code', description: 'Hypertext Preprocessor' },
+    png: { format: 'image', description: 'Immagine Portable Network Graphics', preview: true },
+    ppt: { format: 'slide', description: 'Slide di presentazione PowerPoint' },
+    rar: { format: 'archive', description: 'Archivio compresso' },
+    rtf: { format: 'text', description: 'Documento di testo Rich Text Format' },
+    sass: { format: 'code', description: 'Syntactically Awesome StyleSheets' },
+    shtml: { format: 'markup', description: 'Pagina web' },
+    svg: { format: 'vector', description: 'Scalable Vector Graphics', preview: true },
+    tar: { format: 'archive', description: 'Archivio non compresso' },
+    tiff: { format: 'image', description: 'Tag Image File Format' },
+    ts: { format: 'code', description: 'TypeScript' },
+    tsx: { format: 'code', description: 'TypeScript Extended Syntax' },
+    txt: { format: 'text', description: 'Documento di testo non formattato' },
+    wav: { format: 'audio', description: 'Audio non compresso' },
+    webp: { format: 'image', description: 'Immagine Web Picture', preview: true },
+    xar: { format: 'archive', description: 'Archivio compresso' },
+    xls: { format: 'spreadsheet', description: 'Foglio di calcolo Office' },
+    xlsx: { format: 'spreadsheet', description: 'Foglio di calcolo Office' },
+    zip: { format: 'archive', description: 'Archivio compresso' },
+};
+const genericMimeToExt = new Map([
+    ['image', ['.png', '.jpg', '.jpeg', '.tiff', '.webp', '.jpe', '.gif', '.heic']],
+    ['audio', ['.mp2', '.mp3', '.mpga', '.wav', '.flac']],
+    ['video', ['.mv2', '.mp4', '.mp4v', '.mpeg', '.mpg4', '.mpg']],
+]);
+export { fileExtensionsDictionary, genericMimeToExt, };

package/dist/collection/dictionary/icon.js

@@ -2,4 +2,9 @@ import jsonIconsDictionary from "../fixtures/icons.json";
 import jsonMggIconsDictionary from "../fixtures/iconsauce.json";
 const iconsDictionary = jsonIconsDictionary;
 const mggIconsDictionary = jsonMggIconsDictionary;
-export { iconsDictionary, mggIconsDictionary, };
+const svgIconsDictionary = [
+    `${location.origin}/svg/mi/baseline/email.svg`,
+    'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Im0yMzMtODAgNjUtMjgxTDgwLTU1MGwyODgtMjUgMTEyLTI2NSAxMTIgMjY1IDI4OCAyNS0yMTggMTg5IDY1IDI4MS0yNDctMTQ5TDIzMy04MFoiLz48L3N2Zz4=',
+    '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6s-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8s-3.58-8-8-8z"/></svg>',
+];
+export { iconsDictionary, mggIconsDictionary, svgIconsDictionary, };

package/dist/collection/dictionary/text.js

@@ -0,0 +1,6 @@
+const truncateDictionary = [
+    'all',
+    'none',
+    'word',
+];
+export { truncateDictionary, };

package/dist/collection/dictionary/variant.js

@@ -35,6 +35,23 @@ const themeFullVariantDictionary = [
     'warning',
     'yellow',
 ];
+const themeFullVariantAvatarDictionary = [
+    'amaranth',
+    'aqua',
+    'blue',
+    'error',
+    'green',
+    'info',
+    'lime',
+    'orange',
+    'orchid',
+    'primary',
+    'sky',
+    'success',
+    'violet',
+    'warning',
+    'yellow',
+];
 const themeLabelVariantDictionary = [
     'amaranth',
     'aqua',
@@ -70,4 +87,4 @@ const toneMinimalVariantDictionary = [
     'strong',
     'weak',
 ];
-export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };
+export { themeFullVariantAvatarDictionary, themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };

package/dist/collection/fixtures/filenames.js

@@ -0,0 +1,57 @@
+const filesList = [
+    'alarm_circuit_plastic.eps',
+    'awesome_orchestration.png',
+    'b2c_tan_sports.svg',
+    'bedfordshire_iceland_identity.txt',
+    'books_monetize_arizona.htm',
+    'brand.shtml',
+    'brunei_logistical.eml',
+    'buckinghamshire_macao.jpg',
+    'calculating.json',
+    'complexity_deposit.mpg',
+    'compressing_black_colorado.ods',
+    'connect_local_visualize.pdf',
+    'copying.default',
+    'explicit.mp2',
+    'fish.php',
+    'flexibility_auto_money.html',
+    'foreground_overriding.ai',
+    'forge_face.ts',
+    'forges.doc',
+    'frozen_haptic.7z',
+    'gorgeous_manager_savings.ppt',
+    'graphic_frozen_bedfordshire.tar',
+    'hdd_navigate_panama.xlsx',
+    'https://i2.wp.com/clipart.info/images/ccovers/1495750818Apple-PNG-Clip-Art.png',
+    'impactful_alarm_handmade.mpeg',
+    'initiatives_group.gif',
+    'intelligent_radical.jpe',
+    'interface_bedfordshire_solid.m2v',
+    'iowa_installation.jpeg',
+    'liaison_panel_central.flac',
+    'matrix_black_hat.db',
+    'metrics_lempira_account.xls',
+    'monitor.js',
+    'nebraska.mp4',
+    'needs_based_solid.odp',
+    'officer_somalia.docm',
+    'open_source.webp',
+    'open_source_gorgeous.sass',
+    'optimization_radical.mp3',
+    'ports_copy_granite.mpga',
+    'pound.rtf',
+    'protocol_designer.dmg',
+    'reduced_regional_greenland.mp4v',
+    'revolutionize.mpg4',
+    'rss_systematic_avon.exe',
+    'salad_compressing.odt',
+    'sky_marketing.ace',
+    'synergistic.wav',
+    'this_is_an_extensionless_file',
+    'tuna_table_fall.zip',
+    'unbranded.rar',
+    'upgradable_gold.docx',
+    'wisconsin_bypassing_small.xar',
+    'wooden.jsx',
+];
+export { filesList, };

package/dist/collection/type/file-types.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/type/text.js

@@ -0,0 +1 @@
+export {};