@maggioli-design-system/mds-input-tip-item 1.0.0

package/dist/collection/dictionary/typography.js

@@ -0,0 +1,67 @@
+const typographyDictionary = [
+    'action',
+    'caption',
+    'snippet',
+    'detail',
+    'h1',
+    'h2',
+    'h3',
+    'h4',
+    'h5',
+    'h6',
+    'hack',
+    'label',
+    'option',
+    'paragraph',
+    'tip',
+];
+const typographyVariationsDictionary = [
+    'title',
+    'info',
+    'read',
+    'code',
+];
+const typographyReadingVariationsDictionary = [
+    'info',
+    'read',
+];
+const typographyMonoDictionary = [
+    'snippet',
+    'hack',
+];
+const typographyTitleDictionary = [
+    'action',
+    'h1',
+    'h2',
+    'h3',
+    'h4',
+    'h5',
+    'h6',
+];
+const typographyInfoDictionary = [
+    'caption',
+    'detail',
+    'label',
+    'option',
+    'paragraph',
+    'tip',
+];
+const typographyReadDictionary = [
+    'caption',
+    'detail',
+    'paragraph',
+];
+const typographySmallerDictionary = [
+    'option',
+    'tip',
+];
+const typographyTooltipDictionary = [
+    'caption',
+    'detail',
+    'tip',
+];
+const typographyInputDictionary = [
+    'snippet',
+    'detail',
+];
+export { typographyDictionary, typographyInfoDictionary, typographyInputDictionary, typographyMonoDictionary, typographyReadDictionary, typographyReadingVariationsDictionary, typographySmallerDictionary, typographyTitleDictionary, typographyTooltipDictionary, typographyVariationsDictionary, };

package/dist/collection/dictionary/variant.js

@@ -0,0 +1,90 @@
+const themeVariantDictionary = [
+    'dark',
+    'error',
+    'info',
+    'light',
+    'primary',
+    'success',
+    'warning',
+];
+const themeLuminanceVariantDictionary = [
+    'dark',
+    'light',
+];
+const themeStatusVariantDictionary = [
+    'error',
+    'info',
+    'success',
+    'warning',
+];
+const themeFullVariantDictionary = [
+    'amaranth',
+    'aqua',
+    'blue',
+    'dark',
+    'error',
+    'green',
+    'info',
+    'light',
+    'lime',
+    'orange',
+    'orchid',
+    'sky',
+    'success',
+    'violet',
+    'warning',
+    'yellow',
+];
+const themeFullVariantAvatarDictionary = [
+    'amaranth',
+    'aqua',
+    'blue',
+    'error',
+    'green',
+    'info',
+    'lime',
+    'orange',
+    'orchid',
+    'primary',
+    'sky',
+    'success',
+    'violet',
+    'warning',
+    'yellow',
+];
+const themeLabelVariantDictionary = [
+    'amaranth',
+    'aqua',
+    'blue',
+    'green',
+    'lime',
+    'orange',
+    'orchid',
+    'sky',
+    'violet',
+    'yellow',
+];
+const toneVariantDictionary = [
+    'strong',
+    'weak',
+    'ghost',
+    'quiet',
+];
+const toneActionVariantDictionary = [
+    'primary',
+    'secondary',
+    'tertiary',
+    'strong',
+    'weak',
+    'quiet',
+];
+const toneSimpleVariantDictionary = [
+    'strong',
+    'weak',
+    'quiet',
+];
+const toneMinimalVariantDictionary = [
+    'strong',
+    'weak',
+];
+export { themeFullVariantAvatarDictionary, themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };

package/dist/collection/fixtures/cities.js

