@mozaic-ds/web-components 1.0.0-beta.6 → 1.0.0

package/dist/components/textinput/Textinput.svelte

@@ -1,141 +1,99 @@
-<svelte:options customElement="m-textinput" />
+<svelte:options
+  customElement={{ tag: 'm-textinput', extend: customElementForwardEvents }}
+/>
 
 <script lang="ts">
-  import type { TextInputSize, TextInputType } from './textinput.types';
-  import type { Snippet } from 'svelte';
-
+  import { customElementForwardEvents } from '../../utils';
+  /**
+   * A text input is a single-line input that allows users to enter and edit short text-based content. It is commonly used for names, email addresses, search queries, and form entries. Text Inputs often include placeholders, validation rules, and assistive text to guide users and ensure accurate data entry.
+   *
+   * @slot icon - Use this slot to insert an icon in the input.
+   */
   interface Props {
-    name: string;
-    value: string;
-    placeholder: string;
-    inputtype?: TextInputType;
-    isvalid: boolean;
-    isinvalid: boolean;
+    /**
+     * A unique identifier for the input element, used to associate the label with the form element.
+     */
+    id: string;
+    /**
+     * The name attribute for the input element, typically used for form submission.
+     */
+    name?: string;
+    /**
+     * The current value of the input field.
+     */
+    value?: string | number;
+    /**
+     * A placeholder text to show in the input when it is empty.
+     */
+    placeholder?: string;
+    /**
+     * Defines the type of input.
+     */
+    inputtype?: 'date' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text';
+    /**
+     * If `true`, applies an invalid state to the input.
+     */
+    isinvalid?: boolean;
+    /**
+     * If `true`, disables the input, making it non-interactive.
+     */
     disabled?: boolean;
+    /**
+     * Determines the size of the input.
+     */
+    size?: 's' | 'm';
+    /**
+     * If `true`, the input is read-only (cannot be edited).
+     */
     readonly?: boolean;
-    size?: TextInputSize;
-    hasicon?: boolean;
-    icon?: Snippet;
-    rightalign: boolean;
-    min: string;
-    max: string;
-    minlength: number;
-    maxlength: number;
-    required?: boolean;
-    clearlabel?: string;
+    /**
+     * If `true`, a clear button will appear when the input has a value.
+     */
     isclearable?: boolean;
-    onclear?: (arg: string) => void;
-    oninput?: (event: Event) => void;
-    onchange?: (event: Event) => void;
-    onblur?: (event: FocusEvent) => void;
+    /**
+     * The label text for the clear button.
+     */
+    clearlabel?: string;
   }
 
   let {
+    id,
     name,
     value,
     placeholder,
     inputtype = 'text',
-    isvalid,
     isinvalid,
-    disabled = false,
-    readonly = false,
+    disabled,
+    readonly,
     size = 'm',
-    hasicon = false,
-    icon,
-    rightalign,
-    min,
-    max,
-    minlength,
-    maxlength,
-    required = false,
     clearlabel = 'Clear content',
-    isclearable = false,
-    onclear,
-    oninput,
-    onchange,
-    onblur,
+    isclearable,
   }: Props = $props();
 
-  let inputType = $derived(inputtype);
-  let displayClear = $derived(isclearable && value ? true : false);
-  let hasIcon = $derived(!!hasicon || !!icon)
-
-  function getClasses(
-    isValid: boolean,
-    isInvalid: boolean,
-    size: TextInputSize,
-    hasIcon: boolean,
-  ): string {
-    const classes = ['mc-text-input', 'mc-field__input'];
-
-    if (isValid) {
-      classes.push('is-valid');
-    }
-
-    if (isInvalid) {
-      classes.push('is-invalid');
-    }
-
-    if (size === 's') {
-      classes.push('mc-text-input--s');
-    }
-
-    if (hasIcon) {
-      classes.push('mc-left-icon-input__input');
-    }
-
-    if (rightalign) {
-      classes.push('right-align');
-    }
-
-    return classes.join(' ');
-  }
-
-  const setType = (node: any) => {
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-    node.type = inputType;
-  };
-
-  function resetValue() {
-    value = '';
-    onclear?.('onclear');
-  }
+  const resetValue = () => (value = '');
 </script>
 