@@ -0,0 +1,110 @@
+const citiesDictionary = [
+    'Agrigento',
+    'Alessandria',
+    'Ancona',
+    'Aosta',
+    'Arezzo',
+    'Ascoli Piceno',
+    'Asti',
+    'Avellino',
+    'Bari',
+    'Barletta-Andria-Trani',
+    'Belluno',
+    'Benevento',
+    'Bergamo',
+    'Biella',
+    'Bologna',
+    'Bolzano',
+    'Brescia',
+    'Brindisi',
+    'Cagliari',
+    'Caltanissetta',
+    'Campobasso',
+    'Caserta',
+    'Catania',
+    'Catanzaro',
+    'Chieti',
+    'Como',
+    'Cosenza',
+    'Cremona',
+    'Crotone',
+    'Cuneo',
+    'Enna',
+    'Fermo',
+    'Ferrara',
+    'Firenze',
+    'Foggia',
+    'Forlì-Cesena',
+    'Frosinone',
+    'Genova',
+    'Gorizia',
+    'Grosseto',
+    'Imperia',
+    'Isernia',
+    'La Spezia',
+    'L\'Aquila',
+    'Latina',
+    'Lecce',
+    'Lecco',
+    'Livorno',
+    'Lodi',
+    'Lucca',
+    'Macerata',
+    'Mantova',
+    'Massa-Carrara',
+    'Matera',
+    'Messina',
+    'Milano',
+    'Modena',
+    'Monza e della Brianza',
+    'Napoli',
+    'Novara',
+    'Nuoro',
+    'Oristano',
+    'Padova',
+    'Palermo',
+    'Parma',
+    'Pavia',
+    'Perugia',
+    'Pesaro e Urbino',
+    'Pescara',
+    'Piacenza',
+    'Pisa',
+    'Pistoia',
+    'Pordenone',
+    'Potenza',
+    'Prato',
+    'Ragusa',
+    'Ravenna',
+    'Reggio Calabria',
+    'Reggio Emilia',
+    'Rieti',
+    'Rimini',
+    'Roma',
+    'Rovigo',
+    'Salerno',
+    'Sassari',
+    'Savona',
+    'Siena',
+    'Siracusa',
+    'Sondrio',
+    'Sud Sardegna',
+    'Taranto',
+    'Teramo',
+    'Terni',
+    'Torino',
+    'Trapani',
+    'Trento',
+    'Treviso',
+    'Trieste',
+    'Udine',
+    'Varese',
+    'Venezia',
+    'Verbano-Cusio-Ossola',
+    'Vercelli',
+    'Verona',
+    'Vibo Valentia',
+    'Vicenza',
+    'Viterbo',
+];
+export { citiesDictionary, };

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/interface/input-value.js

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

package/dist/collection/type/autocomplete.js

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

package/dist/collection/type/button.js

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

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

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

package/dist/collection/type/floating-ui.js

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

package/dist/collection/type/form-rel.js

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

package/dist/collection/type/input.js

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

package/dist/collection/type/loading.js

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

package/dist/collection/type/text.js

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

package/dist/collection/type/typography.js

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

package/dist/collection/type/variant-file-format.js