-<div class="{getClasses(isvalid, isinvalid, size, hasIcon)} ">
-  {#if hasIcon}
-    <span class="mc-text-input__icon">
-      {#if icon}
-       {@render icon()}
-      {:else}
-        <slot name="icon" />
-      {/if}
-    </span>
-  {/if}
+<div
+  class={['mc-text-input', `mc-text-input--${size}`, isinvalid && 'is-invalid']}
+>
+  <span class="mc-text-input__icon">
+    <slot name="icon" />
+  </span>
+
   <input
     bind:value
-    use:setType
     class="mc-text-input__control"
     aria-invalid={isinvalid}
     {name}
-    id={name}
+    {id}
+    type={inputtype}
     {placeholder}
     {disabled}
-    {min}
-    {max}
-    {minlength}
-    {maxlength}
-    spellcheck="false"
-    {required}
-    {...readonly ? { readonly: true } : {}}
-    {oninput}
-    {onchange}
-    {onblur}
+    {readonly}
   />
-  <!-- Control options -->
-  {#if displayClear}
-    <div class="mc-controls-options js-control-options">
-      <!-- Clear Button -->
+
+  {#if isclearable && value}
+    <div class="mc-controls-options">
       <button
         type="button"
         class="mc-controls-options__button"
@@ -156,9 +114,6 @@
 <style>/**
  * Do not edit directly, this file was auto-generated.
  */
-/**
- * Do not edit directly, this file was auto-generated.
- */
 .mc-controls-options {
   align-items: center;
   display: inline-flex;
@@ -174,18 +129,18 @@
   appearance: none;
   cursor: pointer;
   padding: 0;
-  border-radius: 100%;
+  border-radius: var(--radius-full, 100%);
 }
 .mc-controls-options__button:hover .mc-controls-options__icon {
-  fill: #4d4d4d;
+  fill: var(--forms-color-icon-clear-hover, #4d4d4d);
 }
 .mc-controls-options__button:focus-visible {
-  box-shadow: 0 0 0 0.125rem var(--focus-color-mid, #ffffff), 0 0 0 0.25rem var(--focus-color-outer, #000000);
+  box-shadow: 0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));
   outline: 0.125rem solid transparent;
   outline-offset: 0.125rem;
 }
 .mc-controls-options__icon {
-  fill: #666666;
+  fill: var(--forms-color-icon-clear, #666666);
 }
 .mc-controls-options__button, .mc-controls-options__icon {
   height: 1.5rem;
@@ -202,20 +157,20 @@
   width: 1px;
 }
 .mc-controls-options__unit {
-  font-size: 1rem;
-  line-height: 1.3;
-  font-weight: 600;
-  color: #000000;
+  font-size: var(--font-size-150, 1rem);
+  line-height: var(--line-height-s, 1.3);
+  font-weight: var(--font-weight-semi-bold, 600);
+  color: var(--forms-color-text-default, #000000);
 }
 
 /* stylelint-disable string-no-newline */
 .mc-text-input {
   transition: box-shadow 200ms ease;
-  background-color: #ffffff;
-  border: 1px solid #666666;
-  border-radius: 0.25rem;
+  background-color: var(--forms-color-background-default, #ffffff);
+  border: var(--border-s, 1px) solid var(--forms-color-border-default, #666666);
+  border-radius: var(--forms-radius-border, 0.25rem);
   transition: all ease 200ms;
-  color: #000000;
+  color: var(--forms-color-text-default, #000000);
   display: block;
   width: 100%;
   height: 3rem;
@@ -229,52 +184,56 @@
   border-width: 0;
   font-family: inherit;
   outline: none;
-  padding: 0.75rem 0.6875rem;
-  font-size: 1rem;
-  line-height: 1.3;
-  font-weight: 400;
-  flex-grow: 1;
 }
 .mc-text-input__control[type=number] {
   /* For Blink & WebKit rendering engines */
-  /* For Gecko rendering engine */
-  appearance: textfield;
 }
 .mc-text-input__control[type=number]::-webkit-inner-spin-button, .mc-text-input__control[type=number]::-webkit-outer-spin-button {
   appearance: none;
   margin: 0;
 }
+.mc-text-input__control[type=number] {
+  /* For Gecko rendering engine */
+  appearance: textfield;
+}
 .mc-text-input__control[type=search]::-webkit-search-decoration, .mc-text-input__control[type=search]::-webkit-search-cancel-button {
   appearance: none;
 }
+.mc-text-input__control {
+  padding: 0.75rem 0.6875rem;
+  font-size: var(--font-size-150, 1rem);
+  line-height: var(--line-height-s, 1.3);
+  font-weight: var(--font-weight-regular, 400);
+  flex-grow: 1;
+}
 .mc-text-input__control::placeholder {
-  color: #666666;
+  color: var(--forms-color-placeholder, #666666);
 }
 .mc-text-input__icon {
-  fill: #666666;
+  fill: var(--forms-color-icon-default, #666666);
   height: 1.5rem;
   width: 1.5rem;
   flex-shrink: 0;
 }
 .mc-text-input:focus-within {
-  box-shadow: 0 0 0 0.125rem var(--focus-color-mid, #ffffff), 0 0 0 0.25rem var(--focus-color-outer, #000000);
+  box-shadow: 0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));
   outline: 0.125rem solid transparent;
   outline-offset: 0.125rem;
 }
 .mc-text-input:hover:not(:focus-within) {
-  border-color: #4d4d4d;
-  box-shadow: 0 0 0 1px #4d4d4d;
+  border-color: var(--forms-color-border-hover, #4d4d4d);
+  box-shadow: 0 0 0 var(--border-s, 1px) var(--forms-color-border-hover, #4d4d4d);
 }
 .mc-text-input:has(input:disabled) {
-  background-color: #d9d9d9;
+  background-color: var(--forms-color-background-disabled, #d9d9d9);
   cursor: not-allowed;
   border-color: transparent;
   box-shadow: none;
-  color: #737373;
+  color: var(--forms-color-text-disabled, #737373);
   pointer-events: none;
 }
 .mc-text-input:has(input[readonly]) {
-  border-color: #cccccc;
+  border-color: var(--forms-color-border-read-only, #cccccc);
   pointer-events: none;
 }
 .mc-text-input:has(.mc-text-input__icon) {
@@ -294,8 +253,8 @@
 }
 .mc-text-input--s .mc-text-input__control {
   padding: 0.375rem 0.6875rem;
-  font-size: 0.875rem;
-  line-height: 1.3;
+  font-size: var(--font-size-100, 0.875rem);
+  line-height: var(--line-height-s, 1.3);
 }
 .mc-text-input--s:has(.mc-text-input__icon) {
   padding-inline-start: 0.4375rem;
@@ -304,18 +263,18 @@
   padding-inline-end: 0.4375rem;
 }
 .mc-text-input.is-invalid {
-  border-color: #ea302d;
-  box-shadow: 0 0 0 1px #ea302d;
+  border-color: var(--forms-color-border-invalid, #ea302d);
+  box-shadow: 0 0 0 var(--border-s, 1px) var(--forms-color-border-invalid, #ea302d);
 }
 .mc-text-input.is-invalid:hover:not(:focus-within) {
-  border-color: #c61112;
-  box-shadow: 0 0 0 1px #c61112;
+  border-color: var(--forms-color-border-invalid-hover, #c61112);
+  box-shadow: 0 0 0 var(--border-s, 1px) var(--forms-color-border-invalid-hover, #c61112);
 }
 .mc-text-input * {
   box-sizing: border-box;
 }
 
 /* stylelint-enable string-no-newline */
-.right-align {
-  text-align: right;
+.mc-text-input__icon:empty {
+  display: none;
 }</style>

package/dist/components/textinput/Textinput.svelte.d.ts

@@ -1,29 +1,53 @@
-import type { TextInputSize, TextInputType } from './textinput.types';
-import type { Snippet } from 'svelte';
+/**
+ * A text input is a single-line input that allows users to enter and edit short text-based content. It is commonly used for names, email addresses, search queries, and form entries. Text Inputs often include placeholders, validation rules, and assistive text to guide users and ensure accurate data entry.
+ *
+ * @slot icon - Use this slot to insert an icon in the input.
+ */
 interface Props {
-    name: string;
-    value: string;
-    placeholder: string;
-    inputtype?: TextInputType;
-    isvalid: boolean;
-    isinvalid: boolean;
+    /**
+     * A unique identifier for the input element, used to associate the label with the form element.
+     */
+    id: string;
+    /**
+     * The name attribute for the input element, typically used for form submission.
+     */
+    name?: string;
+    /**
+     * The current value of the input field.
+     */
+    value?: string | number;
+    /**
+     * A placeholder text to show in the input when it is empty.
+     */
+    placeholder?: string;
+    /**
+     * Defines the type of input.
+     */
+    inputtype?: 'date' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text';
+    /**
+     * If `true`, applies an invalid state to the input.
+     */
+    isinvalid?: boolean;
+    /**
+     * If `true`, disables the input, making it non-interactive.
+     */
     disabled?: boolean;
+    /**
+     * Determines the size of the input.
+     */
+    size?: 's' | 'm';
+    /**
+     * If `true`, the input is read-only (cannot be edited).
+     */
     readonly?: boolean;
-    size?: TextInputSize;
-    hasicon?: boolean;
-    icon?: Snippet;
-    rightalign: boolean;
-    min: string;
-    max: string;
-    minlength: number;
-    maxlength: number;
-    required?: boolean;
-    clearlabel?: string;
+    /**
+     * If `true`, a clear button will appear when the input has a value.
+     */
     isclearable?: boolean;
-    onclear?: (arg: string) => void;
-    oninput?: (event: Event) => void;
-    onchange?: (event: Event) => void;
-    onblur?: (event: FocusEvent) => void;
+    /**
+     * The label text for the clear button.
+     */
+    clearlabel?: string;
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/components/textinput/Textinput.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textinput.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/textinput/Textinput.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACtE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACtC;AA6GH,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAUD,QAAA,MAAM,SAAS;;;;UAAqF,CAAC;AACnF,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC;AAClD,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Textinput.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/textinput/Textinput.svelte.ts"],"names":[],"mappings":"AAKE;;;;GAIG;AACH,UAAU,KAAK;IACb;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;IACjF;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AA+CH,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAUD,QAAA,MAAM,SAAS;;;;UAAqF,CAAC;AACnF,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC;AAClD,eAAe,SAAS,CAAC"}

package/dist/components/toaster/README.md

@@ -0,0 +1,28 @@
+# `m-toaster`
+
+A toaster is a temporary notification that appears briefly on the screen to provide feedback or updates without interrupting the user’s workflow. It is commonly used for success messages, warnings, errors, or informational updates. Toasters can disappear automatically after a few seconds, be dismissed manually via a close button, or be removed when the user performs a relevant action. They typically include an icon, a short message, and an optional close button for better usability.
+
+## Props
+
+| Name | Description | Type | Default |
+|------|-------------|------|---------|
+| `open` | If `true`, display the Toaster. | `boolean` |   |
+| `position` | Position of the toaster. | `'top'` `'bottom'` `'top-center'` `'bottom-center'` | `top` |
+| `description*` | Description of the toaster. | `string` |   |
+| `status` | Allows to define the toaster style. | `'info'` `'success'` `'warning'` `'error'` | `info` |
+| `closable` | If `true`, display the close button. | `boolean` | `true` |
+| `progress` | If `true`, display the progress bar of the duration. | `boolean` |   |
+| `timeout` | Duration of the toaster | `number` |   |
+
+## Slots
+
+| Name | Description |
+|------|-------------|
+| `action` | Use this slot to insert a button or a link in the toaster |
+
+## Events
+
+| Name | Description | Type |
+|------|------|-------------|
+| `update:open` | Fired when the open state changes. | `CustomEvent<boolean>` |
+

package/dist/components/toaster/Toaster.js

@@ -1,13 +1,10 @@
-import{c as _,p as x,b as l,q as I,t as j,h as v,i as y,j as c,e as z,u as N,n as te,a as oe,v as V,l as re,f as X,w as W,m as w,d as f,r as g,s as D,g as le}from"../../custom-element.js";import{o as ce,a as se}from"../../index-client.js";import{i as G}from"../../if.js";import{s as ne}from"../../slot.js";import{c as ae,C as ie}from"../../Cross20.js";import{s as b,a as C}from"../../attributes.js";import"../../legacy.js";var de=I('<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M16 3C8.82 3 3 8.82 3 16s5.82 13 13 13 13-5.82 13-13S23.18 3 16 3m0 9a1.333 1.333 0 1 0 0-2.667A1.333 1.333 0 0 0 16 12m1 2.667a1 1 0 1 0-2 0v6.666a1 1 0 1 0 2 0z"></path></svg>');function H(m,t){x(t,!1);let s=l(t,"id",12,void 0),a=l(t,"style",12,void 0),i=l(t,"className",12,void 0),n=l(t,"fill",12,void 0),d=l(t,"size",12,"2rem");var o=de();return j(()=>{b(o,"id",s()),C(o,a()),z(o,0,N(i())),b(o,"fill",n())}),v(m,o),y({get id(){return s()},set id(e){s(e),c()},get style(){return a()},set style(e){a(e),c()},get className(){return i()},set className(e){i(e),c()},get fill(){return n()},set fill(e){n(e),c()},get size(){return d()},set size(e){d(e),c()}})}customElements.define("info-circle-filled-32",_(H,{id:{},style:{},className:{},fill:{},size:{}},[],[],!1));var ue=I('<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M16 3C8.82 3 3 8.82 3 16s5.82 13 13 13 13-5.82 13-13S23.18 3 16 3m1 7.667a1 1 0 1 0-2 0v6.666a1 1 0 1 0 2 0zm-1 12A1.333 1.333 0 1 0 16 20a1.333 1.333 0 0 0 0 2.667"></path></svg>');function J(m,t){x(t,!1);let s=l(t,"id",12,void 0),a=l(t,"style",12,void 0),i=l(t,"className",12,void 0),n=l(t,"fill",12,void 0),d=l(t,"size",12,"2rem");var o=ue();return j(()=>{b(o,"id",s()),C(o,a()),z(o,0,N(i())),b(o,"fill",n())}),v(m,o),y({get id(){return s()},set id(e){s(e),c()},get style(){return a()},set style(e){a(e),c()},get className(){return i()},set className(e){i(e),c()},get fill(){return n()},set fill(e){n(e),c()},get size(){return d()},set size(e){d(e),c()}})}customElements.define("warning-circle-filled-32",_(J,{id:{},style:{},className:{},fill:{},size:{}},[],[],!1));var me=I('<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M16 3C8.82 3 3 8.82 3 16s5.82 13 13 13 13-5.82 13-13S23.18 3 16 3m-4.707 8.293a1 1 0 0 1 1.414 0L16 14.586l3.293-3.293a1 1 0 0 1 1.414 1.414L17.414 16l3.293 3.293a1 1 0 0 1-1.414 1.414L16 17.414l-3.293 3.293a1 1 0 0 1-1.414-1.414L14.586 16l-3.293-3.293a1 1 0 0 1 0-1.414"></path></svg>');function K(m,t){x(t,!1);let s=l(t,"id",12,void 0),a=l(t,"style",12,void 0),i=l(t,"className",12,void 0),n=l(t,"fill",12,void 0),d=l(t,"size",12,"2rem");var o=me();return j(()=>{b(o,"id",s()),C(o,a()),z(o,0,N(i())),b(o,"fill",n())}),v(m,o),y({get id(){return s()},set id(e){s(e),c()},get style(){return a()},set style(e){a(e),c()},get className(){return i()},set className(e){i(e),c()},get fill(){return n()},set fill(e){n(e),c()},get size(){return d()},set size(e){d(e),c()}})}customElements.define("cross-circle-filled-32",_(K,{id:{},style:{},className:{},fill:{},size:{}},[],[],!1));var be=I('<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M16 3C8.82 3 3 8.82 3 16s5.82 13 13 13 13-5.82 13-13S23.18 3 16 3m6.707 8.96a1 1 0 0 1 0 1.414l-7.333 7.333a1 1 0 0 1-1.414 0l-4-4a1 1 0 1 1 1.414-1.414l3.293 3.293 6.626-6.626a1 1 0 0 1 1.414 0"></path></svg>');function O(m,t){x(t,!1);let s=l(t,"id",12,void 0),a=l(t,"style",12,void 0),i=l(t,"className",12,void 0),n=l(t,"fill",12,void 0),d=l(t,"size",12,"2rem");var o=be();return j(()=>{b(o,"id",s()),C(o,a()),z(o,0,N(i())),b(o,"fill",n())}),v(m,o),y({get id(){return s()},set id(e){s(e),c()},get style(){return a()},set style(e){a(e),c()},get className(){return i()},set className(e){i(e),c()},get fill(){return n()},set fill(e){n(e),c()},get size(){return d()},set size(e){d(e),c()}})}customElements.define("check-circle-filled-32",_(O,{id:{},style:{},className:{},fill:{},size:{}},[],[],!1));var fe=X('<button class="mc-toaster__close mc-button mc-button--icon-button mc-button--inverse mc-button--s mc-button--ghost svelte-cj4l5k" type="button" aria-label="Close"><!></button>'),ge=X('<div class="mc-toaster__indicator mc-linear-progressbar-buffer mc-linear-progressbar-buffer--m svelte-cj4l5k"><div class="mc-linear-progressbar-buffer__indicator svelte-cj4l5k" role="progressbar" aria-valuemin="0" aria-valuemax="100"></div></div>'),ve=X('<section role="status" tabindex="-1"><span class="mc-toaster__icon svelte-cj4l5k" aria-hidden="true"><!></span> <div class="mc-toaster__content svelte-cj4l5k"><p class="mc-toaster__message svelte-cj4l5k"> </p> <div class="mc-toaster__action svelte-cj4l5k"><!></div></div> <!> <!></section>');const ke={hash:"svelte-cj4l5k",code:`/**
+import{n as k,o as U,u as Y,q as A,v as Z,c as $,p as oo,a as to,b as a,w as M,l as ro,f as F,s as f,t as S,i as E,j as eo,k as n,x as W,m as v,d as c,r as s,e as ao,g as no,h as co}from"../../custom-element.js";import{i as q}from"../../if.js";import{s as so}from"../../slot.js";import{c as lo,I as uo,C as io,W as bo,a as vo,b as mo}from"../../Cross20.js";import{a as go,s as V}from"../../attributes.js";import{b as ho}from"../../this.js";import"../../legacy.js";function B(e){throw new Error("https://svelte.dev/e/lifecycle_outside_component")}function G(e){k===null&&B(),U&&k.l!==null?ko(k).m.push(e):Y(()=>{const t=A(e);if(typeof t=="function")return t})}function fo(e){k===null&&B(),G(()=>()=>A(e))}function ko(e){var t=e.l;return t.u??(t.u={a:[],b:[],m:[]})}var po=F('<button class="mc-toaster__close mc-button mc-button--icon-button mc-button--inverse mc-button--s mc-button--ghost svelte-h1mguv" type="button" aria-label="Close"><!></button>'),_o=F('<div class="mc-toaster__indicator mc-linear-progressbar-buffer mc-linear-progressbar-buffer--m svelte-h1mguv"><div class="mc-linear-progressbar-buffer__indicator svelte-h1mguv" role="progressbar" aria-valuemin="0" aria-valuemax="100"></div></div>'),wo=F('<section role="status" tabindex="-1"><span class="mc-toaster__icon svelte-h1mguv" aria-hidden="true"><!></span> <div class="mc-toaster__content svelte-h1mguv"><p class="mc-toaster__message svelte-h1mguv"> </p> <div class="mc-toaster__action svelte-h1mguv"><!></div></div> <!> <!></section>');const xo={hash:"svelte-h1mguv",code:`/**
  * Do not edit directly, this file was auto-generated.
- */
-/**
- * Do not edit directly, this file was auto-generated.
- */.mc-button.svelte-cj4l5k {color:#ffffff;background-color:#464e63;font-weight:600;padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;border-radius:0.25rem;transition:all ease 200ms;transition:box-shadow 200ms ease;align-items:center;box-sizing:border-box;font-family:inherit;fill:currentcolor;gap:0.25rem;cursor:pointer;}.mc-button.svelte-cj4l5k:hover {background-color:#343b4c;}.mc-button.svelte-cj4l5k:active {background-color:#242938;}.mc-button.svelte-cj4l5k:disabled {background-color:#d9d9d9;border-color:transparent;color:#737373;cursor:not-allowed;}.mc-button__label.svelte-cj4l5k {font-size:1rem;}.mc-button__icon.svelte-cj4l5k {flex-shrink:0;width:1.5rem;height:1.5rem;}.mc-button.svelte-cj4l5k:disabled {background-color:#d9d9d9;border-color:transparent;color:#737373;cursor:not-allowed;}.mc-button.svelte-cj4l5k:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, #ffffff), 0 0 0 0.25rem var(--focus-color-outer, #000000);outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-button--s.svelte-cj4l5k {padding:0 calc(0.75rem - 0.125rem);min-height:2rem;min-width:2rem;}.mc-button--m.svelte-cj4l5k {padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;}.mc-button--l.svelte-cj4l5k {padding:0 calc(1.25rem - 0.125rem);min-height:4rem;min-width:4rem;}.mc-button--icon-only.svelte-cj4l5k {padding:0.25rem;}.mc-button--outlined.svelte-cj4l5k {color:#242938;border-color:#8891aa;background-color:#ffffff;}.mc-button--outlined.svelte-cj4l5k:hover {background-color:#eff1f6;}.mc-button--outlined.svelte-cj4l5k:active {background-color:#c9d0de;}.mc-button--outlined.svelte-cj4l5k:disabled {background-color:#d9d9d9;border-color:transparent;color:#737373;cursor:not-allowed;}.mc-button--ghost.svelte-cj4l5k {color:#242938;background-color:rgba(255, 255, 255, 0.01);}.mc-button--ghost.svelte-cj4l5k:hover {background-color:rgba(70, 78, 99, 0.1);}.mc-button--ghost.svelte-cj4l5k:active {background-color:rgba(70, 78, 99, 0.2);}.mc-button--ghost.svelte-cj4l5k:disabled {background-color:#d9d9d9;border-color:transparent;color:#737373;cursor:not-allowed;}.mc-button--accent.svelte-cj4l5k {color:#ffffff;background-color:#117f03;}.mc-button--accent.svelte-cj4l5k:hover {background-color:#006902;}.mc-button--accent.svelte-cj4l5k:active {background-color:#035010;}.mc-button--accent.svelte-cj4l5k:disabled {background-color:#d9d9d9;border-color:transparent;color:#737373;cursor:not-allowed;}.mc-button--danger.svelte-cj4l5k {color:#ffffff;background-color:#c61112;}.mc-button--danger.svelte-cj4l5k:hover {background-color:#8c0003;}.mc-button--danger.svelte-cj4l5k:active {background-color:#530000;}.mc-button--danger.svelte-cj4l5k:disabled {background-color:#d9d9d9;border-color:transparent;color:#737373;cursor:not-allowed;}.mc-button--inverse.svelte-cj4l5k {--focus-color-mid: #000000;--focus-color-outer: #ffffff;color:#242938;background-color:#ffffff;}.mc-button--inverse.svelte-cj4l5k:hover {background-color:#e6e6e6;}.mc-button--inverse.svelte-cj4l5k:active {background-color:#cccccc;}.mc-button--inverse.svelte-cj4l5k:disabled {background-color:#d9d9d9;border-color:transparent;color:#737373;cursor:not-allowed;}.mc-button--icon-button.svelte-cj4l5k {border-radius:100%;padding:0;}.mc-button--outlined.mc-button--standard.svelte-cj4l5k {color:#242938;border-color:#8891aa;background-color:#ffffff;}.mc-button--outlined.mc-button--standard.svelte-cj4l5k:hover {background-color:#eff1f6;}.mc-button--outlined.mc-button--standard.svelte-cj4l5k:active {background-color:#c9d0de;}.mc-button--outlined.mc-button--standard.svelte-cj4l5k:disabled {background-color:#d9d9d9;border-color:transparent;color:#737373;cursor:not-allowed;}.mc-button--outlined.mc-button--accent.svelte-cj4l5k {color:#117f03;border-color:#78be20;background-color:#ffffff;}.mc-button--outlined.mc-button--accent.svelte-cj4l5k:hover {background-color:#ebf5de;}.mc-button--outlined.mc-button--accent.svelte-cj4l5k:active {background-color:#c5e39e;}.mc-button--outlined.mc-button--accent.svelte-cj4l5k:disabled {background-color:#d9d9d9;border-color:transparent;color:#737373;cursor:not-allowed;}.mc-button--outlined.mc-button--danger.svelte-cj4l5k {color:#c61112;border-color:#ef5f5c;background-color:#ffffff;}.mc-button--outlined.mc-button--danger.svelte-cj4l5k:hover {background-color:#fdeaea;}.mc-button--outlined.mc-button--danger.svelte-cj4l5k:active {background-color:#f8bcbb;}.mc-button--outlined.mc-button--danger.svelte-cj4l5k:disabled {background-color:#d9d9d9;border-color:transparent;color:#737373;cursor:not-allowed;}.mc-button--outlined.mc-button--inverse.svelte-cj4l5k {color:#ffffff;border-color:#ffffff;background-color:rgba(255, 255, 255, 0.01);}.mc-button--outlined.mc-button--inverse.svelte-cj4l5k:hover {background-color:rgba(255, 255, 255, 0.1);}.mc-button--outlined.mc-button--inverse.svelte-cj4l5k:active {background-color:rgba(255, 255, 255, 0.2);}.mc-button--outlined.mc-button--inverse.svelte-cj4l5k:disabled {background-color:#d9d9d9;border-color:transparent;color:#737373;cursor:not-allowed;}.mc-button--ghost.mc-button--standard.svelte-cj4l5k {color:#242938;background-color:rgba(255, 255, 255, 0.01);}.mc-button--ghost.mc-button--standard.svelte-cj4l5k:hover {background-color:rgba(70, 78, 99, 0.1);}.mc-button--ghost.mc-button--standard.svelte-cj4l5k:active {background-color:rgba(70, 78, 99, 0.2);}.mc-button--ghost.mc-button--standard.svelte-cj4l5k:disabled {background-color:#d9d9d9;border-color:transparent;color:#737373;cursor:not-allowed;}.mc-button--ghost.mc-button--accent.svelte-cj4l5k {color:#117f03;background-color:rgba(255, 255, 255, 0.01);}.mc-button--ghost.mc-button--accent.svelte-cj4l5k:hover {background-color:rgba(17, 127, 3, 0.1);}.mc-button--ghost.mc-button--accent.svelte-cj4l5k:active {background-color:rgba(17, 127, 3, 0.2);}.mc-button--ghost.mc-button--accent.svelte-cj4l5k:disabled {background-color:#d9d9d9;border-color:transparent;color:#737373;cursor:not-allowed;}.mc-button--ghost.mc-button--danger.svelte-cj4l5k {color:#c61112;background-color:rgba(255, 255, 255, 0.01);}.mc-button--ghost.mc-button--danger.svelte-cj4l5k:hover {background-color:rgba(198, 17, 18, 0.1);}.mc-button--ghost.mc-button--danger.svelte-cj4l5k:active {background-color:rgba(198, 17, 18, 0.2);}.mc-button--ghost.mc-button--danger.svelte-cj4l5k:disabled {background-color:#d9d9d9;border-color:transparent;color:#737373;cursor:not-allowed;}.mc-button--ghost.mc-button--inverse.svelte-cj4l5k {color:#ffffff;background-color:rgba(255, 255, 255, 0.01);}.mc-button--ghost.mc-button--inverse.svelte-cj4l5k:hover {background-color:rgba(255, 255, 255, 0.1);}.mc-button--ghost.mc-button--inverse.svelte-cj4l5k:active {background-color:rgba(255, 255, 255, 0.2);}.mc-button--ghost.mc-button--inverse.svelte-cj4l5k:disabled {background-color:#d9d9d9;border-color:transparent;color:#737373;cursor:not-allowed;}.mc-linear-progressbar-buffer.svelte-cj4l5k {--progress-value: 40;background-color:#c9d0de;height:0.25rem;position:relative;min-width:6rem;border-radius:1rem;}.mc-linear-progressbar-buffer__indicator.svelte-cj4l5k {background-color:#464e63;height:100%;transition:width 0.4s ease;overflow:hidden;border-radius:1rem;box-sizing:border-box;width:calc(var(--progress-value) * 1%);}.mc-linear-progressbar-buffer--s.svelte-cj4l5k {height:0.125rem;}.mc-linear-progressbar-buffer--l.svelte-cj4l5k {height:0.5rem;}
+ */.mc-button.svelte-h1mguv {color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63);}.mc-button.svelte-h1mguv:hover {background-color:var(--button-color-filled-standard-hover-background, #343b4c);}.mc-button.svelte-h1mguv:active {background-color:var(--button-color-filled-standard-active-background, #242938);}.mc-button.svelte-h1mguv:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button.svelte-h1mguv {font-weight:var(--font-weight-semi-bold, 600);padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;}.mc-button.svelte-h1mguv {display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;border-radius:var(--button-radius, 0.25rem);transition:all ease 200ms;transition:box-shadow 200ms ease;align-items:center;box-sizing:border-box;font-family:inherit;fill:currentcolor;gap:0.25rem;cursor:pointer;}.mc-button__label.svelte-h1mguv {font-size:var(--font-size-150, 1rem);}.mc-button__icon.svelte-h1mguv {flex-shrink:0;width:1.5rem;height:1.5rem;}.mc-button.svelte-h1mguv:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button.svelte-h1mguv:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-button--s.svelte-h1mguv {padding:0 calc(0.75rem - 0.125rem);min-height:2rem;min-width:2rem;}.mc-button--m.svelte-h1mguv {padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;}.mc-button--l.svelte-h1mguv {padding:0 calc(1.25rem - 0.125rem);min-height:4rem;min-width:4rem;}.mc-button--icon-only.svelte-h1mguv {padding:0.25rem;}.mc-button--outlined.svelte-h1mguv {color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff);}.mc-button--outlined.svelte-h1mguv:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.svelte-h1mguv:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.svelte-h1mguv:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.svelte-h1mguv {color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.svelte-h1mguv:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.svelte-h1mguv:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.svelte-h1mguv:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--accent.svelte-h1mguv {color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03);}.mc-button--accent.svelte-h1mguv:hover {background-color:var(--button-color-filled-accent-hover-background, #006902);}.mc-button--accent.svelte-h1mguv:active {background-color:var(--button-color-filled-accent-active-background, #035010);}.mc-button--accent.svelte-h1mguv:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--danger.svelte-h1mguv {color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112);}.mc-button--danger.svelte-h1mguv:hover {background-color:var(--button-color-filled-danger-hover-background, #8c0003);}.mc-button--danger.svelte-h1mguv:active {background-color:var(--button-color-filled-danger-active-background, #530000);}.mc-button--danger.svelte-h1mguv:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--inverse.svelte-h1mguv {--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--button-color-filled-inverse-font, #242938);background-color:var(--button-color-filled-inverse-background, #ffffff);}.mc-button--inverse.svelte-h1mguv:hover {background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);}.mc-button--inverse.svelte-h1mguv:active {background-color:var(--button-color-filled-inverse-active-background, #cccccc);}.mc-button--inverse.svelte-h1mguv:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--icon-button.svelte-h1mguv {border-radius:var(--radius-full, 100%);padding:0;}.mc-button--outlined.mc-button--standard.svelte-h1mguv {color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff);}.mc-button--outlined.mc-button--standard.svelte-h1mguv:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.mc-button--standard.svelte-h1mguv:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.mc-button--standard.svelte-h1mguv:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--outlined.mc-button--accent.svelte-h1mguv {color:var(--button-color-outlined-accent-font, #117f03);border-color:var(--button-color-outlined-accent-border, #78be20);background-color:var(--button-color-outlined-accent-background, #ffffff);}.mc-button--outlined.mc-button--accent.svelte-h1mguv:hover {background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);}.mc-button--outlined.mc-button--accent.svelte-h1mguv:active {background-color:var(--button-color-outlined-accent-active-background, #c5e39e);}.mc-button--outlined.mc-button--accent.svelte-h1mguv:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--outlined.mc-button--danger.svelte-h1mguv {color:var(--button-color-outlined-danger-font, #c61112);border-color:var(--button-color-outlined-danger-border, #ef5f5c);background-color:var(--button-color-outlined-danger-background, #ffffff);}.mc-button--outlined.mc-button--danger.svelte-h1mguv:hover {background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);}.mc-button--outlined.mc-button--danger.svelte-h1mguv:active {background-color:var(--button-color-outlined-danger-active-background, #f8bcbb);}.mc-button--outlined.mc-button--danger.svelte-h1mguv:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--outlined.mc-button--inverse.svelte-h1mguv {color:var(--button-color-outlined-inverse-font, #ffffff);border-color:var(--button-color-outlined-inverse-border, #ffffff);background-color:var(--button-color-outlined-inverse-background, rgba(255, 255, 255, 0.01));}.mc-button--outlined.mc-button--inverse.svelte-h1mguv:hover {background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--outlined.mc-button--inverse.svelte-h1mguv:active {background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--outlined.mc-button--inverse.svelte-h1mguv:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--standard.svelte-h1mguv {color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--standard.svelte-h1mguv:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.mc-button--standard.svelte-h1mguv:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.mc-button--standard.svelte-h1mguv:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--accent.svelte-h1mguv {color:var(--button-color-ghost-accent-font, #117f03);background-color:var(--button-color-ghost-accent-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--accent.svelte-h1mguv:hover {background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, 0.1));}.mc-button--ghost.mc-button--accent.svelte-h1mguv:active {background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, 0.2));}.mc-button--ghost.mc-button--accent.svelte-h1mguv:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--danger.svelte-h1mguv {color:var(--button-color-ghost-danger-font, #c61112);background-color:var(--button-color-ghost-danger-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--danger.svelte-h1mguv:hover {background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, 0.1));}.mc-button--ghost.mc-button--danger.svelte-h1mguv:active {background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, 0.2));}.mc-button--ghost.mc-button--danger.svelte-h1mguv:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--inverse.svelte-h1mguv {color:var(--button-color-ghost-inverse-font, #ffffff);background-color:var(--button-color-ghost-inverse-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--inverse.svelte-h1mguv:hover {background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--ghost.mc-button--inverse.svelte-h1mguv:active {background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--ghost.mc-button--inverse.svelte-h1mguv:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-linear-progressbar-buffer.svelte-h1mguv {--progress-value: 40;background-color:var(--progressbar-color-background, #c9d0de);height:0.25rem;position:relative;min-width:6rem;border-radius:var(--radius-l, 1rem);}.mc-linear-progressbar-buffer__indicator.svelte-h1mguv {background-color:var(--progressbar-color-indicator, #464e63);height:100%;transition:width 0.4s ease;overflow:hidden;border-radius:var(--radius-l, 1rem);box-sizing:border-box;width:calc(var(--progress-value) * 1%);}.mc-linear-progressbar-buffer--s.svelte-h1mguv {height:0.125rem;}.mc-linear-progressbar-buffer--l.svelte-h1mguv {height:0.5rem;}
 
 /* create columns */
 /* create columns */
-/* create custom named columns with custom content */.mc-toaster.svelte-cj4l5k {border-radius:0.5rem;display:flex;flex-flow:row wrap;align-items:flex-start;background:#002a41;min-height:3.5rem;min-width:18rem;position:absolute;top:1.5rem;right:1.5rem;margin-left:1.5rem;box-sizing:border-box;color:#ffffff;z-index:var(--toaster-z-index, 4);opacity:0;visibility:hidden;transform:translateX(25%);transition:visibility 0s linear 0.4s, transform 0.4s ease-in-out, opacity 0.4s ease-in-out;}.mc-toaster.is-open.svelte-cj4l5k {opacity:1;visibility:visible;transform:translateX(0);}.mc-toaster__icon.svelte-cj4l5k {width:2rem;height:2rem;margin:0.75rem;fill:#3facd7;}.mc-toaster__content.svelte-cj4l5k {flex:1 1 0;flex-direction:column;align-self:stretch;display:flex;align-items:flex-start;gap:1rem;padding:0.75rem 1rem 0.75rem 0;}
-@media (width >= 680px) {.mc-toaster__content.svelte-cj4l5k {flex-direction:row;align-items:center;}
-}.mc-toaster__message.svelte-cj4l5k {flex:1 1 0;margin:0;font-size:1rem;line-height:1.3;}.mc-toaster--information.svelte-cj4l5k {background:#002a41;}.mc-toaster--information.svelte-cj4l5k .mc-toaster__icon:where(.svelte-cj4l5k) {fill:#3facd7;}.mc-toaster--information.svelte-cj4l5k .mc-toaster__indicator:where(.svelte-cj4l5k) {--progressbar-color-indicator: #3facd7;}.mc-toaster--success.svelte-cj4l5k {background:#023618;}.mc-toaster--success.svelte-cj4l5k .mc-toaster__icon:where(.svelte-cj4l5k) {fill:#78be20;}.mc-toaster--success.svelte-cj4l5k .mc-toaster__indicator:where(.svelte-cj4l5k) {--progressbar-color-indicator: #78be20;}.mc-toaster--warning.svelte-cj4l5k {background:#360e00;}.mc-toaster--warning.svelte-cj4l5k .mc-toaster__icon:where(.svelte-cj4l5k) {fill:#ef934a;}.mc-toaster--warning.svelte-cj4l5k .mc-toaster__indicator:where(.svelte-cj4l5k) {--progressbar-color-indicator: #ef934a;}.mc-toaster--error.svelte-cj4l5k {background:#2d0000;}.mc-toaster--error.svelte-cj4l5k .mc-toaster__icon:where(.svelte-cj4l5k) {fill:#ef5f5c;}.mc-toaster--error.svelte-cj4l5k .mc-toaster__indicator:where(.svelte-cj4l5k) {--progressbar-color-indicator: #ef5f5c;}.mc-toaster--bottom.svelte-cj4l5k {top:inherit;bottom:1.5rem;right:1.5rem;}.mc-toaster--top-center.svelte-cj4l5k {top:1.5rem;right:50%;transform:translateX(50%) !important;}.mc-toaster--bottom-center.svelte-cj4l5k {top:inherit;bottom:1.5rem;right:50%;transform:translateX(50%) !important;}.mc-toaster__indicator.svelte-cj4l5k {width:100%;margin:0.5rem;--progressbar-color-indicator: #3facd7;--progressbar-color-background: #ffffff;}.mc-toaster__close.svelte-cj4l5k {margin:0.25rem;}.mc-toaster__action.svelte-cj4l5k:empty {display:none;}`};function he(m,t){x(t,!0),oe(m,ke);let s=l(t,"open",7),a=l(t,"position",7,"top"),i=l(t,"description",7),n=l(t,"status",7,"info"),d=l(t,"closable",7,!0),o=l(t,"progress",7),e=l(t,"timeout",7);const T=[{status:"info",component:H},{status:"success",component:O},{status:"warning",component:J},{status:"error",component:K}];function P(r){return T.find(u=>u.status===r)||T[0]}let Q=V(re(P(n()))),k=V(0),E=null,M=null;const S=()=>{s(!1);const r=new CustomEvent("update:open",{detail:s(),bubbles:!0,composed:!0});this.dispatchEvent(r)};ce(()=>{if(e())if(o()){const h=100/(e()/100);E=setInterval(()=>{W(k,w(k)+h),w(k)>=100&&(W(k,100),clearInterval(E),S())},100)}else M=setTimeout(()=>{S()},e())}),se(()=>{E&&clearInterval(E),M&&clearTimeout(M)});var p=ve(),B=f(p),R=f(B);ae(R,()=>w(Q).component,(r,u)=>{u(r,{})}),g(B);var F=D(B,2),L=f(F),U=f(L,!0);g(L);var A=D(L,2),Y=f(A);ne(Y,t,"action",{}),g(A),g(F);var q=D(F,2);{var Z=r=>{var u=fe();u.__click=S;var h=f(u);ie(h,{class:"mc-button__icon",slot:"icon","aria-hidden":"true"}),g(u),v(r,u)};G(q,r=>{d()&&r(Z)})}var $=D(q,2);{var ee=r=>{var u=ge(),h=f(u);g(u),j(()=>{C(h,`--progress-value: ${w(k)};`),b(h,"aria-valuenow",w(k))}),v(r,u)};G($,r=>{o()&&r(ee)})}return g(p),j(()=>{z(p,1,N(["mc-toaster",s()&&"is-open",`mc-toaster--${n()}`,`mc-toaster--${a()}`]),"svelte-cj4l5k"),b(p,"aria-hidden",!s()),le(U,i())}),v(m,p),y({get open(){return s()},set open(r){s(r),c()},get position(){return a()},set position(r="top"){a(r),c()},get description(){return i()},set description(r){i(r),c()},get status(){return n()},set status(r="info"){n(r),c()},get closable(){return d()},set closable(r=!0){d(r),c()},get progress(){return o()},set progress(r){o(r),c()},get timeout(){return e()},set timeout(r){e(r),c()}})}te(["click"]);customElements.define("m-toaster",_(he,{open:{},position:{},description:{},status:{},closable:{},progress:{},timeout:{}},["action"],[],!0));
+/* create custom named columns with custom content */.mc-toaster.svelte-h1mguv {border-radius:var(--radius-m, 0.5rem);display:flex;flex-flow:row wrap;align-items:flex-start;background:var(--toaster-color-background-information, #002a41);min-height:3.5rem;min-width:18rem;position:absolute;top:1.5rem;right:1.5rem;margin-left:1.5rem;box-sizing:border-box;color:var(--toaster-color-text, #ffffff);z-index:var(--toaster-z-index, 4);opacity:0;visibility:hidden;transform:translateX(25%);transition:visibility 0s linear 0.4s, transform 0.4s ease-in-out, opacity 0.4s ease-in-out;}.mc-toaster.is-open.svelte-h1mguv {opacity:1;visibility:visible;transform:translateX(0);}.mc-toaster__icon.svelte-h1mguv {width:2rem;height:2rem;margin:0.75rem;fill:var(--toaster-color-icon-information, #3facd7);}.mc-toaster__content.svelte-h1mguv {flex:1 1 0;flex-direction:column;align-self:stretch;display:flex;align-items:flex-start;gap:1rem;padding:0.75rem 1rem 0.75rem 0;}
+@media (width >= 680px) {.mc-toaster__content.svelte-h1mguv {flex-direction:row;align-items:center;}
+}.mc-toaster__message.svelte-h1mguv {flex:1 1 0;margin:0;font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);}.mc-toaster--information.svelte-h1mguv {background:var(--toaster-color-background-information, #002a41);}.mc-toaster--information.svelte-h1mguv .mc-toaster__icon:where(.svelte-h1mguv) {fill:var(--toaster-color-icon-information, #3facd7);}.mc-toaster--information.svelte-h1mguv .mc-toaster__indicator:where(.svelte-h1mguv) {--progressbar-color-indicator: var(--toaster-color-icon-information, #3facd7);}.mc-toaster--success.svelte-h1mguv {background:var(--toaster-color-background-success, #023618);}.mc-toaster--success.svelte-h1mguv .mc-toaster__icon:where(.svelte-h1mguv) {fill:var(--toaster-color-icon-success, #78be20);}.mc-toaster--success.svelte-h1mguv .mc-toaster__indicator:where(.svelte-h1mguv) {--progressbar-color-indicator: var(--toaster-color-icon-success, #78be20);}.mc-toaster--warning.svelte-h1mguv {background:var(--toaster-color-background-warning, #360e00);}.mc-toaster--warning.svelte-h1mguv .mc-toaster__icon:where(.svelte-h1mguv) {fill:var(--toaster-color-icon-warning, #ef934a);}.mc-toaster--warning.svelte-h1mguv .mc-toaster__indicator:where(.svelte-h1mguv) {--progressbar-color-indicator: var(--toaster-color-icon-warning, #ef934a);}.mc-toaster--error.svelte-h1mguv {background:var(--toaster-color-background-error, #2d0000);}.mc-toaster--error.svelte-h1mguv .mc-toaster__icon:where(.svelte-h1mguv) {fill:var(--toaster-color-icon-error, #ef5f5c);}.mc-toaster--error.svelte-h1mguv .mc-toaster__indicator:where(.svelte-h1mguv) {--progressbar-color-indicator: var(--toaster-color-icon-error, #ef5f5c);}.mc-toaster--bottom.svelte-h1mguv {top:inherit;bottom:1.5rem;right:1.5rem;}.mc-toaster--top-center.svelte-h1mguv {top:1.5rem;right:50%;transform:translateX(50%) !important;}.mc-toaster--bottom-center.svelte-h1mguv {top:inherit;bottom:1.5rem;right:50%;transform:translateX(50%) !important;}.mc-toaster__indicator.svelte-h1mguv {width:100%;margin:0.5rem;--progressbar-color-indicator: var(--toaster-color-icon-information, #3facd7);--progressbar-color-background: var(--color-background-primary, #ffffff);}.mc-toaster__close.svelte-h1mguv {margin:0.25rem;}.mc-toaster__action.svelte-h1mguv:empty {display:none;}`};function yo(e,t){oo(t,!0),to(e,xo);let l=a(t,"open",7),p=a(t,"position",7,"top"),_=a(t,"description",7),m=a(t,"status",7,"info"),w=a(t,"closable",7,!0),g=a(t,"progress",7),b=a(t,"timeout",7),x;const X=[{status:"info",component:uo},{status:"success",component:io},{status:"warning",component:bo},{status:"error",component:vo}];function H(o){return X.find(r=>r.status===o)||X[0]}let J=M(ro(H(m()))),u=M(0),h=null,y=null;const C=()=>{l(!1);const o=new CustomEvent("update:open",{detail:l(),bubbles:!0,composed:!0});x.dispatchEvent(o)};G(()=>{if(b())if(g()){const i=100/(b()/100);h=setInterval(()=>{W(u,v(u)+i),v(u)>=100&&(W(u,100),clearInterval(h),C())},100)}else y=setTimeout(()=>{C()},b())}),fo(()=>{h&&clearInterval(h),y&&clearTimeout(y)});var K={get open(){return l()},set open(o){l(o),n()},get position(){return p()},set position(o="top"){p(o),n()},get description(){return _()},set description(o){_(o),n()},get status(){return m()},set status(o="info"){m(o),n()},get closable(){return w()},set closable(o=!0){w(o),n()},get progress(){return g()},set progress(o){g(o),n()},get timeout(){return b()},set timeout(o){b(o),n()}},d=wo(),z=c(d),L=c(z);lo(L,()=>v(J).component,(o,r)=>{r(o,{})}),s(z);var I=f(z,2),D=c(I),N=c(D,!0);s(D);var T=f(D,2),O=c(T);so(O,t,"action",{}),s(T),s(I);var j=f(I,2);{var P=o=>{var r=po();r.__click=C;var i=c(r);mo(i,{class:"mc-button__icon",slot:"icon","aria-hidden":"true"}),s(r),E(o,r)};q(j,o=>{w()&&o(P)})}var Q=f(j,2);{var R=o=>{var r=_o(),i=c(r);s(r),S(()=>{go(i,`--progress-value: ${v(u)};`),V(i,"aria-valuenow",v(u))}),E(o,r)};q(Q,o=>{g()&&o(R)})}return s(d),ho(d,o=>x=o,()=>x),S(()=>{ao(d,1,no(["mc-toaster",l()&&"is-open",`mc-toaster--${m()}`,`mc-toaster--${p()}`]),"svelte-h1mguv"),V(d,"aria-hidden",!l()),co(N,_())}),E(e,d),eo(K)}Z(["click"]);customElements.define("m-toaster",$(yo,{open:{},position:{},description:{},status:{},closable:{},progress:{},timeout:{}},["action"],[],!0));
 //# sourceMappingURL=Toaster.js.map