@@ -0,0 +1,120 @@
+import baselineFolderZip from "@icon/mi/baseline/folder-zip.svg";
+import baselineAttachFile from "@icon/mi/baseline/attach-file.svg";
+import baselineAudiotrack from "@icon/mi/baseline/audiotrack.svg";
+import baselineTerminal from "@icon/mi/baseline/terminal.svg";
+import baselineInsertDriveFile from "@icon/mi/baseline/insert-drive-file.svg";
+import mdiHardDisk from "@icon/mdi/harddisk.svg";
+import baselineEmail from "@icon/mi/baseline/email.svg";
+import baselineWysiwyg from "@icon/mi/baseline/wysiwyg.svg";
+import baselinePanorama from "@icon/mi/baseline/panorama.svg";
+import baselineWeb from "@icon/mi/baseline/web.svg";
+import baselineTV from "@icon/mi/baseline/tv.svg";
+import baselineBorderAll from "@icon/mi/baseline/border-all.svg";
+import baselineDescription from "@icon/mi/baseline/description.svg";
+import mdiVectorCurve from "@icon/mdi/vector-curve.svg";
+import baselineVideocam from "@icon/mi/baseline/videocam.svg";
+const fileFormatsVariant = {
+    archive: {
+        color: 'fill-label-amaranth-04 text-label-amaranth-04',
+        icon: baselineFolderZip,
+        iconBackground: 'bg-label-amaranth-10',
+        variant: 'amaranth',
+    },
+    attachment: {
+        color: 'fill-tone-neutral-04 text-tone-neutral-04',
+        icon: baselineAttachFile,
+        iconBackground: 'bg-tone-neutral-10',
+        variant: 'dark',
+    },
+    audio: {
+        color: 'fill-label-violet-04 text-label-violet-04',
+        icon: baselineAudiotrack,
+        iconBackground: 'bg-label-violet-10',
+        variant: 'violet',
+    },
+    code: {
+        color: 'fill-label-yellow-04 text-label-yellow-04',
+        icon: baselineTerminal,
+        iconBackground: 'bg-label-yellow-10',
+        variant: 'yellow',
+    },
+    data: {
+        color: 'fill-label-yellow-04 text-label-yellow-04',
+        icon: mdiHardDisk,
+        iconBackground: 'bg-label-yellow-10',
+        variant: 'yellow',
+    },
+    document: {
+        color: 'fill-label-orange-04 text-label-orange-04',
+        icon: baselineInsertDriveFile,
+        iconBackground: 'bg-label-orange-10',
+        variant: 'orange',
+    },
+    email: {
+        color: 'fill-label-blue-04 text-label-blue-04',
+        icon: baselineEmail,
+        iconBackground: 'bg-label-blue-10',
+        variant: 'blue',
+    },
+    executable: {
+        color: 'fill-label-amaranth-04 text-label-amaranth-04',
+        icon: baselineWysiwyg,
+        iconBackground: 'bg-label-amaranth-10',
+        variant: 'amaranth',
+    },
+    image: {
+        color: 'fill-label-green-04 text-label-green-04',
+        icon: baselinePanorama,
+        iconBackground: 'bg-label-green-10',
+        variant: 'green',
+    },
+    imageRaster: {
+        color: 'fill-label-green-04 text-label-green-04',
+        icon: baselinePanorama,
+        iconBackground: 'bg-label-green-10',
+        variant: 'green',
+    },
+    markup: {
+        color: 'fill-label-yellow-04 text-label-yellow-04',
+        icon: baselineWeb,
+        iconBackground: 'bg-label-yellow-10',
+        variant: 'yellow',
+    },
+    slide: {
+        color: 'fill-label-orchid-04 text-label-orchid-04',
+        icon: baselineTV,
+        iconBackground: 'bg-label-orchid-10',
+        variant: 'orchid',
+    },
+    spreadsheet: {
+        color: 'fill-label-lime-04 text-label-lime-04',
+        icon: baselineBorderAll,
+        iconBackground: 'bg-label-lime-10',
+        variant: 'lime',
+    },
+    text: {
+        color: 'fill-label-blue-04 text-label-blue-04',
+        icon: baselineDescription,
+        iconBackground: 'bg-label-blue-10',
+        variant: 'blue',
+    },
+    vectorImage: {
+        color: 'fill-label-aqua-04 text-label-aqua-04',
+        icon: mdiVectorCurve,
+        iconBackground: 'bg-label-aqua-10',
+        variant: 'aqua',
+    },
+    vector: {
+        color: 'fill-label-aqua-04 text-label-aqua-04',
+        icon: mdiVectorCurve,
+        iconBackground: 'bg-label-aqua-10',
+        variant: 'aqua',
+    },
+    video: {
+        color: 'fill-label-violet-04 text-label-violet-04',
+        icon: baselineVideocam,
+        iconBackground: 'bg-label-violet-10',
+        variant: 'violet',
+    },
+};
+export { fileFormatsVariant, };

package/dist/collection/type/variant.js

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

package/dist/components/index.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
+ * if the path needs to be customized.
+ */
+export declare const getAssetPath: (path: string) => string;
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: string) => void
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;

package/dist/components/index.js

@@ -0,0 +1 @@
+export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';

package/dist/components/mds-input-tip-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface MdsInputTipItem extends Components.MdsInputTipItem, HTMLElement {}
+export const MdsInputTipItem: {
+    prototype: MdsInputTipItem;
+    new (): MdsInputTipItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/mds-input-tip-item.js

@@ -0,0 +1,92 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const miBaselineDone = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9 16.2L4.8 12l-1.4 1.4L9 19L21 7l-1.4-1.4L9 16.2z"/></svg>`;
+
+class Locale {
+    constructor(configData) {
+        this.defaultLanguage = 'en';
+        this.lang = (element) => {
+            const closestElement = element.closest('[lang]');
+            if (closestElement) {
+                if (closestElement.lang) {
+                    this.language = closestElement.lang;
+                    return;
+                }
+            }
+            this.language = this.defaultLanguage;
+        };
+        this.get = (tag) => {
+            var _a;
+            return (_a = this.config[this.language][tag]) !== null && _a !== void 0 ? _a : this.config[this.defaultLanguage][tag];
+        };
+        this.config = configData;
+    }
+}
+
+const required$1 = "Required";
+const disabled$1 = "Disabled";
+const readonly$1 = "Read only";
+const localeEn = {
+	required: required$1,
+	disabled: disabled$1,
+	readonly: readonly$1
+};
+
+const required = "Obbligatorio";
+const disabled = "Disattivato";
+const readonly = "Sola lettura";
+const localeIt = {
+	required: required,
+	disabled: disabled,
+	readonly: readonly
+};
+
+const mdsInputTipItemCss = "@tailwind components; .svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1/1;height:100%;width:100%}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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{--mds-input-tip-item-background:rgb(var(--tone-neutral-01));--mds-input-tip-item-color:rgb(var(--tone-neutral));--mds-input-tip-item-icon-color:var(--tone-neutral);height:0.75rem;border-radius:0.375rem;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);-ms-flex-align:center;align-items:center;background-color:rgb(var(--mds-input-tip-item-background));color:rgb(var(--mds-input-tip-item-color));display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;min-width:0.75rem;padding:0;pointer-events:none;position:static;text-align:center;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition-property:background-color, border-radius, color, padding-left, padding-right, -webkit-transform;transition-property:background-color, border-radius, color, padding-left, padding-right, -webkit-transform;transition-property:background-color, border-radius, color, padding-left, padding-right, transform;transition-property:background-color, border-radius, color, padding-left, padding-right, transform, -webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host([expanded=\"false\"]){color:transparent}:host([expanded]:not([expanded=\"false\"])){padding-left:0.5rem;padding-right:0.5rem;--mds-input-tip-item-color:var(--tone-neutral)}:host([expanded]:not([expanded=\"false\"])) .content{grid-template-columns:1fr;opacity:1}.content{height:0.75rem;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);display:grid;grid-template-columns:0fr;opacity:0;overflow:hidden;-webkit-transition-property:grid-template-columns, opacity;transition-property:grid-template-columns, opacity;transition-property:grid-template-columns, opacity, -ms-grid-columns}.text{line-height:0.75rem}.icon{height:0.75rem;width:0.75rem;fill:rgb(var(--mds-input-tip-item-icon-color));-webkit-transform:translateY(-1px);transform:translateY(-1px)}:host([variant=\"required\"]){--mds-input-tip-item-background:var(--status-error-05)}:host([variant=\"required-success\"]){--mds-input-tip-item-background:var(--status-success-05)}:host([variant=\"readonly\"]){--mds-input-tip-item-background:var(--status-info-05)}:host([variant=\"disabled\"]){--mds-input-tip-item-background:var(--tone-neutral-05)}:host([variant=\"text\"]){--mds-input-tip-item-background:var(--tone-neutral-03)}";
+
+const MdsInputTipItem$1 = /*@__PURE__*/ proxyCustomElement(class MdsInputTipItem extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.t = new Locale({
+            en: localeEn,
+            it: localeIt,
+        });
+        this.variant = 'required';
+        this.expanded = true;
+    }
+    componentWillRender() {
+        this.t.lang(this.element);
+    }
+    render() {
+        return (h(Host, null, h("div", { class: "content" }, this.variant === 'text' &&
+            h("mds-text", { typography: "option", truncate: "word" }, h("span", { class: "text" }, h("slot", null))), this.variant === 'readonly' &&
+            h("mds-text", { typography: "option", truncate: "word" }, h("span", { class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'disabled' &&
+            h("mds-text", { typography: "option", truncate: "word" }, h("span", { class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required' &&
+            h("mds-text", { typography: "option", truncate: "word" }, h("span", { class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required-success' &&
+            h("span", { class: "icon svg", innerHTML: miBaselineDone }))));
+    }
+    get element() { return this; }
+    static get style() { return mdsInputTipItemCss; }
+}, [1, "mds-input-tip-item", {
+        "variant": [513],
+        "expanded": [516]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["mds-input-tip-item"];
+    components.forEach(tagName => { switch (tagName) {
+        case "mds-input-tip-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, MdsInputTipItem$1);
+            }
+            break;
+    } });
+}
+
+const MdsInputTipItem = MdsInputTipItem$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { MdsInputTipItem, defineCustomElement };