@mozaic-ds/web-components 1.7.0 → 1.8.0

package/dist/components/textarea/Textarea.js

@@ -1,4 +1,4 @@
-import{c as x,e as w,a as y,p as o,b as z,d as p,f as j,n as q,m as a,z as _}from"../../custom-element.js";import{a as k}from"../../attributes.js";import{c as B}from"../../input.js";import{c as E}from"../../custom-element-forward-events.js";var D=j("<textarea></textarea>");const F={hash:"svelte-1qbzujl",code:`/**
+import{c as x,e as w,a as y,p as o,b as z,d as p,f as j,l as q,m as a,z as _}from"../../custom-element.js";import{a as k}from"../../attributes.js";import{c as B}from"../../input.js";import{c as E}from"../../custom-element-forward-events.js";var D=j("<textarea></textarea>");const F={hash:"svelte-1qbzujl",code:`/**
  * Do not edit directly, this file was auto-generated.
- */.mc-textarea.svelte-1qbzujl {font-family:inherit;transition:box-shadow 200ms ease;background-color:var(--forms-color-background-default, #ffffff);border:var(--border-width-s, 0.0625rem) solid var(--forms-color-border-default, #666666);border-radius:var(--forms-border-radius, 0.25rem);transition:all ease 200ms;color:var(--forms-color-text-default, #000000);display:block;width:100%;font-size:var(--font-size-150, 1rem);line-height:var(--line-height-m, 1.5);min-height:4rem;padding:0.5rem 0.75rem;box-sizing:border-box;}.mc-textarea.svelte-1qbzujl::placeholder {color:var(--forms-color-placeholder, #666666);}.mc-textarea.svelte-1qbzujl:hover {border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-hover, #4d4d4d);}.mc-textarea.svelte-1qbzujl:focus {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-textarea.svelte-1qbzujl:disabled {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);}.mc-textarea[readonly].svelte-1qbzujl {border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none;}.mc-textarea.is-invalid.svelte-1qbzujl {border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-invalid, #ea302d);}.mc-textarea.is-invalid.svelte-1qbzujl:hover {border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-invalid-hover, #c61112);}`};function S(f,r){w(r,!0),y(f,F);let d=o(r,"id",7),s=o(r,"name",7),i=o(r,"value",7),n=o(r,"placeholder",7),t=o(r,"isinvalid",7),m=o(r,"disabled",7),c=o(r,"rows",7,2),v=o(r,"minlength",7),u=o(r,"maxlength",7),b=o(r,"readonly",7),h=q(r,["$$slots","$$events","$$legacy","$$host","id","name","value","placeholder","isinvalid","disabled","rows","minlength","maxlength","readonly"]);var g={get id(){return d()},set id(e){d(e),a()},get name(){return s()},set name(e){s(e),a()},get value(){return i()},set value(e){i(e),a()},get placeholder(){return n()},set placeholder(e){n(e),a()},get isinvalid(){return t()},set isinvalid(e){t(e),a()},get disabled(){return m()},set disabled(e){m(e),a()},get rows(){return c()},set rows(e=2){c(e),a()},get minlength(){return v()},set minlength(e){v(e),a()},get maxlength(){return u()},set maxlength(e){u(e),a()},get readonly(){return b()},set readonly(e){b(e),a()}},l=D();return _(l),k(l,()=>({class:["mc-textarea",t()&&"is-invalid"],"aria-invalid":t(),name:s(),id:d(),placeholder:n(),rows:c(),disabled:m(),minlength:v(),maxlength:u(),readonly:b(),...h}),void 0,void 0,void 0,"svelte-1qbzujl"),B(l,i),z(f,l),p(g)}customElements.define("m-textarea",x(S,{isinvalid:{attribute:"isinvalid",reflect:!0,type:"Boolean"},disabled:{attribute:"disabled",reflect:!0,type:"Boolean"},readonly:{attribute:"readonly",reflect:!0,type:"Boolean"},id:{},name:{},value:{},placeholder:{},rows:{},minlength:{},maxlength:{}},[],[],{mode:"open"},E));
+ */.mc-textarea.svelte-1qbzujl {font-family:inherit;transition:box-shadow 200ms ease;background-color:var(--forms-color-background-default, #ffffff);border:var(--border-width-s, 0.0625rem) solid var(--forms-color-border-default, #666666);border-radius:var(--forms-border-radius, 0.25rem);transition:all ease 200ms;color:var(--forms-color-text-default, #000000);display:block;width:100%;font-size:var(--font-size-150, 1rem);line-height:var(--line-height-m, 1.5);min-height:4rem;padding:0.5rem 0.75rem;box-sizing:border-box;}.mc-textarea.svelte-1qbzujl::placeholder {color:var(--forms-color-placeholder, #666666);}.mc-textarea.svelte-1qbzujl:hover {border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-hover, #4d4d4d);}.mc-textarea.svelte-1qbzujl:focus {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-textarea.svelte-1qbzujl:disabled {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);}.mc-textarea[readonly].svelte-1qbzujl {border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none;}.mc-textarea.is-invalid.svelte-1qbzujl {border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-invalid, #ea302d);}.mc-textarea.is-invalid.svelte-1qbzujl:hover {border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-invalid-hover, #c61112);}`};function S(f,r){w(r,!0),y(f,F);let d=o(r,"id",7),s=o(r,"name",7),i=o(r,"value",15),n=o(r,"placeholder",7),t=o(r,"isinvalid",7),m=o(r,"disabled",7),c=o(r,"rows",7,2),v=o(r,"minlength",7),u=o(r,"maxlength",7),b=o(r,"readonly",7),h=q(r,["$$slots","$$events","$$legacy","$$host","id","name","value","placeholder","isinvalid","disabled","rows","minlength","maxlength","readonly"]);var g={get id(){return d()},set id(e){d(e),a()},get name(){return s()},set name(e){s(e),a()},get value(){return i()},set value(e){i(e),a()},get placeholder(){return n()},set placeholder(e){n(e),a()},get isinvalid(){return t()},set isinvalid(e){t(e),a()},get disabled(){return m()},set disabled(e){m(e),a()},get rows(){return c()},set rows(e=2){c(e),a()},get minlength(){return v()},set minlength(e){v(e),a()},get maxlength(){return u()},set maxlength(e){u(e),a()},get readonly(){return b()},set readonly(e){b(e),a()}},l=D();return _(l),k(l,()=>({class:["mc-textarea",t()&&"is-invalid"],"aria-invalid":t(),name:s(),id:d(),placeholder:n(),rows:c(),disabled:m(),minlength:v(),maxlength:u(),readonly:b(),...h}),void 0,void 0,void 0,"svelte-1qbzujl"),B(l,i),z(f,l),p(g)}customElements.define("m-textarea",x(S,{isinvalid:{attribute:"isinvalid",reflect:!0,type:"Boolean"},disabled:{attribute:"disabled",reflect:!0,type:"Boolean"},readonly:{attribute:"readonly",reflect:!0,type:"Boolean"},id:{},name:{},value:{},placeholder:{},rows:{},minlength:{},maxlength:{}},[],[],{mode:"open"},E));
 //# sourceMappingURL=Textarea.js.map

package/dist/components/textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../../../src/components/textarea/Textarea.svelte"],"sourcesContent":["<svelte:options\n  customElement={{\n    tag: 'm-textarea',\n    props: {\n      isinvalid: { reflect: true, type: 'Boolean', attribute: 'isinvalid' },\n      disabled: { reflect: true, type: 'Boolean', attribute: 'disabled' },\n      readonly: { reflect: true, type: 'Boolean', attribute: 'readonly' },\n    },\n    extend: customElementForwardEvents,\n  }}\n/>\n\n<script lang=\"ts\">\n  import { customElementForwardEvents } from '../../utils';\n  /**\n   * A text area is an input designed for multi-line text entry, allowing users to input longer content compared to a standard text input. It is commonly used for comments, feedback, descriptions, and messaging. Text areas can be resizable or fixed in height, depending on the context, and often include placeholder text, character limits, and validation messages to guide users.\n   */\n  interface Props {\n    [key: string]: any;\n    /**\n     * A unique identifier for the textarea, used to associate the label with the form element.\n     */\n    id: string;\n    /**\n     * The name attribute for the textarea element, used for form submission.\n     */\n    name?: string;\n    /**\n     * The current value of the textarea field.\n     */\n    value?: string | number;\n    /**\n     * Text displayed when the textarea is empty.\n     */\n    placeholder?: string;\n    /**\n     * If `true`, the textarea is marked as invalid.\n     */\n    isinvalid?: boolean;\n    /**\n     * If `true`, the textarea is disabled and non-interactive.\n     */\n    disabled?: boolean;\n    /**\n     * The number of visible text lines in the textarea.\n     */\n    rows?: number;\n    /**\n     * Minimum number of characters required for the textarea.\n     */\n    minlength?: number;\n    /**\n     * Maximum number of characters allowed in the textarea.\n     */\n    maxlength?: number;\n    /**\n     * If `true`, the textarea is read-only (cannot be edited).\n     */\n    readonly?: boolean;\n  }\n\n  let {\n    id,\n    name,\n    value,\n    placeholder,\n    isinvalid,\n    disabled,\n    rows = 2,\n    minlength,\n    maxlength,\n    readonly,\n    ...attrs\n  }: Props = $props();\n</script>\n\n<textarea\n  bind:value\n  class={['mc-textarea', isinvalid && 'is-invalid']}\n  aria-invalid={isinvalid}\n  {name}\n  {id}\n  {placeholder}\n  {rows}\n  {disabled}\n  {minlength}\n  {maxlength}\n  {readonly}\n  {...attrs}\n></textarea>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/textarea';\n</style>\n"],"names":["id","$.prop","$$props","name","value","placeholder","isinvalid","disabled","rows","minlength","maxlength","readonly","attrs","$.rest_props","textarea","root","$.remove_textarea_child","$.bind_value","$.append","$$anchor","customElementForwardEvents"],"mappings":";;+wDAYA,oBAkDIA,EAAEC,EAAAC,EAAA,KAAA,CAAA,EACFC,EAAIF,EAAAC,EAAA,OAAA,CAAA,EACJE,EAAKH,EAAAC,EAAA,QAAA,CAAA,EACLG,EAAWJ,EAAAC,EAAA,cAAA,CAAA,EACXI,EAASL,EAAAC,EAAA,YAAA,CAAA,EACTK,EAAQN,EAAAC,EAAA,WAAA,CAAA,EACRM,eAAO,CAAC,EACRC,EAASR,EAAAC,EAAA,YAAA,CAAA,EACTQ,EAAST,EAAAC,EAAA,YAAA,CAAA,EACTS,EAAQV,EAAAC,EAAA,WAAA,CAAA,EACLU,EAAAC,EAAAX,EAAA,oeAJI,EAAC,+KAQXY,EAAAC,EAAA,EAAAC,OAAAA,EAAAF,CAAA,IAAAA,eAES,cAAeR,EAAS,GAAI,YAAY,iBAClCA,EAAS,OACtBH,EAAI,KACJH,EAAE,cACFK,EAAW,OACXG,EAAI,WACJD,EAAQ,YACRE,EAAS,YACTC,EAAS,WACTC,EAAQ,KACLC,2CAZLK,EAAAH,EAAAV,CAAA,EAAAc,EAAAC,EAAAL,CAAA,MAFO,sTAlEIM"}
+{"version":3,"file":"Textarea.js","sources":["../../../src/components/textarea/Textarea.svelte"],"sourcesContent":["<svelte:options\n  customElement={{\n    tag: 'm-textarea',\n    props: {\n      isinvalid: { reflect: true, type: 'Boolean', attribute: 'isinvalid' },\n      disabled: { reflect: true, type: 'Boolean', attribute: 'disabled' },\n      readonly: { reflect: true, type: 'Boolean', attribute: 'readonly' },\n    },\n    extend: customElementForwardEvents,\n  }}\n/>\n\n<script lang=\"ts\">\n  import { customElementForwardEvents } from '../../utils';\n  /**\n   * A text area is an input designed for multi-line text entry, allowing users to input longer content compared to a standard text input. It is commonly used for comments, feedback, descriptions, and messaging. Text areas can be resizable or fixed in height, depending on the context, and often include placeholder text, character limits, and validation messages to guide users.\n   */\n  interface Props {\n    [key: string]: any;\n    /**\n     * A unique identifier for the textarea, used to associate the label with the form element.\n     */\n    id: string;\n    /**\n     * The name attribute for the textarea element, used for form submission.\n     */\n    name?: string;\n    /**\n     * The current value of the textarea field.\n     */\n    value?: string | number;\n    /**\n     * Text displayed when the textarea is empty.\n     */\n    placeholder?: string;\n    /**\n     * If `true`, the textarea is marked as invalid.\n     */\n    isinvalid?: boolean;\n    /**\n     * If `true`, the textarea is disabled and non-interactive.\n     */\n    disabled?: boolean;\n    /**\n     * The number of visible text lines in the textarea.\n     */\n    rows?: number;\n    /**\n     * Minimum number of characters required for the textarea.\n     */\n    minlength?: number;\n    /**\n     * Maximum number of characters allowed in the textarea.\n     */\n    maxlength?: number;\n    /**\n     * If `true`, the textarea is read-only (cannot be edited).\n     */\n    readonly?: boolean;\n  }\n\n  let {\n    id,\n    name,\n    value = $bindable(),\n    placeholder,\n    isinvalid,\n    disabled,\n    rows = 2,\n    minlength,\n    maxlength,\n    readonly,\n    ...attrs\n  }: Props = $props();\n</script>\n\n<textarea\n  bind:value\n  class={['mc-textarea', isinvalid && 'is-invalid']}\n  aria-invalid={isinvalid}\n  {name}\n  {id}\n  {placeholder}\n  {rows}\n  {disabled}\n  {minlength}\n  {maxlength}\n  {readonly}\n  {...attrs}\n></textarea>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/textarea';\n</style>\n"],"names":["id","$.prop","$$props","name","value","placeholder","isinvalid","disabled","rows","minlength","maxlength","readonly","attrs","$.rest_props","textarea","root","$.remove_textarea_child","$.bind_value","$.append","$$anchor","customElementForwardEvents"],"mappings":";;+wDAYA,oBAkDIA,EAAEC,EAAAC,EAAA,KAAA,CAAA,EACFC,EAAIF,EAAAC,EAAA,OAAA,CAAA,EACJE,EAAKH,EAAAC,EAAA,QAAA,EAAA,EACLG,EAAWJ,EAAAC,EAAA,cAAA,CAAA,EACXI,EAASL,EAAAC,EAAA,YAAA,CAAA,EACTK,EAAQN,EAAAC,EAAA,WAAA,CAAA,EACRM,eAAO,CAAC,EACRC,EAASR,EAAAC,EAAA,YAAA,CAAA,EACTQ,EAAST,EAAAC,EAAA,YAAA,CAAA,EACTS,EAAQV,EAAAC,EAAA,WAAA,CAAA,EACLU,EAAAC,EAAAX,EAAA,oeAJI,EAAC,+KAQXY,EAAAC,EAAA,EAAAC,OAAAA,EAAAF,CAAA,IAAAA,eAES,cAAeR,EAAS,GAAI,YAAY,iBAClCA,EAAS,OACtBH,EAAI,KACJH,EAAE,cACFK,EAAW,OACXG,EAAI,WACJD,EAAQ,YACRE,EAAS,YACTC,EAAS,WACTC,EAAQ,KACLC,2CAZLK,EAAAH,EAAAV,CAAA,EAAAc,EAAAC,EAAAL,CAAA,MAFO,sTAlEIM"}

package/dist/components/textarea/Textarea.svelte

@@ -62,7 +62,7 @@
   let {
     id,
     name,
-    value,
+    value = $bindable(),
     placeholder,
     isinvalid,
     disabled,

package/dist/components/textarea/Textarea.svelte.d.ts

@@ -44,7 +44,7 @@ interface Props {
      */
     readonly?: boolean;
 }
-declare const Textarea: import("svelte").Component<Props, {}, "">;
+declare const Textarea: import("svelte").Component<Props, {}, "value">;
 type Textarea = ReturnType<typeof Textarea>;
 export default Textarea;
 //# sourceMappingURL=Textarea.svelte.d.ts.map

package/dist/components/textarea/Textarea.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/textarea/Textarea.svelte.ts"],"names":[],"mappings":"AAKE;;GAEG;AACH,UAAU,KAAK;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB;;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,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAoCH,QAAA,MAAM,QAAQ,2CAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Textarea.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/textarea/Textarea.svelte.ts"],"names":[],"mappings":"AAKE;;GAEG;AACH,UAAU,KAAK;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB;;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,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAoCH,QAAA,MAAM,QAAQ,gDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/components/textinput/Textinput.js

@@ -1,9 +1,9 @@
-import{o as N,c as O,e as P,a as Q,p as n,s as c,t as f,b as h,d as R,f as _,h as i,n as U,m as r,u as W,r as s,k as j,j as X,l as Y}from"../../custom-element.js";import{i as F}from"../../if.js";import{s as $}from"../../slot.js";import{a as ee}from"../../attributes.js";import{c as te}from"../../input.js";import{b as ne}from"../../this.js";import{c as re}from"../../custom-element-forward-events.js";import"../../branches.js";var oe=_('<span class="mc-text-input__addon svelte-5c9enb"> </span>'),le=_('<span class="mc-text-input__addon svelte-5c9enb"> </span>'),ie=_('<div class="mc-controls-options svelte-5c9enb"><button type="button" class="mc-controls-options__button svelte-5c9enb"><svg class="mc-controls-options__icon svelte-5c9enb" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2ZM8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" class="svelte-5c9enb"></path></svg> <span class="mc-controls-options__label svelte-5c9enb"> </span></button></div>'),se=_('<div><span class="mc-text-input__icon svelte-5c9enb"><!></span> <!> <input/> <!> <!></div>');const ae={hash:"svelte-5c9enb",code:`/**
+import{o as N,c as O,e as P,a as Q,p as n,s as c,t as f,j as R,n as U,b as h,d as W,f as _,h as i,l as X,m as r,k as j,u as Y,r as s}from"../../custom-element.js";import{i as F}from"../../if.js";import{s as $}from"../../slot.js";import{a as ee}from"../../attributes.js";import{c as te}from"../../input.js";import{b as ne}from"../../this.js";import{c as re}from"../../custom-element-forward-events.js";import"../../branches.js";var oe=_('<span class="mc-text-input__addon svelte-5c9enb"> </span>'),le=_('<span class="mc-text-input__addon svelte-5c9enb"> </span>'),ie=_('<div class="mc-controls-options svelte-5c9enb"><button type="button" class="mc-controls-options__button svelte-5c9enb"><svg class="mc-controls-options__icon svelte-5c9enb" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2ZM8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" class="svelte-5c9enb"></path></svg> <span class="mc-controls-options__label svelte-5c9enb"> </span></button></div>'),se=_('<div><span class="mc-text-input__icon svelte-5c9enb"><!></span> <!> <input/> <!> <!></div>');const ae={hash:"svelte-5c9enb",code:`/**
  * Do not edit directly, this file was auto-generated.
  */.mc-controls-options.svelte-5c9enb {align-items:center;display:inline-flex;justify-content:center;gap:0.5rem;}.mc-controls-options__button.svelte-5c9enb {background-color:transparent;border-width:0;color:initial;font-family:inherit;outline:none;appearance:none;cursor:pointer;padding:0;border-radius:var(--border-radius-full, 100%);}.mc-controls-options__button.svelte-5c9enb:hover .mc-controls-options__icon:where(.svelte-5c9enb) {fill:var(--forms-color-icon-clear-hover, #4d4d4d);}.mc-controls-options__button.svelte-5c9enb: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-controls-options__icon.svelte-5c9enb {fill:var(--forms-color-icon-clear, #666666);color:var(--forms-color-icon-clear, #666666);}.mc-controls-options__button.svelte-5c9enb, .mc-controls-options__icon.svelte-5c9enb {height:1.5rem;width:1.5rem;}.mc-controls-options__label.svelte-5c9enb {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}.mc-controls-options__unit.svelte-5c9enb {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.svelte-5c9enb {transition:box-shadow 200ms ease;background-color:var(--forms-color-background-default, #ffffff);border:var(--border-width-s, 0.0625rem) solid var(--forms-color-border-default, #666666);border-radius:var(--forms-border-radius, 0.25rem);transition:all ease 200ms;color:var(--forms-color-text-default, #000000);display:block;width:100%;height:3rem;display:flex;align-items:center;gap:0.5rem;box-sizing:border-box;}.mc-text-input__control.svelte-5c9enb {background-color:transparent;border-width:0;font-family:inherit;outline:none;}.mc-text-input__control[type=number].svelte-5c9enb::-webkit-inner-spin-button, .mc-text-input__control[type=number].svelte-5c9enb::-webkit-outer-spin-button {appearance:none;margin:0;}.mc-text-input__control[type=number].svelte-5c9enb {
   /* For Gecko rendering engine */appearance:textfield;}.mc-text-input__control[type=search].svelte-5c9enb::-webkit-search-decoration, .mc-text-input__control[type=search].svelte-5c9enb::-webkit-search-cancel-button {appearance:none;}.mc-text-input__control.svelte-5c9enb {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);color:var(--forms-color-text-default, #000000);flex-grow:1;}.mc-text-input__control.svelte-5c9enb::placeholder {color:var(--forms-color-placeholder, #666666);}.mc-text-input__addon.svelte-5c9enb {font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--forms-color-text-default, #000000);}.mc-text-input__icon.svelte-5c9enb {fill:var(--forms-color-icon-default, #666666);height:1.5rem;width:1.5rem;flex-shrink:0;}.mc-text-input.svelte-5c9enb:focus-within {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.svelte-5c9enb:hover:not(:focus-within) {border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-hover, #4d4d4d);}.mc-text-input.svelte-5c9enb:has(input:where(.svelte-5c9enb):disabled) {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:none;}.mc-text-input.svelte-5c9enb:has(input[readonly]:where(.svelte-5c9enb)) {border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none;}.mc-text-input.svelte-5c9enb:has(.mc-text-input__icon:where(.svelte-5c9enb)), .mc-text-input.svelte-5c9enb:has(.mc-text-input__addon:where(.svelte-5c9enb)) {padding-inline-start:0.6875rem;}.mc-text-input.svelte-5c9enb:has(.mc-text-input__icon:where(.svelte-5c9enb)) .mc-text-input__control:where(.svelte-5c9enb), .mc-text-input.svelte-5c9enb:has(.mc-text-input__addon:where(.svelte-5c9enb)) .mc-text-input__control:where(.svelte-5c9enb) {padding-inline-start:0;}.mc-text-input.svelte-5c9enb:has(.mc-controls-options:where(.svelte-5c9enb)), .mc-text-input.svelte-5c9enb:has(.mc-text-input__addon:where(.svelte-5c9enb)) {padding-inline-end:0.6875rem;}.mc-text-input.svelte-5c9enb:has(.mc-controls-options:where(.svelte-5c9enb)) .mc-text-input__control:where(.svelte-5c9enb), .mc-text-input.svelte-5c9enb:has(.mc-text-input__addon:where(.svelte-5c9enb)) .mc-text-input__control:where(.svelte-5c9enb) {padding-inline-end:0;}.mc-text-input--s.svelte-5c9enb {height:2rem;}.mc-text-input--s.svelte-5c9enb .mc-text-input__control:where(.svelte-5c9enb) {padding:0.375rem 0.6875rem;font-size:var(--font-size-100, 0.875rem);line-height:var(--line-height-s, 1.3);}.mc-text-input--s.svelte-5c9enb:has(.mc-text-input__icon:where(.svelte-5c9enb)) {padding-inline-start:0.4375rem;}.mc-text-input--s.svelte-5c9enb:has(.mc-controls-options:where(.svelte-5c9enb)) {padding-inline-end:0.4375rem;}.mc-text-input.is-invalid.svelte-5c9enb {border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-invalid, #ea302d);}.mc-text-input.is-invalid.svelte-5c9enb:hover:not(:focus-within) {border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-invalid-hover, #c61112);}.mc-text-input.svelte-5c9enb :where(.svelte-5c9enb) {box-sizing:border-box;}
 
-/* stylelint-enable string-no-newline */.mc-text-input__icon.svelte-5c9enb:empty {display:none;}`};function ce(M,t){P(t,!0),Q(M,ae);let x=n(t,"id",7),g=n(t,"name",7),a=n(t,"value",15),w=n(t,"placeholder",7),y=n(t,"inputtype",7,"text"),d=n(t,"isinvalid",7),k=n(t,"disabled",7),z=n(t,"readonly",7),B=n(t,"size",7,"m"),L=n(t,"clearlabel",7,"Clear content"),C=n(t,"isclearable",7),v=n(t,"prefix",7),u=n(t,"suffix",7),m=n(t,"element",15),D=U(t,["$$slots","$$events","$$legacy","$$host","id","name","value","placeholder","inputtype","isinvalid","disabled","readonly","size","clearlabel","isclearable","prefix","suffix","element"]);const G=()=>a("");var V={get id(){return x()},set id(e){x(e),r()},get name(){return g()},set name(e){g(e),r()},get value(){return a()},set value(e){a(e),r()},get placeholder(){return w()},set placeholder(e){w(e),r()},get inputtype(){return y()},set inputtype(e="text"){y(e),r()},get isinvalid(){return d()},set isinvalid(e){d(e),r()},get disabled(){return k()},set disabled(e){k(e),r()},get readonly(){return z()},set readonly(e){z(e),r()},get size(){return B()},set size(e="m"){B(e),r()},get clearlabel(){return L()},set clearlabel(e="Clear content"){L(e),r()},get isclearable(){return C()},set isclearable(e){C(e),r()},get prefix(){return v()},set prefix(e){v(e),r()},get suffix(){return u()},set suffix(e){u(e),r()},get element(){return m()},set element(e){m(e),r()}},b=se(),E=i(b),q=i(E);$(q,t,"icon",{},null),s(E);var S=c(E,2);{var A=e=>{var o=oe(),l=i(o,!0);s(o),f(()=>j(l,v())),h(e,o)};F(S,e=>{v()&&e(A)})}var p=c(S,2);ee(p,()=>({class:"mc-text-input__control","aria-invalid":d(),name:g(),id:x(),type:y(),placeholder:w(),disabled:k(),readonly:z(),...D}),void 0,void 0,void 0,"svelte-5c9enb",!0),ne(p,e=>m(e),()=>m());var T=c(p,2);{var H=e=>{var o=le(),l=i(o,!0);s(o),f(()=>j(l,u())),h(e,o)};F(T,e=>{u()&&e(H)})}var I=c(T,2);{var J=e=>{var o=ie(),l=i(o),Z=c(i(l),2),K=i(Z,!0);s(Z),s(l),s(o),f(()=>j(K,L())),W("click",l,G),h(e,o)};F(I,e=>{C()&&a()&&e(J)})}return s(b),f(()=>X(b,1,Y(["mc-text-input",`mc-text-input--${B()}`,d()&&"is-invalid"]),"svelte-5c9enb")),te(p,a),h(M,b),R(V)}N(["click"]);customElements.define("m-textinput",O(ce,{isinvalid:{attribute:"isinvalid",reflect:!0,type:"Boolean"},disabled:{attribute:"disabled",reflect:!0,type:"Boolean"},readonly:{attribute:"readonly",reflect:!0,type:"Boolean"},isclearable:{attribute:"isclearable",reflect:!0,type:"Boolean"},id:{},name:{},value:{},placeholder:{},inputtype:{},size:{},clearlabel:{},prefix:{},suffix:{},element:{}},["icon"],[],{mode:"open"},re));export{ce as T};
+/* stylelint-enable string-no-newline */.mc-text-input__icon.svelte-5c9enb:empty {display:none;}`};function ce(M,t){P(t,!0),Q(M,ae);let x=n(t,"id",7),g=n(t,"name",7),a=n(t,"value",15),w=n(t,"placeholder",7),y=n(t,"inputtype",7,"text"),d=n(t,"isinvalid",7),k=n(t,"disabled",7),z=n(t,"readonly",7),B=n(t,"size",7,"m"),L=n(t,"clearlabel",7,"Clear content"),C=n(t,"isclearable",7),v=n(t,"prefix",7),u=n(t,"suffix",7),m=n(t,"element",15),D=X(t,["$$slots","$$events","$$legacy","$$host","id","name","value","placeholder","inputtype","isinvalid","disabled","readonly","size","clearlabel","isclearable","prefix","suffix","element"]);const G=()=>a("");var V={get id(){return x()},set id(e){x(e),r()},get name(){return g()},set name(e){g(e),r()},get value(){return a()},set value(e){a(e),r()},get placeholder(){return w()},set placeholder(e){w(e),r()},get inputtype(){return y()},set inputtype(e="text"){y(e),r()},get isinvalid(){return d()},set isinvalid(e){d(e),r()},get disabled(){return k()},set disabled(e){k(e),r()},get readonly(){return z()},set readonly(e){z(e),r()},get size(){return B()},set size(e="m"){B(e),r()},get clearlabel(){return L()},set clearlabel(e="Clear content"){L(e),r()},get isclearable(){return C()},set isclearable(e){C(e),r()},get prefix(){return v()},set prefix(e){v(e),r()},get suffix(){return u()},set suffix(e){u(e),r()},get element(){return m()},set element(e){m(e),r()}},b=se(),E=i(b),q=i(E);$(q,t,"icon",{},null),s(E);var S=c(E,2);{var A=e=>{var o=oe(),l=i(o,!0);s(o),f(()=>j(l,v())),h(e,o)};F(S,e=>{v()&&e(A)})}var p=c(S,2);ee(p,()=>({class:"mc-text-input__control","aria-invalid":d(),name:g(),id:x(),type:y(),placeholder:w(),disabled:k(),readonly:z(),...D}),void 0,void 0,void 0,"svelte-5c9enb",!0),ne(p,e=>m(e),()=>m());var T=c(p,2);{var H=e=>{var o=le(),l=i(o,!0);s(o),f(()=>j(l,u())),h(e,o)};F(T,e=>{u()&&e(H)})}var I=c(T,2);{var J=e=>{var o=ie(),l=i(o),Z=c(i(l),2),K=i(Z,!0);s(Z),s(l),s(o),f(()=>j(K,L())),Y("click",l,G),h(e,o)};F(I,e=>{C()&&a()&&e(J)})}return s(b),f(()=>R(b,1,U(["mc-text-input",`mc-text-input--${B()}`,d()&&"is-invalid"]),"svelte-5c9enb")),te(p,a),h(M,b),W(V)}N(["click"]);customElements.define("m-textinput",O(ce,{isinvalid:{attribute:"isinvalid",reflect:!0,type:"Boolean"},disabled:{attribute:"disabled",reflect:!0,type:"Boolean"},readonly:{attribute:"readonly",reflect:!0,type:"Boolean"},isclearable:{attribute:"isclearable",reflect:!0,type:"Boolean"},id:{},name:{},value:{},placeholder:{},inputtype:{},size:{},clearlabel:{},prefix:{},suffix:{},element:{}},["icon"],[],{mode:"open"},re));export{ce as T};
 //# sourceMappingURL=Textinput.js.map

package/dist/components/tile/Tile.js

@@ -1,4 +1,4 @@
-import{c as C,e as j,a as M,p as f,s as u,t as V,b as s,d as Z,f as v,h as l,m as h,r as c,j as B,l as H}from"../../custom-element.js";import{i as z}from"../../if.js";import{a as L,s as p}from"../../slot.js";import"../../branches.js";var D=v('<div class="mc-tile__action svelte-1x4mzpd"><!></div>'),S=v('<div class="mc-tile__content svelte-1x4mzpd"><!></div>'),T=v('<div><div class="mc-tile__header svelte-1x4mzpd"><div class="mc-tile__body svelte-1x4mzpd"><!></div> <!></div> <!></div>');const q={hash:"svelte-1x4mzpd",code:`/**
+import{c as C,e as j,a as M,p as f,s as u,t as V,j as Z,n as B,b as s,d as H,f as v,h as l,m as h,r as c}from"../../custom-element.js";import{i as z}from"../../if.js";import{a as L,s as p}from"../../slot.js";import"../../branches.js";var D=v('<div class="mc-tile__action svelte-1x4mzpd"><!></div>'),S=v('<div class="mc-tile__content svelte-1x4mzpd"><!></div>'),T=v('<div><div class="mc-tile__header svelte-1x4mzpd"><div class="mc-tile__body svelte-1x4mzpd"><!></div> <!></div> <!></div>');const q={hash:"svelte-1x4mzpd",code:`/**
  * Do not edit directly, this file was auto-generated.
  */.mc-tile.svelte-1x4mzpd {border-radius:var(--border-radius-m, 0.5rem);background-color:var(--tile-color-background-primary, #ffffff);}
 @media (prefers-reduced-motion: no-preference) {.mc-tile.svelte-1x4mzpd {transition:background-color 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);}
@@ -107,5 +107,5 @@ import{c as C,e as j,a as M,p as f,s as u,t as V,b as s,d as Z,f as v,h as l,m a
 @media (prefers-reduced-motion: no-preference) {.mc-tile--selectable.svelte-1x4mzpd {transition:background-color 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67), box-shadow 200ms ease;}
 }
 @media (prefers-reduced-motion: reduce) {.mc-tile--selectable.svelte-1x4mzpd {transition:none;}
-}.mc-tile--selectable.svelte-1x4mzpd {cursor:pointer;position:relative;display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;overflow:hidden;box-shadow:0 0 0 1px var(--tile-color-border-default, #cccccc);}.mc-tile--selectable.svelte-1x4mzpd .mc-tile__body:where(.svelte-1x4mzpd) {flex-grow:1;display:flex;flex-direction:column;}.mc-tile--selectable.svelte-1x4mzpd .mc-tile__action:where(.svelte-1x4mzpd) {background-color:transparent;box-sizing:border-box;flex-shrink:0;display:flex;align-items:flex-start;justify-content:center;border-radius:initial;padding:0.75rem 0.75rem;}.mc-tile--selectable.svelte-1x4mzpd:has(.mc-tile__content:where(.svelte-1x4mzpd)) {flex-direction:column;align-items:stretch;}.mc-tile--selectable.svelte-1x4mzpd:has(.mc-tile__content:where(.svelte-1x4mzpd)) .mc-tile__header:where(.svelte-1x4mzpd) {display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;}.mc-tile--selectable.svelte-1x4mzpd:has(.mc-tile__content:where(.svelte-1x4mzpd)) .mc-tile__header:where(.svelte-1x4mzpd) .mc-tile__body:where(.svelte-1x4mzpd) {display:flex;flex-direction:column;}.mc-tile--selectable.svelte-1x4mzpd:has(.mc-tile__content:where(.svelte-1x4mzpd)) .mc-tile__content:where(.svelte-1x4mzpd) {border-top:1px solid var(--tile-color-border-default, #cccccc);}.mc-tile--selectable:has(.mc-tile__content:where(.svelte-1x4mzpd)).mc-tile--input-left.svelte-1x4mzpd {flex-direction:column;}.mc-tile--selectable:has(.mc-tile__content:where(.svelte-1x4mzpd)).mc-tile--input-left.svelte-1x4mzpd .mc-tile__header:where(.svelte-1x4mzpd) {flex-direction:row-reverse;}.mc-tile--selectable:has(.mc-tile__content:where(.svelte-1x4mzpd)).mc-tile--input-center.svelte-1x4mzpd {align-items:stretch;}.mc-tile--selectable:has(.mc-tile__content:where(.svelte-1x4mzpd)).mc-tile--input-center.svelte-1x4mzpd .mc-tile__header:where(.svelte-1x4mzpd) {align-items:center;}.mc-tile--selectable.mc-tile--input-left.svelte-1x4mzpd {flex-direction:row-reverse;}.mc-tile--selectable.mc-tile--input-center.svelte-1x4mzpd {align-items:center;}.mc-tile--selectable.svelte-1x4mzpd:hover {box-shadow:0 0 0 2px var(--tile-color-border-default, #cccccc);}.mc-tile--selectable.mc-tile--selected.svelte-1x4mzpd {box-shadow:0 0 0 2px var(--color-brand, #78be20), 0 0 0 4px var(--color-background-accent, #ebf5de);}.mc-tile--selectable.mc-tile--no-input.svelte-1x4mzpd .mc-tile__action:where(.svelte-1x4mzpd) {visibility:hidden;position:absolute;}`};function A(x,t){const b=L(t);j(t,!0),M(x,q);let i=f(t,"appearance",7,"primary"),n=f(t,"bordered",7,!0);var g={get appearance(){return i()},set appearance(e="primary"){i(e),h()},get bordered(){return n()},set bordered(e=!0){n(e),h()}},o=T(),d=l(o),a=l(d),w=l(a);p(w,t,"default",{},null),c(a);var _=u(a,2);{var k=e=>{var r=D(),m=l(r);p(m,t,"action",{},null),c(r),s(e,r)};z(_,e=>{b.action&&e(k)})}c(d);var y=u(d,2);{var E=e=>{var r=S(),m=l(r);p(m,t,"details",{},null),c(r),s(e,r)};z(y,e=>{b.details&&e(E)})}return c(o),V(()=>B(o,1,H({"mc-tile":!0,[`mc-tile--${i()}`]:i()!=="primary","mc-tile--bordered":n()}),"svelte-1x4mzpd")),s(x,o),Z(g)}customElements.define("m-tile",C(A,{bordered:{attribute:"bordered",reflect:!0,type:"Boolean"},appearance:{}},["default","action","details"],[],{mode:"open"}));
+}.mc-tile--selectable.svelte-1x4mzpd {cursor:pointer;position:relative;display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;overflow:hidden;box-shadow:0 0 0 1px var(--tile-color-border-default, #cccccc);}.mc-tile--selectable.svelte-1x4mzpd .mc-tile__body:where(.svelte-1x4mzpd) {flex-grow:1;display:flex;flex-direction:column;}.mc-tile--selectable.svelte-1x4mzpd .mc-tile__action:where(.svelte-1x4mzpd) {background-color:transparent;box-sizing:border-box;flex-shrink:0;display:flex;align-items:flex-start;justify-content:center;border-radius:initial;padding:0.75rem 0.75rem;}.mc-tile--selectable.svelte-1x4mzpd:has(.mc-tile__content:where(.svelte-1x4mzpd)) {flex-direction:column;align-items:stretch;}.mc-tile--selectable.svelte-1x4mzpd:has(.mc-tile__content:where(.svelte-1x4mzpd)) .mc-tile__header:where(.svelte-1x4mzpd) {display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;}.mc-tile--selectable.svelte-1x4mzpd:has(.mc-tile__content:where(.svelte-1x4mzpd)) .mc-tile__header:where(.svelte-1x4mzpd) .mc-tile__body:where(.svelte-1x4mzpd) {display:flex;flex-direction:column;}.mc-tile--selectable.svelte-1x4mzpd:has(.mc-tile__content:where(.svelte-1x4mzpd)) .mc-tile__content:where(.svelte-1x4mzpd) {border-top:1px solid var(--tile-color-border-default, #cccccc);}.mc-tile--selectable:has(.mc-tile__content:where(.svelte-1x4mzpd)).mc-tile--input-left.svelte-1x4mzpd {flex-direction:column;}.mc-tile--selectable:has(.mc-tile__content:where(.svelte-1x4mzpd)).mc-tile--input-left.svelte-1x4mzpd .mc-tile__header:where(.svelte-1x4mzpd) {flex-direction:row-reverse;}.mc-tile--selectable:has(.mc-tile__content:where(.svelte-1x4mzpd)).mc-tile--input-center.svelte-1x4mzpd {align-items:stretch;}.mc-tile--selectable:has(.mc-tile__content:where(.svelte-1x4mzpd)).mc-tile--input-center.svelte-1x4mzpd .mc-tile__header:where(.svelte-1x4mzpd) {align-items:center;}.mc-tile--selectable.mc-tile--input-left.svelte-1x4mzpd {flex-direction:row-reverse;}.mc-tile--selectable.mc-tile--input-center.svelte-1x4mzpd {align-items:center;}.mc-tile--selectable.svelte-1x4mzpd:hover {box-shadow:0 0 0 2px var(--tile-color-border-default, #cccccc);}.mc-tile--selectable.mc-tile--selected.svelte-1x4mzpd {box-shadow:0 0 0 2px var(--color-brand, #78be20), 0 0 0 4px var(--color-background-accent, #ebf5de);}.mc-tile--selectable.mc-tile--no-input.svelte-1x4mzpd .mc-tile__action:where(.svelte-1x4mzpd) {visibility:hidden;position:absolute;}`};function A(x,t){const b=L(t);j(t,!0),M(x,q);let i=f(t,"appearance",7,"primary"),n=f(t,"bordered",7,!0);var g={get appearance(){return i()},set appearance(e="primary"){i(e),h()},get bordered(){return n()},set bordered(e=!0){n(e),h()}},o=T(),d=l(o),a=l(d),w=l(a);p(w,t,"default",{},null),c(a);var _=u(a,2);{var k=e=>{var r=D(),m=l(r);p(m,t,"action",{},null),c(r),s(e,r)};z(_,e=>{b.action&&e(k)})}c(d);var y=u(d,2);{var E=e=>{var r=S(),m=l(r);p(m,t,"details",{},null),c(r),s(e,r)};z(y,e=>{b.details&&e(E)})}return c(o),V(()=>Z(o,1,B({"mc-tile":!0,[`mc-tile--${i()}`]:i()!=="primary","mc-tile--bordered":n()}),"svelte-1x4mzpd")),s(x,o),H(g)}customElements.define("m-tile",C(A,{bordered:{attribute:"bordered",reflect:!0,type:"Boolean"},appearance:{}},["default","action","details"],[],{mode:"open"}));
 //# sourceMappingURL=Tile.js.map

package/dist/components/tileexpandable/TileExpandable.js

@@ -1,4 +1,4 @@
-import{c as G,e as J,a as K,p as f,s as L,t as H,b as d,d as N,f as m,h as a,m as p,i as t,x as O,r as c,k as Q,j as R,l as W,w as E,q as Y,v as ee}from"../../custom-element.js";import{i as te}from"../../if.js";import{s as $}from"../../slot.js";import{e as le}from"../../svelte-element.js";import{a as re,s as D}from"../../attributes.js";import{B as ie}from"../button/Button.js";import{I as ae}from"../iconbutton/IconButton.js";import{c as I}from"../../Condition20.js";import"../../branches.js";import"../../this.js";import"../loader/Loader.js";var ce=m('<span class="mc-tile__action-button svelte-9ba9gl"><!></span>'),oe=m('<span class="mc-tile__action-label svelte-9ba9gl"> </span>'),ne=m('<span class="mc-tile__action-button svelte-9ba9gl"><!></span>'),se=m('<div class="mc-tile__body svelte-9ba9gl"><!></div> <div class="mc-tile__action svelte-9ba9gl"><!></div>',1),de=m('<div><!> <div class="mc-tile__content svelte-9ba9gl"><!></div></div>');const me={hash:"svelte-9ba9gl",code:`/**
+import{c as G,e as J,a as K,p as f,s as L,t as H,j as N,n as O,i as t,b as d,d as Q,f as m,h as a,v as R,m as p,x as W,r as c,k as Y,w as E,q as ee}from"../../custom-element.js";import{i as te}from"../../if.js";import{s as $}from"../../slot.js";import{e as le}from"../../svelte-element.js";import{s as D,a as re}from"../../attributes.js";import{B as ie}from"../button/Button.js";import{I as ae}from"../iconbutton/IconButton.js";import{c as I}from"../../Condition20.js";import"../../branches.js";import"../../this.js";import"../loader/Loader.js";var ce=m('<span class="mc-tile__action-button svelte-9ba9gl"><!></span>'),oe=m('<span class="mc-tile__action-label svelte-9ba9gl"> </span>'),ne=m('<span class="mc-tile__action-button svelte-9ba9gl"><!></span>'),se=m('<div class="mc-tile__body svelte-9ba9gl"><!></div> <div class="mc-tile__action svelte-9ba9gl"><!></div>',1),de=m('<div><!> <div class="mc-tile__content svelte-9ba9gl"><!></div></div>');const me={hash:"svelte-9ba9gl",code:`/**
  * Do not edit directly, this file was auto-generated.
  */.mc-tile.svelte-9ba9gl {border-radius:var(--border-radius-m, 0.5rem);background-color:var(--tile-color-background-primary, #ffffff);}
 @media (prefers-reduced-motion: no-preference) {.mc-tile.svelte-9ba9gl {transition:background-color 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);}
@@ -110,5 +110,5 @@ import{c as G,e as J,a as K,p as f,s as L,t as H,b as d,d as N,f as m,h as a,m a
 @media (prefers-reduced-motion: no-preference) {.mc-tile--selectable.svelte-9ba9gl {transition:background-color 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67), box-shadow 200ms ease;}
 }
 @media (prefers-reduced-motion: reduce) {.mc-tile--selectable.svelte-9ba9gl {transition:none;}
-}.mc-tile--selectable.svelte-9ba9gl {cursor:pointer;position:relative;display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;overflow:hidden;box-shadow:0 0 0 1px var(--tile-color-border-default, #cccccc);}.mc-tile--selectable.svelte-9ba9gl .mc-tile__body:where(.svelte-9ba9gl) {flex-grow:1;display:flex;flex-direction:column;}.mc-tile--selectable.svelte-9ba9gl .mc-tile__action:where(.svelte-9ba9gl) {background-color:transparent;box-sizing:border-box;flex-shrink:0;display:flex;align-items:flex-start;justify-content:center;border-radius:initial;padding:0.75rem 0.75rem;}.mc-tile--selectable.svelte-9ba9gl:has(.mc-tile__content:where(.svelte-9ba9gl)) {flex-direction:column;align-items:stretch;}.mc-tile--selectable.svelte-9ba9gl:has(.mc-tile__content:where(.svelte-9ba9gl)) .mc-tile__header:where(.svelte-9ba9gl) {display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;}.mc-tile--selectable.svelte-9ba9gl:has(.mc-tile__content:where(.svelte-9ba9gl)) .mc-tile__header:where(.svelte-9ba9gl) .mc-tile__body:where(.svelte-9ba9gl) {display:flex;flex-direction:column;}.mc-tile--selectable.svelte-9ba9gl:has(.mc-tile__content:where(.svelte-9ba9gl)) .mc-tile__content:where(.svelte-9ba9gl) {border-top:1px solid var(--tile-color-border-default, #cccccc);}.mc-tile--selectable:has(.mc-tile__content:where(.svelte-9ba9gl)).mc-tile--input-left.svelte-9ba9gl {flex-direction:column;}.mc-tile--selectable:has(.mc-tile__content:where(.svelte-9ba9gl)).mc-tile--input-left.svelte-9ba9gl .mc-tile__header:where(.svelte-9ba9gl) {flex-direction:row-reverse;}.mc-tile--selectable:has(.mc-tile__content:where(.svelte-9ba9gl)).mc-tile--input-center.svelte-9ba9gl {align-items:stretch;}.mc-tile--selectable:has(.mc-tile__content:where(.svelte-9ba9gl)).mc-tile--input-center.svelte-9ba9gl .mc-tile__header:where(.svelte-9ba9gl) {align-items:center;}.mc-tile--selectable.mc-tile--input-left.svelte-9ba9gl {flex-direction:row-reverse;}.mc-tile--selectable.mc-tile--input-center.svelte-9ba9gl {align-items:center;}.mc-tile--selectable.svelte-9ba9gl:hover {box-shadow:0 0 0 2px var(--tile-color-border-default, #cccccc);}.mc-tile--selectable.mc-tile--selected.svelte-9ba9gl {box-shadow:0 0 0 2px var(--color-brand, #78be20), 0 0 0 4px var(--color-background-accent, #ebf5de);}.mc-tile--selectable.mc-tile--no-input.svelte-9ba9gl .mc-tile__action:where(.svelte-9ba9gl) {visibility:hidden;position:absolute;}`};function be(z,l){J(l,!0),K(z,me);let b=f(l,"appearance",7,"primary"),h=f(l,"bordered",7,!0),r=f(l,"trigger",7,"icon"),x=f(l,"label",7,"See more");const g=crypto.randomUUID();let o=ee(!1);const B=E(()=>r()==="container");function w(){Y(o,!t(o))}var P={get appearance(){return b()},set appearance(e="primary"){b(e),p()},get bordered(){return h()},set bordered(e=!0){h(e),p()},get trigger(){return r()},set trigger(e="icon"){r(e),p()},get label(){return x()},set label(e="See more"){x(e),p()}},v=de(),M=a(v);le(M,()=>t(B)?"button":"div",!1,(e,T)=>{re(e,()=>({class:"mc-tile__header",...t(B)?{type:"button","aria-controls":`content-${g}`,"aria-expanded":t(o),onclick:()=>w()}:{}}),void 0,void 0,void 0,"svelte-9ba9gl");var j=se(),_=O(j),U=a(_);$(U,l,"default",{},null),c(_);var V=L(_,2),X=a(V);{var q=n=>{var i=ce(),k=a(i);{let y=E(()=>`content-${g}`);ae(k,{ghost:!0,get"aria-controls"(){return t(y)},get"aria-expanded"(){return t(o)},onclick:()=>w(),$$slots:{icon:(s,Z)=>{I(s,{slot:"icon"})}}})}c(i),d(n,i)},A=n=>{var i=ne(),k=a(i);{let y=E(()=>`content-${g}`);ie(k,{ghost:!0,iconposition:"right",get"aria-controls"(){return t(y)},get"aria-expanded"(){return t(o)},onclick:()=>w(),children:(s,Z)=>{var C=oe(),F=a(C,!0);c(C),H(()=>Q(F,x())),d(s,C)},$$slots:{default:!0,icon:(s,Z)=>{I(s,{slot:"icon"})}}})}c(i),d(n,i)};te(X,n=>{r()==="icon"?n(q):r()==="button"&&n(A,1)})}c(V),d(T,j)});var u=L(M,2),S=a(u);return $(S,l,"details",{},null),c(u),c(v),H(()=>{R(v,1,W({"mc-tile mc-tile--expandable":!0,[`mc-tile--${b()}`]:b()!=="primary","mc-tile--bordered":h(),[`mc-tile--trigger-${r()}`]:r()!=="container"}),"svelte-9ba9gl"),D(u,"id",`content-${g}`),D(u,"aria-hidden",!t(o))}),d(z,v),N(P)}customElements.define("m-tile-expandable",G(be,{bordered:{attribute:"bordered",reflect:!0,type:"Boolean"},appearance:{},trigger:{},label:{}},["default","details"],[],{mode:"open"}));
+}.mc-tile--selectable.svelte-9ba9gl {cursor:pointer;position:relative;display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;overflow:hidden;box-shadow:0 0 0 1px var(--tile-color-border-default, #cccccc);}.mc-tile--selectable.svelte-9ba9gl .mc-tile__body:where(.svelte-9ba9gl) {flex-grow:1;display:flex;flex-direction:column;}.mc-tile--selectable.svelte-9ba9gl .mc-tile__action:where(.svelte-9ba9gl) {background-color:transparent;box-sizing:border-box;flex-shrink:0;display:flex;align-items:flex-start;justify-content:center;border-radius:initial;padding:0.75rem 0.75rem;}.mc-tile--selectable.svelte-9ba9gl:has(.mc-tile__content:where(.svelte-9ba9gl)) {flex-direction:column;align-items:stretch;}.mc-tile--selectable.svelte-9ba9gl:has(.mc-tile__content:where(.svelte-9ba9gl)) .mc-tile__header:where(.svelte-9ba9gl) {display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;}.mc-tile--selectable.svelte-9ba9gl:has(.mc-tile__content:where(.svelte-9ba9gl)) .mc-tile__header:where(.svelte-9ba9gl) .mc-tile__body:where(.svelte-9ba9gl) {display:flex;flex-direction:column;}.mc-tile--selectable.svelte-9ba9gl:has(.mc-tile__content:where(.svelte-9ba9gl)) .mc-tile__content:where(.svelte-9ba9gl) {border-top:1px solid var(--tile-color-border-default, #cccccc);}.mc-tile--selectable:has(.mc-tile__content:where(.svelte-9ba9gl)).mc-tile--input-left.svelte-9ba9gl {flex-direction:column;}.mc-tile--selectable:has(.mc-tile__content:where(.svelte-9ba9gl)).mc-tile--input-left.svelte-9ba9gl .mc-tile__header:where(.svelte-9ba9gl) {flex-direction:row-reverse;}.mc-tile--selectable:has(.mc-tile__content:where(.svelte-9ba9gl)).mc-tile--input-center.svelte-9ba9gl {align-items:stretch;}.mc-tile--selectable:has(.mc-tile__content:where(.svelte-9ba9gl)).mc-tile--input-center.svelte-9ba9gl .mc-tile__header:where(.svelte-9ba9gl) {align-items:center;}.mc-tile--selectable.mc-tile--input-left.svelte-9ba9gl {flex-direction:row-reverse;}.mc-tile--selectable.mc-tile--input-center.svelte-9ba9gl {align-items:center;}.mc-tile--selectable.svelte-9ba9gl:hover {box-shadow:0 0 0 2px var(--tile-color-border-default, #cccccc);}.mc-tile--selectable.mc-tile--selected.svelte-9ba9gl {box-shadow:0 0 0 2px var(--color-brand, #78be20), 0 0 0 4px var(--color-background-accent, #ebf5de);}.mc-tile--selectable.mc-tile--no-input.svelte-9ba9gl .mc-tile__action:where(.svelte-9ba9gl) {visibility:hidden;position:absolute;}`};function be(z,l){J(l,!0),K(z,me);let b=f(l,"appearance",7,"primary"),h=f(l,"bordered",7,!0),r=f(l,"trigger",7,"icon"),x=f(l,"label",7,"See more");const g=crypto.randomUUID();let o=R(!1);const B=E(()=>r()==="container");function w(){ee(o,!t(o))}var P={get appearance(){return b()},set appearance(e="primary"){b(e),p()},get bordered(){return h()},set bordered(e=!0){h(e),p()},get trigger(){return r()},set trigger(e="icon"){r(e),p()},get label(){return x()},set label(e="See more"){x(e),p()}},v=de(),M=a(v);le(M,()=>t(B)?"button":"div",!1,(e,T)=>{re(e,()=>({class:"mc-tile__header",...t(B)?{type:"button","aria-controls":`content-${g}`,"aria-expanded":t(o),onclick:()=>w()}:{}}),void 0,void 0,void 0,"svelte-9ba9gl");var j=se(),_=W(j),U=a(_);$(U,l,"default",{},null),c(_);var V=L(_,2),X=a(V);{var q=n=>{var i=ce(),k=a(i);{let y=E(()=>`content-${g}`);ae(k,{ghost:!0,get"aria-controls"(){return t(y)},get"aria-expanded"(){return t(o)},onclick:()=>w(),$$slots:{icon:(s,Z)=>{I(s,{slot:"icon"})}}})}c(i),d(n,i)},A=n=>{var i=ne(),k=a(i);{let y=E(()=>`content-${g}`);ie(k,{ghost:!0,iconposition:"right",get"aria-controls"(){return t(y)},get"aria-expanded"(){return t(o)},onclick:()=>w(),children:(s,Z)=>{var C=oe(),F=a(C,!0);c(C),H(()=>Y(F,x())),d(s,C)},$$slots:{default:!0,icon:(s,Z)=>{I(s,{slot:"icon"})}}})}c(i),d(n,i)};te(X,n=>{r()==="icon"?n(q):r()==="button"&&n(A,1)})}c(V),d(T,j)});var u=L(M,2),S=a(u);return $(S,l,"details",{},null),c(u),c(v),H(()=>{N(v,1,O({"mc-tile mc-tile--expandable":!0,[`mc-tile--${b()}`]:b()!=="primary","mc-tile--bordered":h(),[`mc-tile--trigger-${r()}`]:r()!=="container"}),"svelte-9ba9gl"),D(u,"id",`content-${g}`),D(u,"aria-hidden",!t(o))}),d(z,v),Q(P)}customElements.define("m-tile-expandable",G(be,{bordered:{attribute:"bordered",reflect:!0,type:"Boolean"},appearance:{},trigger:{},label:{}},["default","details"],[],{mode:"open"}));
 //# sourceMappingURL=TileExpandable.js.map

package/dist/components/tileexpandable/TileExpandable.js.map

@@ -1 +1 @@
-{"version":3,"file":"TileExpandable.js","sources":["../../../src/components/tileexpandable/TileExpandable.svelte"],"sourcesContent":["<svelte:options\n  customElement={{\n    tag: 'm-tile-expandable',\n    props: {\n      bordered: { reflect: true, type: 'Boolean', attribute: 'bordered' },\n    },\n  }}\n/>\n\n<script lang=\"ts\">\n  import Button from '../button/Button.svelte';\n  import IconButton from '../iconbutton/IconButton.svelte';\n  import { ChevronDown24 } from '@mozaic-ds/icons-svelte';\n\n  /**\n   * A tile is a container component used to group related content and actions within a structured layout. It provides a clickable or static area that can display text, images, icons, or interactive elements. Tiles are commonly used to present key information, navigate to detailed views, or trigger specific actions in dashboards, cards, and grid-based layouts. Their adaptable design allows them to accommodate various content types while maintaining a consistent and organized interface.\n   * @slot default - Default slot for the main content of the tile.\n   * @slot details - Named slot for expandable content shown when the tile is opened.\n   */\n\n  interface Props {\n    /**\n     * Defines the visual style of the tile.\n     */\n    appearance?: 'primary' | 'secondary';\n    /**\n     * Adds a border around the tile.\n     */\n    bordered?: boolean;\n    /**\n     * Determines how the tile expansion is triggered.\n     */\n    trigger?: 'container' | 'icon' | 'button';\n    /**\n     * Label for the action button (only used when trigger is 'button').\n     */\n    label?: string;\n  }\n\n  let {\n    appearance = 'primary',\n    bordered = true,\n    trigger = 'icon',\n    label = 'See more',\n  }: Props = $props();\n\n  const id = crypto.randomUUID();\n\n  let open = $state(false);\n\n  const isContainerTriggered = $derived(trigger === 'container');\n\n  function toggle() {\n    open = !open;\n  }\n</script>\n\n<div\n  class={{\n    'mc-tile mc-tile--expandable': true,\n    [`mc-tile--${appearance}`]: appearance !== 'primary',\n    'mc-tile--bordered': bordered,\n    [`mc-tile--trigger-${trigger}`]: trigger !== 'container',\n  }}\n>\n  <svelte:element\n    this={isContainerTriggered ? 'button' : 'div'}\n    class=\"mc-tile__header\"\n    {...isContainerTriggered\n      ? {\n          type: 'button',\n          ['aria-controls']: `content-${id}`,\n          ['aria-expanded']: open,\n          onclick: () => toggle(),\n        }\n      : {}}\n  >\n    <div class=\"mc-tile__body\">\n      <slot />\n    </div>\n\n    <div class=\"mc-tile__action\">\n      {#if trigger === 'icon'}\n        <span class=\"mc-tile__action-button\">\n          <IconButton\n            ghost\n            aria-controls={`content-${id}`}\n            aria-expanded={open}\n            onclick={() => toggle()}\n          >\n            <ChevronDown24 slot=\"icon\" />\n          </IconButton>\n        </span>\n      {:else if trigger === 'button'}\n        <span class=\"mc-tile__action-button\">\n          <Button\n            ghost\n            iconposition=\"right\"\n            aria-controls={`content-${id}`}\n            aria-expanded={open}\n            onclick={() => toggle()}\n          >\n            <span class=\"mc-tile__action-label\">\n              {label}\n            </span>\n\n            <ChevronDown24 slot=\"icon\" />\n          </Button>\n        </span>\n      {/if}\n    </div>\n  </svelte:element>\n\n  <div class=\"mc-tile__content\" id={`content-${id}`} aria-hidden={!open}>\n    <slot name=\"details\" />\n  </div>\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/tile';\n</style>\n"],"names":["appearance","bordered","trigger","label","id","open","$.state","isContainerTriggered","$.derived","toggle","$.set","div","root","node","$.child","$$element","$$anchor","$.get","div_1","$.first_child","fragment","div_2","span","root_2","IconButton","node_3","ChevronDown24","span_1","root_4","Button","node_4","span_2","root_5","$$render","consequent","consequent_1","div_3","$.sibling","$.reset","$.set_attribute","$.append"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;s5EASA,iBA+BI,IAAAA,qBAAa,SAAS,EACtBC,mBAAW,EAAI,EACfC,kBAAU,MAAM,EAChBC,gBAAQ,UAAU,QAGdC,EAAK,OAAO,WAAU,MAExBC,EAAOC,GAAO,EAAK,QAEjBC,EAAoBC,EAAA,IAAYN,EAAO,IAAK,WAAW,EAEpD,SAAAO,GAAS,CAChBC,EAAAL,KAAQA,CAAI,CAAA,CACd,sDAde,UAAS,qDACX,GAAI,mDACL,OAAM,+CACR,WAAU,YAcrBM,EAAAC,GAAA,EAAAC,EAAAC,EAAAH,CAAA,aASSJ,CAAoB,EAAG,SAAW,MAAK,GAAA,CAAAQ,EAAAC,IAAA,oCAEzC,GAAAC,EAAAV,CAAA,GAEE,KAAM,SACL,2BAA6BH,CAAE,GAC/B,kBAAkBC,CAAI,EACvB,YAAeI,EAAM,yDAI1BS,EAAGC,EAAAC,CAAA,MAAHF,CAAG,6BAAHA,CAAG,EAIH,IAAAG,IAJAH,EAAG,CAAA,MAIHG,CAAG,iBAECC,EAAIC,GAAA,MAAJD,CAAI,0BAGyBlB,CAAE,EAAA,EAF7BoB,GAAAC,EAAA,0EAGgBpB,CAAI,eACJI,EAAM,wBAEpBiB,EAAaV,EAAA,CAAA,KAAA,MAAA,CAAA,QAPjBM,CAAI,MAAJA,CAAI,aAWJK,EAAIC,GAAA,MAAJD,CAAI,0BAIyBvB,CAAE,EAAA,EAH7ByB,GAAAC,EAAA,+FAIgBzB,CAAI,eACJI,EAAM,uBAEpBsB,EAAIC,GAAA,MAAJD,EAAI,EAAA,IAAJA,CAAI,YACF5B,EAAK,CAAA,CAAA,MADP4B,CAAI,oCAIJL,EAAaV,EAAA,CAAA,KAAA,MAAA,CAAA,QAZjBW,CAAI,MAAJA,CAAI,YAZFzB,EAAO,IAAK,OAAM+B,EAAAC,CAAA,EAWbhC,EAAO,IAAK,UAAQ+B,EAAAE,EAAA,CAAA,MAZ/Bd,CAAG,eAgCLe,EAAGC,EAAAxB,EAAA,CAAA,MAAHuB,CAAG,oCAAHA,CAAG,EAxDLE,EAAA3B,CAAA,WAAAA,OAEG,8BAA+B,gBAClBX,EAAU,CAAA,EAAA,EAAKA,EAAU,IAAK,UAC3C,oBAAqBC,EAAQ,uBACRC,EAAO,CAAA,EAAA,EAAKA,EAAO,IAAK,+BAmD9CqC,EAAAH,kBAA4ChC,CAAE,EAAA,EAA9CmC,EAAAH,mBAAgE/B,CAAI,CAAA,IAxDtEmC,EAAAxB,EAAAL,CAAA,MAFO"}
+{"version":3,"file":"TileExpandable.js","sources":["../../../src/components/tileexpandable/TileExpandable.svelte"],"sourcesContent":["<svelte:options\n  customElement={{\n    tag: 'm-tile-expandable',\n    props: {\n      bordered: { reflect: true, type: 'Boolean', attribute: 'bordered' },\n    },\n  }}\n/>\n\n<script lang=\"ts\">\n  import Button from '../button/Button.svelte';\n  import IconButton from '../iconbutton/IconButton.svelte';\n  import { ChevronDown24 } from '@mozaic-ds/icons-svelte';\n\n  /**\n   * A tile is a container component used to group related content and actions within a structured layout. It provides a clickable or static area that can display text, images, icons, or interactive elements. Tiles are commonly used to present key information, navigate to detailed views, or trigger specific actions in dashboards, cards, and grid-based layouts. Their adaptable design allows them to accommodate various content types while maintaining a consistent and organized interface.\n   * @slot default - Default slot for the main content of the tile.\n   * @slot details - Named slot for expandable content shown when the tile is opened.\n   */\n\n  interface Props {\n    /**\n     * Defines the visual style of the tile.\n     */\n    appearance?: 'primary' | 'secondary';\n    /**\n     * Adds a border around the tile.\n     */\n    bordered?: boolean;\n    /**\n     * Determines how the tile expansion is triggered.\n     */\n    trigger?: 'container' | 'icon' | 'button';\n    /**\n     * Label for the action button (only used when trigger is 'button').\n     */\n    label?: string;\n  }\n\n  let {\n    appearance = 'primary',\n    bordered = true,\n    trigger = 'icon',\n    label = 'See more',\n  }: Props = $props();\n\n  const id = crypto.randomUUID();\n\n  let open = $state(false);\n\n  const isContainerTriggered = $derived(trigger === 'container');\n\n  function toggle() {\n    open = !open;\n  }\n</script>\n\n<div\n  class={{\n    'mc-tile mc-tile--expandable': true,\n    [`mc-tile--${appearance}`]: appearance !== 'primary',\n    'mc-tile--bordered': bordered,\n    [`mc-tile--trigger-${trigger}`]: trigger !== 'container',\n  }}\n>\n  <svelte:element\n    this={isContainerTriggered ? 'button' : 'div'}\n    class=\"mc-tile__header\"\n    {...isContainerTriggered\n      ? {\n          type: 'button',\n          ['aria-controls']: `content-${id}`,\n          ['aria-expanded']: open,\n          onclick: () => toggle(),\n        }\n      : {}}\n  >\n    <div class=\"mc-tile__body\">\n      <slot />\n    </div>\n\n    <div class=\"mc-tile__action\">\n      {#if trigger === 'icon'}\n        <span class=\"mc-tile__action-button\">\n          <IconButton\n            ghost\n            aria-controls={`content-${id}`}\n            aria-expanded={open}\n            onclick={() => toggle()}\n          >\n            <ChevronDown24 slot=\"icon\" />\n          </IconButton>\n        </span>\n      {:else if trigger === 'button'}\n        <span class=\"mc-tile__action-button\">\n          <Button\n            ghost\n            iconposition=\"right\"\n            aria-controls={`content-${id}`}\n            aria-expanded={open}\n            onclick={() => toggle()}\n          >\n            <span class=\"mc-tile__action-label\">\n              {label}\n            </span>\n\n            <ChevronDown24 slot=\"icon\" />\n          </Button>\n        </span>\n      {/if}\n    </div>\n  </svelte:element>\n\n  <div class=\"mc-tile__content\" id={`content-${id}`} aria-hidden={!open}>\n    <slot name=\"details\" />\n  </div>\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/tile';\n</style>\n"],"names":["appearance","bordered","trigger","label","id","open","$.state","isContainerTriggered","$.derived","toggle","$.set","div","root","node","$.child","$$element","$$anchor","$.get","div_1","$.first_child","fragment","div_2","span","root_2","IconButton","node_3","ChevronDown24","span_1","root_4","Button","node_4","span_2","root_5","$$render","consequent","consequent_1","div_3","$.sibling","$.reset","$.set_attribute","$.append"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;s5EASA,iBA+BI,IAAAA,qBAAa,SAAS,EACtBC,mBAAW,EAAI,EACfC,kBAAU,MAAM,EAChBC,gBAAQ,UAAU,QAGdC,EAAK,OAAO,WAAU,MAExBC,EAAOC,EAAO,EAAK,QAEjBC,EAAoBC,EAAA,IAAYN,EAAO,IAAK,WAAW,EAEpD,SAAAO,GAAS,CAChBC,GAAAL,KAAQA,CAAI,CAAA,CACd,sDAde,UAAS,qDACX,GAAI,mDACL,OAAM,+CACR,WAAU,YAcrBM,EAAAC,GAAA,EAAAC,EAAAC,EAAAH,CAAA,aASSJ,CAAoB,EAAG,SAAW,MAAK,GAAA,CAAAQ,EAAAC,IAAA,oCAEzC,GAAAC,EAAAV,CAAA,GAEE,KAAM,SACL,2BAA6BH,CAAE,GAC/B,kBAAkBC,CAAI,EACvB,YAAeI,EAAM,yDAI1BS,EAAGC,EAAAC,CAAA,MAAHF,CAAG,6BAAHA,CAAG,EAIH,IAAAG,IAJAH,EAAG,CAAA,MAIHG,CAAG,iBAECC,EAAIC,GAAA,MAAJD,CAAI,0BAGyBlB,CAAE,EAAA,EAF7BoB,GAAAC,EAAA,0EAGgBpB,CAAI,eACJI,EAAM,wBAEpBiB,EAAaV,EAAA,CAAA,KAAA,MAAA,CAAA,QAPjBM,CAAI,MAAJA,CAAI,aAWJK,EAAIC,GAAA,MAAJD,CAAI,0BAIyBvB,CAAE,EAAA,EAH7ByB,GAAAC,EAAA,+FAIgBzB,CAAI,eACJI,EAAM,uBAEpBsB,EAAIC,GAAA,MAAJD,EAAI,EAAA,IAAJA,CAAI,YACF5B,EAAK,CAAA,CAAA,MADP4B,CAAI,oCAIJL,EAAaV,EAAA,CAAA,KAAA,MAAA,CAAA,QAZjBW,CAAI,MAAJA,CAAI,YAZFzB,EAAO,IAAK,OAAM+B,EAAAC,CAAA,EAWbhC,EAAO,IAAK,UAAQ+B,EAAAE,EAAA,CAAA,MAZ/Bd,CAAG,eAgCLe,EAAGC,EAAAxB,EAAA,CAAA,MAAHuB,CAAG,oCAAHA,CAAG,EAxDLE,EAAA3B,CAAA,WAAAA,OAEG,8BAA+B,gBAClBX,EAAU,CAAA,EAAA,EAAKA,EAAU,IAAK,UAC3C,oBAAqBC,EAAQ,uBACRC,EAAO,CAAA,EAAA,EAAKA,EAAO,IAAK,+BAmD9CqC,EAAAH,kBAA4ChC,CAAE,EAAA,EAA9CmC,EAAAH,mBAAgE/B,CAAI,CAAA,IAxDtEmC,EAAAxB,EAAAL,CAAA,MAFO"}

package/dist/components/tileselectable/TileSelectable.js

@@ -1,4 +1,4 @@
-import{c as J,e as K,a as L,p as m,s as C,t as M,b as v,d as N,f as z,h as d,m as b,r as s,x as O,j as P,l as Q,i as g,w as _}from"../../custom-element.js";import{i as h}from"../../if.js";import{a as V,s as D}from"../../slot.js";import{C as F}from"../checkbox/Checkbox.js";import{R as I}from"../radio/Radio.js";import{c as W}from"../../custom-element-forward-events.js";import"../../branches.js";import"../../attributes.js";import"../../input.js";var X=z('<div class="mc-tile__header svelte-z2cgb1"><div class="mc-tile__body svelte-z2cgb1"><!></div> <div class="mc-tile__action svelte-z2cgb1"><!></div></div>'),Y=z('<div class="mc-tile__body svelte-z2cgb1"><!></div> <div class="mc-tile__action svelte-z2cgb1"><!></div>',1),Z=z('<div class="mc-tile__content svelte-z2cgb1"><!></div>'),$=z("<div><!> <!></div>");const ee={hash:"svelte-z2cgb1",code:`/**
+import{c as J,e as K,a as L,p as m,s as C,t as M,j as N,n as O,b as v,d as P,f as z,h as d,m as b,r as s,x as Q,i as g,w as _}from"../../custom-element.js";import{i as h}from"../../if.js";import{a as V,s as D}from"../../slot.js";import{C as F}from"../checkbox/Checkbox.js";import{R as I}from"../radio/Radio.js";import{c as W}from"../../custom-element-forward-events.js";import"../../branches.js";import"../../attributes.js";import"../../input.js";var X=z('<div class="mc-tile__header svelte-z2cgb1"><div class="mc-tile__body svelte-z2cgb1"><!></div> <div class="mc-tile__action svelte-z2cgb1"><!></div></div>'),Y=z('<div class="mc-tile__body svelte-z2cgb1"><!></div> <div class="mc-tile__action svelte-z2cgb1"><!></div>',1),Z=z('<div class="mc-tile__content svelte-z2cgb1"><!></div>'),$=z("<div><!> <!></div>");const ee={hash:"svelte-z2cgb1",code:`/**
  * Do not edit directly, this file was auto-generated.
  */.mc-tile.svelte-z2cgb1 {border-radius:var(--border-radius-m, 0.5rem);background-color:var(--tile-color-background-primary, #ffffff);}
 @media (prefers-reduced-motion: no-preference) {.mc-tile.svelte-z2cgb1 {transition:background-color 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);}
@@ -104,5 +104,5 @@ import{c as J,e as K,a as L,p as m,s as C,t as M,b as v,d as N,f as z,h as d,m a
 @media (prefers-reduced-motion: no-preference) {.mc-tile--selectable.svelte-z2cgb1 {transition:background-color 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67), box-shadow 200ms ease;}
 }
 @media (prefers-reduced-motion: reduce) {.mc-tile--selectable.svelte-z2cgb1 {transition:none;}
-}.mc-tile--selectable.svelte-z2cgb1 {cursor:pointer;position:relative;display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;overflow:hidden;box-shadow:0 0 0 1px var(--tile-color-border-default, #cccccc);}.mc-tile--selectable.svelte-z2cgb1 .mc-tile__body:where(.svelte-z2cgb1) {flex-grow:1;display:flex;flex-direction:column;}.mc-tile--selectable.svelte-z2cgb1 .mc-tile__action:where(.svelte-z2cgb1) {background-color:transparent;box-sizing:border-box;flex-shrink:0;display:flex;align-items:flex-start;justify-content:center;border-radius:initial;padding:0.75rem 0.75rem;}.mc-tile--selectable.svelte-z2cgb1:has(.mc-tile__content:where(.svelte-z2cgb1)) {flex-direction:column;align-items:stretch;}.mc-tile--selectable.svelte-z2cgb1:has(.mc-tile__content:where(.svelte-z2cgb1)) .mc-tile__header:where(.svelte-z2cgb1) {display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;}.mc-tile--selectable.svelte-z2cgb1:has(.mc-tile__content:where(.svelte-z2cgb1)) .mc-tile__header:where(.svelte-z2cgb1) .mc-tile__body:where(.svelte-z2cgb1) {display:flex;flex-direction:column;}.mc-tile--selectable.svelte-z2cgb1:has(.mc-tile__content:where(.svelte-z2cgb1)) .mc-tile__content:where(.svelte-z2cgb1) {border-top:1px solid var(--tile-color-border-default, #cccccc);}.mc-tile--selectable:has(.mc-tile__content:where(.svelte-z2cgb1)).mc-tile--input-left.svelte-z2cgb1 {flex-direction:column;}.mc-tile--selectable:has(.mc-tile__content:where(.svelte-z2cgb1)).mc-tile--input-left.svelte-z2cgb1 .mc-tile__header:where(.svelte-z2cgb1) {flex-direction:row-reverse;}.mc-tile--selectable:has(.mc-tile__content:where(.svelte-z2cgb1)).mc-tile--input-center.svelte-z2cgb1 {align-items:stretch;}.mc-tile--selectable:has(.mc-tile__content:where(.svelte-z2cgb1)).mc-tile--input-center.svelte-z2cgb1 .mc-tile__header:where(.svelte-z2cgb1) {align-items:center;}.mc-tile--selectable.mc-tile--input-left.svelte-z2cgb1 {flex-direction:row-reverse;}.mc-tile--selectable.mc-tile--input-center.svelte-z2cgb1 {align-items:center;}.mc-tile--selectable.svelte-z2cgb1:hover {box-shadow:0 0 0 2px var(--tile-color-border-default, #cccccc);}.mc-tile--selectable.mc-tile--selected.svelte-z2cgb1 {box-shadow:0 0 0 2px var(--color-brand, #78be20), 0 0 0 4px var(--color-background-accent, #ebf5de);}`};function te(R,r){const S=V(r);K(r,!0),L(R,ee);let c=m(r,"checked",15,!1),x=m(r,"bordered",7,!0),u=m(r,"inputtype",7,"checkbox"),k=m(r,"inputposition",7,"right"),w=m(r,"centered",7);const f=crypto.randomUUID();var T={get checked(){return c()},set checked(e=!1){c(e),b()},get bordered(){return x()},set bordered(e=!0){x(e),b()},get inputtype(){return u()},set inputtype(e="checkbox"){u(e),b()},get inputposition(){return k()},set inputposition(e="right"){k(e),b()},get centered(){return w()},set centered(e){w(e),b()}},p=$(),U=d(p);{var q=e=>{var i=X(),l=d(i),y=d(l);D(y,r,"default",{},null),s(l);var a=C(l,2),j=d(a);{var B=t=>{{let n=_(()=>`checkbox-${f}`);F(t,{get id(){return g(n)},name:"tile-select-group",get checked(){return c()},set checked(o){c(o)}})}},E=t=>{{let n=_(()=>`radio-${f}`);I(t,{get id(){return g(n)},name:"tile-select-group",get checked(){return c()},set checked(o){c(o)}})}};h(j,t=>{u()==="checkbox"?t(B):t(E,-1)})}s(a),s(i),v(e,i)},A=e=>{var i=Y(),l=O(i),y=d(l);D(y,r,"default",{},null),s(l);var a=C(l,2),j=d(a);{var B=t=>{{let n=_(()=>`checkbox-${f}`);F(t,{get id(){return g(n)},name:"tile-select-group",get checked(){return c()},set checked(o){c(o)}})}},E=t=>{{let n=_(()=>`radio-${f}`);I(t,{get id(){return g(n)},name:"tile-select-group",get checked(){return c()},set checked(o){c(o)}})}};h(j,t=>{u()==="checkbox"?t(B):t(E,-1)})}s(a),v(e,i)};h(U,e=>{S.details?e(q):e(A,-1)})}var G=C(U,2);{var H=e=>{var i=Z(),l=d(i);D(l,r,"details",{},null),s(i),v(e,i)};h(G,e=>{S.details&&e(H)})}return s(p),M(()=>P(p,1,Q({"mc-tile mc-tile--selectable":!0,"mc-tile--selected":c(),"mc-tile--bordered":x(),"mc-tile--input-left":k()==="left","mc-tile--input-center":w()}),"svelte-z2cgb1")),v(R,p),N(T)}customElements.define("m-tile-selectable",J(te,{checked:{attribute:"checked",reflect:!0,type:"Boolean"},bordered:{attribute:"bordered",reflect:!0,type:"Boolean"},centered:{attribute:"centered",reflect:!0,type:"Boolean"},inputtype:{},inputposition:{}},["default","details"],[],{mode:"open"},W));
+}.mc-tile--selectable.svelte-z2cgb1 {cursor:pointer;position:relative;display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;overflow:hidden;box-shadow:0 0 0 1px var(--tile-color-border-default, #cccccc);}.mc-tile--selectable.svelte-z2cgb1 .mc-tile__body:where(.svelte-z2cgb1) {flex-grow:1;display:flex;flex-direction:column;}.mc-tile--selectable.svelte-z2cgb1 .mc-tile__action:where(.svelte-z2cgb1) {background-color:transparent;box-sizing:border-box;flex-shrink:0;display:flex;align-items:flex-start;justify-content:center;border-radius:initial;padding:0.75rem 0.75rem;}.mc-tile--selectable.svelte-z2cgb1:has(.mc-tile__content:where(.svelte-z2cgb1)) {flex-direction:column;align-items:stretch;}.mc-tile--selectable.svelte-z2cgb1:has(.mc-tile__content:where(.svelte-z2cgb1)) .mc-tile__header:where(.svelte-z2cgb1) {display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;}.mc-tile--selectable.svelte-z2cgb1:has(.mc-tile__content:where(.svelte-z2cgb1)) .mc-tile__header:where(.svelte-z2cgb1) .mc-tile__body:where(.svelte-z2cgb1) {display:flex;flex-direction:column;}.mc-tile--selectable.svelte-z2cgb1:has(.mc-tile__content:where(.svelte-z2cgb1)) .mc-tile__content:where(.svelte-z2cgb1) {border-top:1px solid var(--tile-color-border-default, #cccccc);}.mc-tile--selectable:has(.mc-tile__content:where(.svelte-z2cgb1)).mc-tile--input-left.svelte-z2cgb1 {flex-direction:column;}.mc-tile--selectable:has(.mc-tile__content:where(.svelte-z2cgb1)).mc-tile--input-left.svelte-z2cgb1 .mc-tile__header:where(.svelte-z2cgb1) {flex-direction:row-reverse;}.mc-tile--selectable:has(.mc-tile__content:where(.svelte-z2cgb1)).mc-tile--input-center.svelte-z2cgb1 {align-items:stretch;}.mc-tile--selectable:has(.mc-tile__content:where(.svelte-z2cgb1)).mc-tile--input-center.svelte-z2cgb1 .mc-tile__header:where(.svelte-z2cgb1) {align-items:center;}.mc-tile--selectable.mc-tile--input-left.svelte-z2cgb1 {flex-direction:row-reverse;}.mc-tile--selectable.mc-tile--input-center.svelte-z2cgb1 {align-items:center;}.mc-tile--selectable.svelte-z2cgb1:hover {box-shadow:0 0 0 2px var(--tile-color-border-default, #cccccc);}.mc-tile--selectable.mc-tile--selected.svelte-z2cgb1 {box-shadow:0 0 0 2px var(--color-brand, #78be20), 0 0 0 4px var(--color-background-accent, #ebf5de);}`};function te(R,r){const S=V(r);K(r,!0),L(R,ee);let c=m(r,"checked",15,!1),x=m(r,"bordered",7,!0),u=m(r,"inputtype",7,"checkbox"),k=m(r,"inputposition",7,"right"),w=m(r,"centered",7);const f=crypto.randomUUID();var T={get checked(){return c()},set checked(e=!1){c(e),b()},get bordered(){return x()},set bordered(e=!0){x(e),b()},get inputtype(){return u()},set inputtype(e="checkbox"){u(e),b()},get inputposition(){return k()},set inputposition(e="right"){k(e),b()},get centered(){return w()},set centered(e){w(e),b()}},p=$(),U=d(p);{var q=e=>{var i=X(),l=d(i),y=d(l);D(y,r,"default",{},null),s(l);var a=C(l,2),j=d(a);{var B=t=>{{let n=_(()=>`checkbox-${f}`);F(t,{get id(){return g(n)},name:"tile-select-group",get checked(){return c()},set checked(o){c(o)}})}},E=t=>{{let n=_(()=>`radio-${f}`);I(t,{get id(){return g(n)},name:"tile-select-group",get checked(){return c()},set checked(o){c(o)}})}};h(j,t=>{u()==="checkbox"?t(B):t(E,-1)})}s(a),s(i),v(e,i)},A=e=>{var i=Y(),l=Q(i),y=d(l);D(y,r,"default",{},null),s(l);var a=C(l,2),j=d(a);{var B=t=>{{let n=_(()=>`checkbox-${f}`);F(t,{get id(){return g(n)},name:"tile-select-group",get checked(){return c()},set checked(o){c(o)}})}},E=t=>{{let n=_(()=>`radio-${f}`);I(t,{get id(){return g(n)},name:"tile-select-group",get checked(){return c()},set checked(o){c(o)}})}};h(j,t=>{u()==="checkbox"?t(B):t(E,-1)})}s(a),v(e,i)};h(U,e=>{S.details?e(q):e(A,-1)})}var G=C(U,2);{var H=e=>{var i=Z(),l=d(i);D(l,r,"details",{},null),s(i),v(e,i)};h(G,e=>{S.details&&e(H)})}return s(p),M(()=>N(p,1,O({"mc-tile mc-tile--selectable":!0,"mc-tile--selected":c(),"mc-tile--bordered":x(),"mc-tile--input-left":k()==="left","mc-tile--input-center":w()}),"svelte-z2cgb1")),v(R,p),P(T)}customElements.define("m-tile-selectable",J(te,{checked:{attribute:"checked",reflect:!0,type:"Boolean"},bordered:{attribute:"bordered",reflect:!0,type:"Boolean"},centered:{attribute:"centered",reflect:!0,type:"Boolean"},inputtype:{},inputposition:{}},["default","details"],[],{mode:"open"},W));
 //# sourceMappingURL=TileSelectable.js.map

package/dist/components/toaster/Toaster.js

@@ -1,6 +1,6 @@
-import{o as K,c as L,e as P,a as Q,p as e,t as E,b as O,d as R,f as U,n as Y,s as f,m as a,q as T,i as b,h as c,r as s,u as Z,k as $,v as oo,w as to}from"../../custom-element.js";import{o as ro,a as eo}from"../../index-client.js";import{i as M}from"../../if.js";import{s as ao}from"../../slot.js";import{c as no}from"../../svelte-component.js";import{a as co,b as so,s as lo}from"../../attributes.js";import{b as uo}from"../../this.js";import{C as io,I as bo,a as vo,W as go,b as mo}from"../../Condition20.js";import"../../branches.js";var fo=U('<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>'),ho=U('<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>'),po=U('<section><span class="mc-toaster__icon svelte-h1mguv"><!></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 ko={hash:"svelte-h1mguv",code:`/**
+import{o as K,c as L,e as P,a as Q,p as e,t as E,k as R,b as O,d as Y,f as U,l as Z,s as f,h as c,m as a,q as T,i as b,r as s,u as $,v as oo,w as to}from"../../custom-element.js";import{o as ro,a as eo}from"../../index-client.js";import{i as M}from"../../if.js";import{s as ao}from"../../slot.js";import{c as no}from"../../svelte-component.js";import{a as co,b as so,s as lo}from"../../attributes.js";import{b as uo}from"../../this.js";import{C as io,I as bo,a as vo,W as go,b as mo}from"../../Condition20.js";import"../../branches.js";var fo=U('<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>'),ho=U('<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>'),po=U('<section><span class="mc-toaster__icon svelte-h1mguv"><!></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 ko={hash:"svelte-h1mguv",code:`/**
  * Do not edit directly, this file was auto-generated.
  */.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;border-radius:var(--button-border-radius-m, 0.25rem);}.mc-button.svelte-h1mguv {display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;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;border-radius:var(--button-border-radius-s, 0.25rem);}.mc-button--m.svelte-h1mguv {padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, 0.25rem);}.mc-button--l.svelte-h1mguv {padding:0 calc(1.25rem - 0.125rem);min-height:4rem;min-width:4rem;border-radius:var(--button-border-radius-l, 0.25rem);}.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(--border-radius-full, 100%);padding:0;}.mc-button--loading.svelte-h1mguv {pointer-events:none;}.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(--border-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(--border-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;}.mc-toaster.svelte-h1mguv {border-radius:var(--border-radius-m, 0.5rem);background:var(--toaster-color-background-info, #002a41);display:flex;flex-flow:row wrap;align-items:flex-start;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, 6);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-info, #3facd7);color:var(--toaster-color-icon-info, #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-info, #002a41);}.mc-toaster--information.svelte-h1mguv .mc-toaster__icon:where(.svelte-h1mguv) {fill:var(--toaster-color-icon-info, #3facd7);color:var(--toaster-color-icon-info, #3facd7);}.mc-toaster--information.svelte-h1mguv .mc-toaster__indicator:where(.svelte-h1mguv) {--progressbar-color-indicator: var(--toaster-color-icon-info, #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);color: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);color: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);color: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-info, #3facd7);--progressbar-color-background: var(--toaster-color-progress-bar-background, #ffffff);}.mc-toaster__close.svelte-h1mguv {margin:0.25rem;}.mc-toaster__action.svelte-h1mguv:empty {display:none;}`};function _o(D,r){P(r,!0),Q(D,ko);let n=e(r,"open",7),h=e(r,"position",7,"top"),p=e(r,"description",7),v=e(r,"status",7,"info"),k=e(r,"closable",7,!0),g=e(r,"progress",7),d=e(r,"timeout",7),_=e(r,"onUpdateOpen",7),S=Y(r,["$$slots","$$events","$$legacy","$$host","open","position","description","status","closable","progress","timeout","onUpdateOpen"]),w;const F=[{status:"info",component:bo},{status:"success",component:vo},{status:"warning",component:go},{status:"error",component:mo}];function W(o){return F.find(t=>t.status===o)||F[0]}const j=to(()=>W(v()));let l=oo(0),m=null,x=null;const y=()=>{n(!1),_()?.(n());const o=new CustomEvent("update:open",{detail:n(),bubbles:!0,composed:!0});w.dispatchEvent(o)};ro(()=>{if(d())if(g()){const u=100/(d()/100);m=setInterval(()=>{T(l,b(l)+u),b(l)>=100&&(T(l,100),clearInterval(m),y())},100)}else x=setTimeout(()=>{y()},d())}),eo(()=>{m&&clearInterval(m),x&&clearTimeout(x)});var q={get open(){return n()},set open(o){n(o),a()},get position(){return h()},set position(o="top"){h(o),a()},get description(){return p()},set description(o){p(o),a()},get status(){return v()},set status(o="info"){v(o),a()},get closable(){return k()},set closable(o=!0){k(o),a()},get progress(){return g()},set progress(o){g(o),a()},get timeout(){return d()},set timeout(o){d(o),a()},get onUpdateOpen(){return _()},set onUpdateOpen(o){_(o),a()}},i=po();co(i,()=>({class:["mc-toaster",n()&&"is-open",`mc-toaster--${v()}`,`mc-toaster--${h()}`],role:"status",tabindex:"-1","aria-hidden":!n(),...S}),void 0,void 0,void 0,"svelte-h1mguv");var C=c(i),N=c(C);no(N,()=>b(j).component,(o,t)=>{t(o,{})}),s(C);var z=f(C,2),I=c(z),V=c(I,!0);s(I);var X=f(I,2),A=c(X);ao(A,r,"action",{},null),s(X),s(z);var B=f(z,2);{var G=o=>{var t=fo(),u=c(t);io(u,{className:"mc-button__icon",slot:"icon"}),s(t),Z("click",t,y),O(o,t)};M(B,o=>{k()&&o(G)})}var H=f(B,2);{var J=o=>{var t=ho(),u=c(t);s(t),E(()=>{so(u,`--progress-value: ${b(l)};`),lo(u,"aria-valuenow",b(l))}),O(o,t)};M(H,o=>{g()&&o(J)})}return s(i),uo(i,o=>w=o,()=>w),E(()=>$(V,p())),O(D,i),R(q)}K(["click"]);customElements.define("m-toaster",L(_o,{open:{attribute:"open",reflect:!0,type:"Boolean"},closable:{attribute:"closable",reflect:!0,type:"Boolean"},progress:{attribute:"progress",reflect:!0,type:"Boolean"},position:{},description:{},status:{},timeout:{},onUpdateOpen:{}},["action"],[],{mode:"open"}));
+}.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-info, #002a41);}.mc-toaster--information.svelte-h1mguv .mc-toaster__icon:where(.svelte-h1mguv) {fill:var(--toaster-color-icon-info, #3facd7);color:var(--toaster-color-icon-info, #3facd7);}.mc-toaster--information.svelte-h1mguv .mc-toaster__indicator:where(.svelte-h1mguv) {--progressbar-color-indicator: var(--toaster-color-icon-info, #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);color: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);color: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);color: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-info, #3facd7);--progressbar-color-background: var(--toaster-color-progress-bar-background, #ffffff);}.mc-toaster__close.svelte-h1mguv {margin:0.25rem;}.mc-toaster__action.svelte-h1mguv:empty {display:none;}`};function _o(D,r){P(r,!0),Q(D,ko);let n=e(r,"open",7),h=e(r,"position",7,"top"),p=e(r,"description",7),v=e(r,"status",7,"info"),k=e(r,"closable",7,!0),g=e(r,"progress",7),d=e(r,"timeout",7),_=e(r,"onUpdateOpen",7),S=Z(r,["$$slots","$$events","$$legacy","$$host","open","position","description","status","closable","progress","timeout","onUpdateOpen"]),w;const F=[{status:"info",component:bo},{status:"success",component:vo},{status:"warning",component:go},{status:"error",component:mo}];function W(o){return F.find(t=>t.status===o)||F[0]}const j=to(()=>W(v()));let l=oo(0),m=null,x=null;const y=()=>{n(!1),_()?.(n());const o=new CustomEvent("update:open",{detail:n(),bubbles:!0,composed:!0});w.dispatchEvent(o)};ro(()=>{if(d())if(g()){const u=100/(d()/100);m=setInterval(()=>{T(l,b(l)+u),b(l)>=100&&(T(l,100),clearInterval(m),y())},100)}else x=setTimeout(()=>{y()},d())}),eo(()=>{m&&clearInterval(m),x&&clearTimeout(x)});var q={get open(){return n()},set open(o){n(o),a()},get position(){return h()},set position(o="top"){h(o),a()},get description(){return p()},set description(o){p(o),a()},get status(){return v()},set status(o="info"){v(o),a()},get closable(){return k()},set closable(o=!0){k(o),a()},get progress(){return g()},set progress(o){g(o),a()},get timeout(){return d()},set timeout(o){d(o),a()},get onUpdateOpen(){return _()},set onUpdateOpen(o){_(o),a()}},i=po();co(i,()=>({class:["mc-toaster",n()&&"is-open",`mc-toaster--${v()}`,`mc-toaster--${h()}`],role:"status",tabindex:"-1","aria-hidden":!n(),...S}),void 0,void 0,void 0,"svelte-h1mguv");var C=c(i),N=c(C);no(N,()=>b(j).component,(o,t)=>{t(o,{})}),s(C);var z=f(C,2),I=c(z),V=c(I,!0);s(I);var X=f(I,2),A=c(X);ao(A,r,"action",{},null),s(X),s(z);var B=f(z,2);{var G=o=>{var t=fo(),u=c(t);io(u,{className:"mc-button__icon",slot:"icon"}),s(t),$("click",t,y),O(o,t)};M(B,o=>{k()&&o(G)})}var H=f(B,2);{var J=o=>{var t=ho(),u=c(t);s(t),E(()=>{so(u,`--progress-value: ${b(l)};`),lo(u,"aria-valuenow",b(l))}),O(o,t)};M(H,o=>{g()&&o(J)})}return s(i),uo(i,o=>w=o,()=>w),E(()=>R(V,p())),O(D,i),Y(q)}K(["click"]);customElements.define("m-toaster",L(_o,{open:{attribute:"open",reflect:!0,type:"Boolean"},closable:{attribute:"closable",reflect:!0,type:"Boolean"},progress:{attribute:"progress",reflect:!0,type:"Boolean"},position:{},description:{},status:{},timeout:{},onUpdateOpen:{}},["action"],[],{mode:"open"}));
 //# sourceMappingURL=Toaster.js.map

package/dist/components/toggle/Toggle.js

@@ -1,4 +1,4 @@
-import{c as E,e as B,a as j,p as a,t as b,b as u,d as D,f as _,h as v,m as r,s as F,r as w,j as S,l as T,n as Y,k as q}from"../../custom-element.js";import{i as A}from"../../if.js";import{a as C,s as G}from"../../attributes.js";import{a as H}from"../../input.js";import{c as I}from"../../custom-element-forward-events.js";import"../../branches.js";var J=_('<span class="mc-toggle__label svelte-26wadt"> </span>'),K=_('<div><label class="mc-toggle__container svelte-26wadt"><input/> <!></label></div>');const L={hash:"svelte-26wadt",code:`/**
+import{c as E,e as B,a as j,p as a,t as b,b as u,d as D,f as _,l as F,h as v,m as r,s as S,r as w,j as T,n as Y,k as q}from"../../custom-element.js";import{i as A}from"../../if.js";import{a as C,s as G}from"../../attributes.js";import{a as H}from"../../input.js";import{c as I}from"../../custom-element-forward-events.js";import"../../branches.js";var J=_('<span class="mc-toggle__label svelte-26wadt"> </span>'),K=_('<div><label class="mc-toggle__container svelte-26wadt"><input/> <!></label></div>');const L={hash:"svelte-26wadt",code:`/**
  * Do not edit directly, this file was auto-generated.
- */.mc-toggle.svelte-26wadt {width:fit-content;}.mc-toggle__container.svelte-26wadt {display:flex;align-items:center;cursor:pointer;gap:0.5rem;position:relative;padding:0.25rem;}.mc-toggle__container.svelte-26wadt::before, .mc-toggle__container.svelte-26wadt::after {content:"";}.mc-toggle__container.svelte-26wadt::before {transition:box-shadow 200ms ease;height:1.5rem;width:2.5rem;background-color:var(--forms-color-background-unchecked, #666666);border-radius:var(--border-radius-l, 1rem);flex-shrink:0;}.mc-toggle__container.svelte-26wadt::after {height:1.25rem;width:1.25rem;background-color:var(--forms-color-icon-inverse, #ffffff);border-radius:var(--border-radius-full, 100%);background-position:center;left:0.375rem;position:absolute;top:50%;transform:translateY(-50%);}.mc-toggle__input.svelte-26wadt {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}.mc-toggle__label.svelte-26wadt {color:var(--forms-color-text-default, #000000);font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-m, 1.5);}.mc-toggle.svelte-26wadt:has(:where(.svelte-26wadt):checked) .mc-toggle__container:where(.svelte-26wadt)::before {background-color:var(--forms-color-background-checked, #117f03);}.mc-toggle.svelte-26wadt:has(:where(.svelte-26wadt):checked) .mc-toggle__container:where(.svelte-26wadt)::after {transform:translate(1rem, -50%);}.mc-toggle.svelte-26wadt:has(:where(.svelte-26wadt):disabled) .mc-toggle__container:where(.svelte-26wadt) {cursor:not-allowed;}.mc-toggle.svelte-26wadt:has(:where(.svelte-26wadt):disabled) .mc-toggle__container:where(.svelte-26wadt)::before {background-color:var(--forms-color-background-disabled, #d9d9d9);}.mc-toggle.svelte-26wadt:has(:where(.svelte-26wadt):disabled) .mc-toggle__container:where(.svelte-26wadt)::after {background-color:var(--forms-color-icon-disabled, #737373);}.mc-toggle.svelte-26wadt:has(:where(.svelte-26wadt):disabled) .mc-toggle__label:where(.svelte-26wadt) {color:var(--forms-color-text-disabled, #737373);}.mc-toggle.svelte-26wadt:has(:where(.svelte-26wadt):focus-visible) .mc-toggle__container:where(.svelte-26wadt)::before {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-toggle--m.svelte-26wadt .mc-toggle__container:where(.svelte-26wadt)::before {height:2rem;width:3.5rem;}.mc-toggle--m.svelte-26wadt .mc-toggle__container:where(.svelte-26wadt)::after {height:1.5rem;width:1.5rem;left:0.5rem;}.mc-toggle--m.svelte-26wadt:has(:where(.svelte-26wadt):checked) .mc-toggle__container:where(.svelte-26wadt)::after {transform:translate(1.5rem, -50%);}.mc-toggle--hide-label.svelte-26wadt .mc-toggle__label:where(.svelte-26wadt) {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}`};function M(f,t){B(t,!0),j(f,L);let o=a(t,"id",7),d=a(t,"name",7),l=a(t,"label",7),c=a(t,"checked",15,!1),i=a(t,"disabled",7),n=a(t,"size",7,"s"),p=Y(t,["$$slots","$$events","$$legacy","$$host","id","name","label","checked","disabled","size"]);var k={get id(){return o()},set id(e){o(e),r()},get name(){return d()},set name(e){d(e),r()},get label(){return l()},set label(e){l(e),r()},get checked(){return c()},set checked(e=!1){c(e),r()},get disabled(){return i()},set disabled(e){i(e),r()},get size(){return n()},set size(e="s"){n(e),r()}},s=K(),g=v(s),m=v(g);C(m,()=>({id:o(),type:"checkbox",class:"mc-toggle__input",name:d(),disabled:i(),...p}),void 0,void 0,void 0,"svelte-26wadt",!0);var x=F(m,2);{var y=e=>{var h=J(),z=v(h,!0);w(h),b(()=>q(z,l())),u(e,h)};A(x,e=>{l()&&e(y)})}return w(g),w(s),b(()=>{S(s,1,T(["mc-toggle",`mc-toggle--${n()}`]),"svelte-26wadt"),G(g,"for",o())}),H(m,c),u(f,s),D(k)}customElements.define("m-toggle",E(M,{checked:{attribute:"checked",reflect:!0,type:"Boolean"},disabled:{attribute:"disabled",reflect:!0,type:"Boolean"},id:{},name:{},label:{},size:{}},[],[],{mode:"open"},I));
+ */.mc-toggle.svelte-26wadt {width:fit-content;}.mc-toggle__container.svelte-26wadt {display:flex;align-items:center;cursor:pointer;gap:0.5rem;position:relative;padding:0.25rem;}.mc-toggle__container.svelte-26wadt::before, .mc-toggle__container.svelte-26wadt::after {content:"";}.mc-toggle__container.svelte-26wadt::before {transition:box-shadow 200ms ease;height:1.5rem;width:2.5rem;background-color:var(--forms-color-background-unchecked, #666666);border-radius:var(--border-radius-l, 1rem);flex-shrink:0;}.mc-toggle__container.svelte-26wadt::after {height:1.25rem;width:1.25rem;background-color:var(--forms-color-icon-inverse, #ffffff);border-radius:var(--border-radius-full, 100%);background-position:center;left:0.375rem;position:absolute;top:50%;transform:translateY(-50%);}.mc-toggle__input.svelte-26wadt {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}.mc-toggle__label.svelte-26wadt {color:var(--forms-color-text-default, #000000);font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-m, 1.5);}.mc-toggle.svelte-26wadt:has(:where(.svelte-26wadt):checked) .mc-toggle__container:where(.svelte-26wadt)::before {background-color:var(--forms-color-background-checked, #117f03);}.mc-toggle.svelte-26wadt:has(:where(.svelte-26wadt):checked) .mc-toggle__container:where(.svelte-26wadt)::after {transform:translate(1rem, -50%);}.mc-toggle.svelte-26wadt:has(:where(.svelte-26wadt):disabled) .mc-toggle__container:where(.svelte-26wadt) {cursor:not-allowed;}.mc-toggle.svelte-26wadt:has(:where(.svelte-26wadt):disabled) .mc-toggle__container:where(.svelte-26wadt)::before {background-color:var(--forms-color-background-disabled, #d9d9d9);}.mc-toggle.svelte-26wadt:has(:where(.svelte-26wadt):disabled) .mc-toggle__container:where(.svelte-26wadt)::after {background-color:var(--forms-color-icon-disabled, #737373);}.mc-toggle.svelte-26wadt:has(:where(.svelte-26wadt):disabled) .mc-toggle__label:where(.svelte-26wadt) {color:var(--forms-color-text-disabled, #737373);}.mc-toggle.svelte-26wadt:has(:where(.svelte-26wadt):focus-visible) .mc-toggle__container:where(.svelte-26wadt)::before {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-toggle--m.svelte-26wadt .mc-toggle__container:where(.svelte-26wadt)::before {height:2rem;width:3.5rem;}.mc-toggle--m.svelte-26wadt .mc-toggle__container:where(.svelte-26wadt)::after {height:1.5rem;width:1.5rem;left:0.5rem;}.mc-toggle--m.svelte-26wadt:has(:where(.svelte-26wadt):checked) .mc-toggle__container:where(.svelte-26wadt)::after {transform:translate(1.5rem, -50%);}.mc-toggle--hide-label.svelte-26wadt .mc-toggle__label:where(.svelte-26wadt) {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}`};function M(f,t){B(t,!0),j(f,L);let o=a(t,"id",7),d=a(t,"name",7),l=a(t,"label",7),c=a(t,"checked",15,!1),i=a(t,"disabled",7),n=a(t,"size",7,"s"),p=F(t,["$$slots","$$events","$$legacy","$$host","id","name","label","checked","disabled","size"]);var k={get id(){return o()},set id(e){o(e),r()},get name(){return d()},set name(e){d(e),r()},get label(){return l()},set label(e){l(e),r()},get checked(){return c()},set checked(e=!1){c(e),r()},get disabled(){return i()},set disabled(e){i(e),r()},get size(){return n()},set size(e="s"){n(e),r()}},s=K(),g=v(s),m=v(g);C(m,()=>({id:o(),type:"checkbox",class:"mc-toggle__input",name:d(),disabled:i(),...p}),void 0,void 0,void 0,"svelte-26wadt",!0);var x=S(m,2);{var y=e=>{var h=J(),z=v(h,!0);w(h),b(()=>q(z,l())),u(e,h)};A(x,e=>{l()&&e(y)})}return w(g),w(s),b(()=>{T(s,1,Y(["mc-toggle",`mc-toggle--${n()}`]),"svelte-26wadt"),G(g,"for",o())}),H(m,c),u(f,s),D(k)}customElements.define("m-toggle",E(M,{checked:{attribute:"checked",reflect:!0,type:"Boolean"},disabled:{attribute:"disabled",reflect:!0,type:"Boolean"},id:{},name:{},label:{},size:{}},[],[],{mode:"open"},I));
 //# sourceMappingURL=Toggle.js.map

package/dist/components/togglegroup/ToggleGroup.js

@@ -1,7 +1,7 @@
-import{c as F,a as G,p as i,t as v,b as u,d as S,f as b,e as T,g as Y,h as _,s as q,i as r,r as c,j as k,k as C,l as H,m as f}from"../../custom-element.js";import{i as I}from"../../if.js";import{e as J}from"../../each.js";import{r as K,s as y}from"../../attributes.js";import{b as L}from"../../input.js";import{c as M}from"../../custom-element-forward-events.js";import"../../branches.js";var N=b('<span class="mc-toggle__label svelte-1p7hz9f"> </span>'),O=b('<div><label class="mc-toggle__container svelte-1p7hz9f"><input class="mc-toggle__input svelte-1p7hz9f" type="checkbox"/> <!></label></div>'),P=b("<div></div>");const Q={hash:"svelte-1p7hz9f",code:`/**
+import{c as q,a as L,p as n,b as p,d as V,f as u,e as $,g as j,h as _,s as A,i as l,r as c,t as x,j as D,k as F,l as G,m as d}from"../../custom-element.js";import{i as S}from"../../if.js";import{e as T}from"../../each.js";import{a as Y,r as H,s as k}from"../../attributes.js";import{b as I}from"../../input.js";import{c as J}from"../../custom-element-forward-events.js";import"../../branches.js";var K=u('<span class="mc-toggle__label svelte-1p7hz9f"> </span>'),N=u('<div><label class="mc-toggle__container svelte-1p7hz9f"><input class="mc-toggle__input svelte-1p7hz9f" type="checkbox"/> <!></label></div>'),O=u("<div></div>");const P={hash:"svelte-1p7hz9f",code:`/**
  * Do not edit directly, this file was auto-generated.
  */
-/* stylelint-disable string-no-newline */.mc-field__content.svelte-1p7hz9f {margin-top:0.5rem;}
+/* stylelint-disable string-no-newline */.mc-field__label.svelte-1p7hz9f, .mc-field__legend.svelte-1p7hz9f {font-size:var(--font-size-100, 0.875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000);}.mc-field__legend.svelte-1p7hz9f {padding-inline:0;}.mc-field__requirement.svelte-1p7hz9f, .mc-field__help.svelte-1p7hz9f {font-size:var(--font-size-50, 0.75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666);}.mc-field__help.svelte-1p7hz9f {display:block;margin-top:0.125rem;}.mc-field__content.svelte-1p7hz9f {margin-top:0.5rem;}.mc-field__validation-message.svelte-1p7hz9f {font-size:var(--font-size-100, 0.875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:0.25rem;margin-top:0.25rem;}.mc-field__validation-message.is-valid.svelte-1p7hz9f::before, .mc-field__validation-message.is-invalid.svelte-1p7hz9f::before {content:"";height:1.25rem;width:1.25rem;}.mc-field__validation-message.is-valid.svelte-1p7hz9f {color:var(--field-color-validation-valid, #117f03);}.mc-field__validation-message.is-valid.svelte-1p7hz9f::before {background-color:var(--field-color-validation-valid, #117f03);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E") no-repeat center/contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E") no-repeat center/contain;}.mc-field__validation-message.is-invalid.svelte-1p7hz9f {color:var(--field-color-validation-invalid, #c61112);}.mc-field__validation-message.is-invalid.svelte-1p7hz9f::before {background-color:var(--field-color-validation-invalid, #c61112);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E") no-repeat center/contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E") no-repeat center/contain;}.mc-field__validation-message.is-loading.svelte-1p7hz9f {color:var(--field-color-validation-loading, #666666);}.mc-field--group.svelte-1p7hz9f {border-width:0;margin-inline:0;padding:0;}
 
-/* stylelint-enable string-no-newline */.mc-toggle.svelte-1p7hz9f {width:fit-content;}.mc-toggle__container.svelte-1p7hz9f {display:flex;align-items:center;cursor:pointer;gap:0.5rem;position:relative;padding:0.25rem;}.mc-toggle__container.svelte-1p7hz9f::before, .mc-toggle__container.svelte-1p7hz9f::after {content:"";}.mc-toggle__container.svelte-1p7hz9f::before {transition:box-shadow 200ms ease;height:1.5rem;width:2.5rem;background-color:var(--forms-color-background-unchecked, #666666);border-radius:var(--border-radius-l, 1rem);flex-shrink:0;}.mc-toggle__container.svelte-1p7hz9f::after {height:1.25rem;width:1.25rem;background-color:var(--forms-color-icon-inverse, #ffffff);border-radius:var(--border-radius-full, 100%);background-position:center;left:0.375rem;position:absolute;top:50%;transform:translateY(-50%);}.mc-toggle__input.svelte-1p7hz9f {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}.mc-toggle__label.svelte-1p7hz9f {color:var(--forms-color-text-default, #000000);font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-m, 1.5);}.mc-toggle.svelte-1p7hz9f:has(:where(.svelte-1p7hz9f):checked) .mc-toggle__container:where(.svelte-1p7hz9f)::before {background-color:var(--forms-color-background-checked, #117f03);}.mc-toggle.svelte-1p7hz9f:has(:where(.svelte-1p7hz9f):checked) .mc-toggle__container:where(.svelte-1p7hz9f)::after {transform:translate(1rem, -50%);}.mc-toggle.svelte-1p7hz9f:has(:where(.svelte-1p7hz9f):disabled) .mc-toggle__container:where(.svelte-1p7hz9f) {cursor:not-allowed;}.mc-toggle.svelte-1p7hz9f:has(:where(.svelte-1p7hz9f):disabled) .mc-toggle__container:where(.svelte-1p7hz9f)::before {background-color:var(--forms-color-background-disabled, #d9d9d9);}.mc-toggle.svelte-1p7hz9f:has(:where(.svelte-1p7hz9f):disabled) .mc-toggle__container:where(.svelte-1p7hz9f)::after {background-color:var(--forms-color-icon-disabled, #737373);}.mc-toggle.svelte-1p7hz9f:has(:where(.svelte-1p7hz9f):disabled) .mc-toggle__label:where(.svelte-1p7hz9f) {color:var(--forms-color-text-disabled, #737373);}.mc-toggle.svelte-1p7hz9f:has(:where(.svelte-1p7hz9f):focus-visible) .mc-toggle__container:where(.svelte-1p7hz9f)::before {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-toggle--m.svelte-1p7hz9f .mc-toggle__container:where(.svelte-1p7hz9f)::before {height:2rem;width:3.5rem;}.mc-toggle--m.svelte-1p7hz9f .mc-toggle__container:where(.svelte-1p7hz9f)::after {height:1.5rem;width:1.5rem;left:0.5rem;}.mc-toggle--m.svelte-1p7hz9f:has(:where(.svelte-1p7hz9f):checked) .mc-toggle__container:where(.svelte-1p7hz9f)::after {transform:translate(1.5rem, -50%);}.mc-toggle--hide-label.svelte-1p7hz9f .mc-toggle__label:where(.svelte-1p7hz9f) {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}.mc-field__content.svelte-1p7hz9f:where(.mc-field__content--inline:where(.svelte-1p7hz9f)) {display:flex;flex-flow:row wrap;gap:0.25rem 1rem;}`};function R(z,o){T(o,!0),G(z,Q);const E=[];let h=i(o,"name",7),a=i(o,"value",31,()=>Y([])),m=i(o,"options",7),g=i(o,"inline",7);var j={get name(){return h()},set name(e){h(e),f()},get value(){return a()},set value(e=[]){a(e),f()},get options(){return m()},set options(e){m(e),f()},get inline(){return g()},set inline(e){g(e),f()}},s=P();return J(s,21,m,e=>e.id,(e,t)=>{var n=O(),w=_(n),l=_(w);K(l);var x,A=q(l,2);{var B=p=>{var d=N(),D=_(d,!0);c(d),v(()=>C(D,r(t).label)),u(p,d)};I(A,p=>{r(t).label&&p(B)})}c(w),c(n),v(()=>{k(n,1,`mc-toggle mc-field__item ${r(t).label?"":" mc-toggle--hide-label"} ${r(t).size==="m"?" mc-toggle--m":""}`,"svelte-1p7hz9f"),y(l,"id",r(t).id),y(l,"name",h()),l.disabled=r(t).disabled,x!==(x=r(t).value)&&(l.value=(l.__value=r(t).value)??"")}),L(E,[],l,()=>(r(t).value,a()),a),u(e,n)}),c(s),v(()=>k(s,1,H(["mc-field__content",g()&&"mc-field__content--inline"]),"svelte-1p7hz9f")),u(z,s),S(j)}customElements.define("m-toggle-group",F(R,{options:{attribute:"options",reflect:!0,type:"Array"},inline:{attribute:"inline",reflect:!0,type:"Boolean"},name:{},value:{}},[],[],{mode:"open"},M));
+/* stylelint-enable string-no-newline */.mc-toggle.svelte-1p7hz9f {width:fit-content;}.mc-toggle__container.svelte-1p7hz9f {display:flex;align-items:center;cursor:pointer;gap:0.5rem;position:relative;padding:0.25rem;}.mc-toggle__container.svelte-1p7hz9f::before, .mc-toggle__container.svelte-1p7hz9f::after {content:"";}.mc-toggle__container.svelte-1p7hz9f::before {transition:box-shadow 200ms ease;height:1.5rem;width:2.5rem;background-color:var(--forms-color-background-unchecked, #666666);border-radius:var(--border-radius-l, 1rem);flex-shrink:0;}.mc-toggle__container.svelte-1p7hz9f::after {height:1.25rem;width:1.25rem;background-color:var(--forms-color-icon-inverse, #ffffff);border-radius:var(--border-radius-full, 100%);background-position:center;left:0.375rem;position:absolute;top:50%;transform:translateY(-50%);}.mc-toggle__input.svelte-1p7hz9f {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}.mc-toggle__label.svelte-1p7hz9f {color:var(--forms-color-text-default, #000000);font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-m, 1.5);}.mc-toggle.svelte-1p7hz9f:has(:where(.svelte-1p7hz9f):checked) .mc-toggle__container:where(.svelte-1p7hz9f)::before {background-color:var(--forms-color-background-checked, #117f03);}.mc-toggle.svelte-1p7hz9f:has(:where(.svelte-1p7hz9f):checked) .mc-toggle__container:where(.svelte-1p7hz9f)::after {transform:translate(1rem, -50%);}.mc-toggle.svelte-1p7hz9f:has(:where(.svelte-1p7hz9f):disabled) .mc-toggle__container:where(.svelte-1p7hz9f) {cursor:not-allowed;}.mc-toggle.svelte-1p7hz9f:has(:where(.svelte-1p7hz9f):disabled) .mc-toggle__container:where(.svelte-1p7hz9f)::before {background-color:var(--forms-color-background-disabled, #d9d9d9);}.mc-toggle.svelte-1p7hz9f:has(:where(.svelte-1p7hz9f):disabled) .mc-toggle__container:where(.svelte-1p7hz9f)::after {background-color:var(--forms-color-icon-disabled, #737373);}.mc-toggle.svelte-1p7hz9f:has(:where(.svelte-1p7hz9f):disabled) .mc-toggle__label:where(.svelte-1p7hz9f) {color:var(--forms-color-text-disabled, #737373);}.mc-toggle.svelte-1p7hz9f:has(:where(.svelte-1p7hz9f):focus-visible) .mc-toggle__container:where(.svelte-1p7hz9f)::before {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-toggle--m.svelte-1p7hz9f .mc-toggle__container:where(.svelte-1p7hz9f)::before {height:2rem;width:3.5rem;}.mc-toggle--m.svelte-1p7hz9f .mc-toggle__container:where(.svelte-1p7hz9f)::after {height:1.5rem;width:1.5rem;left:0.5rem;}.mc-toggle--m.svelte-1p7hz9f:has(:where(.svelte-1p7hz9f):checked) .mc-toggle__container:where(.svelte-1p7hz9f)::after {transform:translate(1.5rem, -50%);}.mc-toggle--hide-label.svelte-1p7hz9f .mc-toggle__label:where(.svelte-1p7hz9f) {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}.mc-field__content.svelte-1p7hz9f:where(.mc-field__content--inline:where(.svelte-1p7hz9f)) {display:flex;flex-flow:row wrap;gap:0.25rem 1rem;}`};function Q(w,i){$(i,!0),L(w,P);const y=[];let f=n(i,"name",7),a=n(i,"value",31,()=>j([])),h=n(i,"options",7),m=n(i,"inline",7),E=G(i,["$$slots","$$events","$$legacy","$$host","name","value","options","inline"]);var Z={get name(){return f()},set name(e){f(e),d()},get value(){return a()},set value(e=[]){a(e),d()},get options(){return h()},set options(e){h(e),d()},get inline(){return m()},set inline(e){m(e),d()}},o=O();return Y(o,()=>({class:["mc-field__content",m()&&"mc-field__content--inline"],...E}),void 0,void 0,void 0,"svelte-1p7hz9f"),T(o,21,h,e=>e.id,(e,t)=>{var s=N(),b=_(s),r=_(b);H(r);var z,C=A(r,2);{var M=v=>{var g=K(),B=_(g,!0);c(g),x(()=>F(B,l(t).label)),p(v,g)};S(C,v=>{l(t).label&&v(M)})}c(b),c(s),x(()=>{D(s,1,`mc-toggle mc-field__item ${l(t).label?"":" mc-toggle--hide-label"} ${l(t).size==="m"?" mc-toggle--m":""}`,"svelte-1p7hz9f"),k(r,"id",l(t).id),k(r,"name",f()),r.disabled=l(t).disabled,z!==(z=l(t).value)&&(r.value=(r.__value=l(t).value)??"")}),I(y,[],r,()=>(l(t).value,a()),a),p(e,s)}),c(o),p(w,o),V(Z)}customElements.define("m-toggle-group",q(Q,{options:{attribute:"options",reflect:!0,type:"Array"},inline:{attribute:"inline",reflect:!0,type:"Boolean"},name:{},value:{}},[],[],{mode:"open"},J));
 //# sourceMappingURL=ToggleGroup.js.map

package/dist/components/togglegroup/ToggleGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroup.js","sources":["../../../src/components/togglegroup/ToggleGroup.svelte"],"sourcesContent":["<svelte:options\n  customElement={{\n    tag: 'm-toggle-group',\n    props: {\n      options: { reflect: true, type: 'Array', attribute: 'options' },\n      inline: { reflect: true, type: 'Boolean', attribute: 'inline' },\n    },\n    extend: customElementForwardEvents,\n  }}\n/>\n\n<script lang=\"ts\">\n  import { customElementForwardEvents } from '../../utils';\n  /**\n   * A toggle is a switch component that allows users to enable or disable a setting, representing a binary state such as on/off or active/inactive. It provides a quick and intuitive way to control preferences or system settings. Toggles are commonly used in settings menus, dark mode switches, and feature activations, offering an alternative to checkboxes for immediate visual feedback.\n   */\n  interface Props {\n    /**\n     * The name attribute for the toggle element, typically used for form submission.\n     */\n    name: string;\n    /**\n     * The current value of the toggle group.\n     */\n    value?: Array<string>;\n    /**\n     * List of properties of each toggle of the toggle group.\n     */\n    options: Array<{\n      id: string;\n      label: string;\n      value: string;\n      disabled?: boolean;\n      size?: 's' | 'm';\n    }>;\n    /**\n     * If `true`, make the form element of the group inline.\n     */\n    inline?: boolean;\n  }\n\n  let { name, value = $bindable([]), options, inline }: Props = $props();\n</script>\n\n<div class={['mc-field__content', inline && 'mc-field__content--inline']}>\n  {#each options as option (option.id)}\n    <div\n      class=\"mc-toggle mc-field__item {!option.label\n        ? ' mc-toggle--hide-label'\n        : ''} {option.size === 'm' ? ' mc-toggle--m' : ''}\"\n    >\n      <label class=\"mc-toggle__container\">\n        <input\n          class=\"mc-toggle__input\"\n          id={option.id}\n          {name}\n          type=\"checkbox\"\n          bind:group={value}\n          value={option.value}\n          disabled={option.disabled}\n        />\n        {#if option.label}\n          <span class=\"mc-toggle__label\">{option.label}</span>\n        {/if}\n      </label>\n    </div>\n  {/each}\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/field';\n  @use '@mozaic-ds/styles/components/toggle';\n\n  .mc-field__content:where(.mc-field__content--inline) {\n    display: flex;\n    flex-flow: row wrap;\n    gap: 0.25rem 1rem;\n  }\n</style>\n"],"names":["name","$.prop","$$props","value","$.proxy","options","inline","div","root","option","$$anchor","div_1","root_1","label","$.child","input","$.remove_input_defaults","node","$.sibling","span","root_2","$.template_effect","$.set_text","text","$.get","$$render","consequent","$.reset","$.set_class","$.set_attribute","input_value","$.append","$.clsx","customElementForwardEvents"],"mappings":";;;;;0tGAWA,+BA8BQA,EAAIC,EAAAC,EAAA,OAAA,CAAA,EAAEC,EAAKF,EAAAC,EAAA,QAAA,GAAA,IAAAE,EAAA,CAAA,CAAA,CAAA,EAAkBC,EAAOJ,EAAAC,EAAA,UAAA,CAAA,EAAEI,EAAML,EAAAC,EAAA,SAAA,CAAA,6MAGnDK,EAAGC,EAAA,WAAHD,EAAG,GACKF,EAAWI,GAAQA,EAAO,GAAE,CAAAC,EAAjBD,IAAM,CACrB,IAAAE,EAAAC,EAAA,EAKEC,EAAKC,EALPH,CAAA,EAMII,EAAAD,EADFD,CAAK,EACHG,EAAAD,CAAA,QAAAE,EAAAC,EAAAH,EAAA,CAAA,iBAUEI,EAAIC,EAAA,MAAJD,EAAI,EAAA,IAAJA,CAAI,EAA2BE,EAAA,IAAAC,EAAAC,EAAAC,EAAAf,CAAM,EAAC,KAAK,CAAA,MAA3CU,CAAI,WADFK,EAAAf,CAAM,EAAC,OAAKgB,EAAAC,CAAA,MAVlBb,CAAK,EALPc,EAAAhB,CAAA,SAAAiB,EAAAjB,EAAA,EAAA,4BAAAa,EACmCf,CAAM,EAAC,MAErC,GADA,wBACE,IAAAe,EAAGf,CAAM,EAAC,OAAS,IAAM,gBAAkB,EAAE,GAAA,gBAAA,IAGhDM,EAAA,KAAAS,EAEKf,CAAM,EAAC,EAAE,EAFdoB,EAAAd,EAAA,OAGEf,GAAI,EAHNe,EAAA,SAAAS,EAOWf,CAAM,EAAC,SADVqB,KAAAA,EAAAN,EAAAf,CAAM,EAAC,SANfM,EAAA,OAAAA,EAAA,QAAAS,EAMQf,CAAM,EAAC,QAAK,aANpBM,OAMQS,EAAAf,CAAM,EAAC,MADFN,EAAK,GAALA,GAXjB4B,EAAArB,EAAAC,CAAA,MAFJJ,CAAG,EAAHc,EAAA,IAAAO,EAAArB,EAAG,EAAAyB,EAAA,CAAS,oBAAqB1B,EAAM,GAAI,2BAA2B,CAAA,EAAA,gBAAA,CAAA,MAAtEC,CAAG,MAFI,+LAnCI0B"}
+{"version":3,"file":"ToggleGroup.js","sources":["../../../src/components/togglegroup/ToggleGroup.svelte"],"sourcesContent":["<svelte:options\n  customElement={{\n    tag: 'm-toggle-group',\n    props: {\n      options: { reflect: true, type: 'Array', attribute: 'options' },\n      inline: { reflect: true, type: 'Boolean', attribute: 'inline' },\n    },\n    extend: customElementForwardEvents,\n  }}\n/>\n\n<script lang=\"ts\">\n  import { customElementForwardEvents } from '../../utils';\n  /**\n   * A toggle is a switch component that allows users to enable or disable a setting, representing a binary state such as on/off or active/inactive. It provides a quick and intuitive way to control preferences or system settings. Toggles are commonly used in settings menus, dark mode switches, and feature activations, offering an alternative to checkboxes for immediate visual feedback.\n   */\n  interface Props {\n    [key: string]: any;\n    /**\n     * The name attribute for the toggle element, typically used for form submission.\n     */\n    name: string;\n    /**\n     * The current value of the toggle group.\n     */\n    value?: Array<string>;\n    /**\n     * List of properties of each toggle of the toggle group.\n     */\n    options: Array<{\n      id: string;\n      label: string;\n      value: string;\n      disabled?: boolean;\n      size?: 's' | 'm';\n    }>;\n    /**\n     * If `true`, make the form element of the group inline.\n     */\n    inline?: boolean;\n  }\n\n  let { name, value = $bindable([]), options, inline, ...attrs }: Props = $props();\n</script>\n\n<div class={['mc-field__content', inline && 'mc-field__content--inline']} {...attrs}>\n  {#each options as option (option.id)}\n    <div\n      class=\"mc-toggle mc-field__item {!option.label\n        ? ' mc-toggle--hide-label'\n        : ''} {option.size === 'm' ? ' mc-toggle--m' : ''}\"\n    >\n      <label class=\"mc-toggle__container\">\n        <input\n          class=\"mc-toggle__input\"\n          id={option.id}\n          {name}\n          type=\"checkbox\"\n          bind:group={value}\n          value={option.value}\n          disabled={option.disabled}\n        />\n        {#if option.label}\n          <span class=\"mc-toggle__label\">{option.label}</span>\n        {/if}\n      </label>\n    </div>\n  {/each}\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/field';\n  @use '@mozaic-ds/styles/components/toggle';\n\n  .mc-field__content:where(.mc-field__content--inline) {\n    display: flex;\n    flex-flow: row wrap;\n    gap: 0.25rem 1rem;\n  }\n</style>\n"],"names":["name","$.prop","$$props","value","$.proxy","options","inline","attrs","$.rest_props","div","root","option","$$anchor","div_1","root_1","label","$.child","input","$.remove_input_defaults","node","$.sibling","span","root_2","$.template_effect","$.set_text","text","$.get","$$render","consequent","$.reset","$.set_class","$.set_attribute","input_value","$.append","customElementForwardEvents"],"mappings":";;;;;0tGAWA,+BA+BQA,EAAIC,EAAAC,EAAA,OAAA,CAAA,EAAEC,EAAKF,EAAAC,EAAA,QAAA,GAAA,IAAAE,EAAA,CAAA,CAAA,CAAA,EAAkBC,EAAOJ,EAAAC,EAAA,UAAA,CAAA,EAAEI,EAAML,EAAAC,EAAA,SAAA,CAAA,EAAKK,EAAKC,EAAAN,EAAA,yRAG7DO,EAAGC,EAAA,WAAHD,eAAY,oBAAqBH,EAAM,GAAI,2BAA2B,KAAOC,6CAA7EE,EAAG,GACKJ,EAAWM,GAAQA,EAAO,GAAE,CAAAC,EAAjBD,IAAM,CACrB,IAAAE,EAAAC,EAAA,EAKEC,EAAKC,EALPH,CAAA,EAMII,EAAAD,EADFD,CAAK,EACHG,EAAAD,CAAA,QAAAE,EAAAC,EAAAH,EAAA,CAAA,iBAUEI,EAAIC,EAAA,MAAJD,EAAI,EAAA,IAAJA,CAAI,EAA2BE,EAAA,IAAAC,EAAAC,EAAAC,EAAAf,CAAM,EAAC,KAAK,CAAA,MAA3CU,CAAI,WADFK,EAAAf,CAAM,EAAC,OAAKgB,EAAAC,CAAA,MAVlBb,CAAK,EALPc,EAAAhB,CAAA,SAAAiB,EAAAjB,EAAA,EAAA,4BAAAa,EACmCf,CAAM,EAAC,MAErC,GADA,wBACE,IAAAe,EAAGf,CAAM,EAAC,OAAS,IAAM,gBAAkB,EAAE,GAAA,gBAAA,IAGhDM,EAAA,KAAAS,EAEKf,CAAM,EAAC,EAAE,EAFdoB,EAAAd,EAAA,OAGEjB,GAAI,EAHNiB,EAAA,SAAAS,EAOWf,CAAM,EAAC,SADVqB,KAAAA,EAAAN,EAAAf,CAAM,EAAC,SANfM,EAAA,OAAAA,EAAA,QAAAS,EAMQf,CAAM,EAAC,QAAK,aANpBM,OAMQS,EAAAf,CAAM,EAAC,MADFR,EAAK,GAALA,GAXjB8B,EAAArB,EAAAC,CAAA,MAFJJ,CAAG,MAAHA,CAAG,MAFI,+LApCIyB"}

package/dist/components/togglegroup/ToggleGroup.svelte

@@ -15,6 +15,7 @@
    * A toggle is a switch component that allows users to enable or disable a setting, representing a binary state such as on/off or active/inactive. It provides a quick and intuitive way to control preferences or system settings. Toggles are commonly used in settings menus, dark mode switches, and feature activations, offering an alternative to checkboxes for immediate visual feedback.
    */
   interface Props {
+    [key: string]: any;
     /**
      * The name attribute for the toggle element, typically used for form submission.
      */
@@ -39,10 +40,10 @@
     inline?: boolean;
   }
 
-  let { name, value = $bindable([]), options, inline }: Props = $props();
+  let { name, value = $bindable([]), options, inline, ...attrs }: Props = $props();
 </script>
 
-<div class={['mc-field__content', inline && 'mc-field__content--inline']}>
+<div class={['mc-field__content', inline && 'mc-field__content--inline']} {...attrs}>
   {#each options as option (option.id)}
     <div
       class="mc-toggle mc-field__item {!option.label

package/dist/components/togglegroup/ToggleGroup.svelte.d.ts

@@ -2,6 +2,7 @@
  * A toggle is a switch component that allows users to enable or disable a setting, representing a binary state such as on/off or active/inactive. It provides a quick and intuitive way to control preferences or system settings. Toggles are commonly used in settings menus, dark mode switches, and feature activations, offering an alternative to checkboxes for immediate visual feedback.
  */
 interface Props {
+    [key: string]: any;
     /**
      * The name attribute for the toggle element, typically used for form submission.
      */

package/dist/components/togglegroup/ToggleGroup.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroup.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/togglegroup/ToggleGroup.svelte.ts"],"names":[],"mappings":"AAKE;;GAEG;AACH,UAAU,KAAK;IACb;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC;QACb,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;KAClB,CAAC,CAAC;IACH;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAoCH,QAAA,MAAM,WAAW,gDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ToggleGroup.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/togglegroup/ToggleGroup.svelte.ts"],"names":[],"mappings":"AAKE;;GAEG;AACH,UAAU,KAAK;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC;QACb,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;KAClB,CAAC,CAAC;IACH;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAoCH,QAAA,MAAM,WAAW,gDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/components/tooltip/Tooltip.js

@@ -1,6 +1,6 @@
-import{c as _,e as g,a as w,p as o,s as b,t as u,b as x,d as k,n as E,m as r,h as d,f as C,r as h,k as B}from"../../custom-element.js";import{s as M}from"../../slot.js";import{a as T,s as D}from"../../attributes.js";var S=C('<div><!> <span class="mc-tooltip__content svelte-11vyzsr" role="tooltip"> </span></div>');const j={hash:"svelte-11vyzsr",code:`/**
+import{c as _,e as g,a as w,p as o,s as b,t as u,k as x,b as k,d as E,l as C,m as r,h as d,f as B,r as h}from"../../custom-element.js";import{s as M}from"../../slot.js";import{a as T,s as D}from"../../attributes.js";var S=B('<div><!> <span class="mc-tooltip__content svelte-11vyzsr" role="tooltip"> </span></div>');const j={hash:"svelte-11vyzsr",code:`/**
  * Do not edit directly, this file was auto-generated.
  */.mc-tooltip.svelte-11vyzsr {display:inline-flex;position:relative;}.mc-tooltip.svelte-11vyzsr:focus, .mc-tooltip.svelte-11vyzsr:hover {cursor:help;}.mc-tooltip.svelte-11vyzsr:focus .mc-tooltip__content:where(.svelte-11vyzsr), .mc-tooltip.svelte-11vyzsr:hover .mc-tooltip__content:where(.svelte-11vyzsr) {visibility:visible;}.mc-tooltip__content.svelte-11vyzsr {font-size:var(--font-size-100, 0.875rem);border-radius:var(--border-radius-s, 0.25rem);line-height:var(--line-height-s, 1.3);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;align-items:center;max-width:16rem;min-width:4rem;background-color:var(--tooltip-color-background, #242938);box-sizing:border-box;color:var(--tooltip-color-text, #ffffff);position:absolute;text-align:center;visibility:hidden;z-index:var(--tooltip-z-index, 1);border:var(--border-width-s, 0.0625rem) solid var(--tooltip-color-border, #636d88);word-break:break-all;padding:0.375rem 0.5rem;}
 @supports (width: max-content) {.mc-tooltip__content.svelte-11vyzsr {width:max-content;}
-}.mc-tooltip__content.svelte-11vyzsr::before {background-color:var(--tooltip-color-border, #636d88);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='0.5rem' width='0.5rem' viewBox='0 0 8 8'%3E%3Cpath d='M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z'/%3E%3C/svg%3E") no-repeat center/contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='0.5rem' width='0.5rem' viewBox='0 0 8 8'%3E%3Cpath d='M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z'/%3E%3C/svg%3E") no-repeat center/contain;content:"";height:0.625rem;position:absolute;width:0.625rem;}.mc-tooltip__content.svelte-11vyzsr::after {background-color:var(--tooltip-color-background, #242938);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='0.5rem' width='0.5rem' viewBox='0 0 8 8'%3E%3Cpath d='M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z'/%3E%3C/svg%3E") no-repeat center/contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='0.5rem' width='0.5rem' viewBox='0 0 8 8'%3E%3Cpath d='M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z'/%3E%3C/svg%3E") no-repeat center/contain;content:"";height:0.5rem;position:absolute;width:0.5rem;}.mc-tooltip--top.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr) {top:0;left:50%;transform:translate(-50%, calc(-100% - 1rem));}.mc-tooltip--top.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr)::after, .mc-tooltip--top.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr)::before {bottom:0;left:50%;transform:translate(-50%, 100%) rotate(-90deg);}.mc-tooltip--top.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr)::before {bottom:-1px;}.mc-tooltip--right.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr) {top:50%;right:0;transform:translate(calc(100% + 1rem), -50%);}.mc-tooltip--right.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr)::after, .mc-tooltip--right.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr)::before {top:50%;left:0;transform:translate(-99%, -50%);}.mc-tooltip--right.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr)::before {left:-1px;}.mc-tooltip--left.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr) {left:0;top:50%;transform:translate(calc(-100% - 1rem), -50%);}.mc-tooltip--left.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr)::after, .mc-tooltip--left.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr)::before {top:50%;right:0;transform:translate(99%, -50%) rotate(180deg);}.mc-tooltip--left.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr)::before {right:-1px;}.mc-tooltip--bottom.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr) {bottom:0;left:50%;transform:translate(-50%, calc(100% + 1rem));}.mc-tooltip--bottom.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr)::after, .mc-tooltip--bottom.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr)::before {top:0;left:50%;transform:translate(-50%, -100%) rotate(90deg);}.mc-tooltip--bottom.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr)::before {top:-1px;}.mc-tooltip--no-pointer.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr)::after, .mc-tooltip--no-pointer.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr)::before {background:none;}.mc-tooltip--standalone.svelte-11vyzsr {cursor:help;}.mc-tooltip--standalone.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr) {visibility:visible;position:relative;transform:none;top:0;left:0;}`};function q(p,e){g(e,!0),w(p,j);let s=o(e,"id",7),i=o(e,"text",7),n=o(e,"position",7,"top"),a=o(e,"pointer",7,!0),v=o(e,"standalone",7),f=E(e,["$$slots","$$events","$$legacy","$$host","id","text","position","pointer","standalone"]);var y={get id(){return s()},set id(t){s(t),r()},get text(){return i()},set text(t){i(t),r()},get position(){return n()},set position(t="top"){n(t),r()},get pointer(){return a()},set pointer(t=!0){a(t),r()},get standalone(){return v()},set standalone(t){v(t),r()}},l=S();T(l,()=>({class:["mc-tooltip",!a()&&"mc-tooltip--no-pointer",`mc-tooltip--${n()}`,v()&&"mc-tooltip--standalone"],"aria-describedby":s(),...f}),void 0,void 0,void 0,"svelte-11vyzsr");var m=d(l);M(m,e,"default",{},null);var c=b(m,2),z=d(c,!0);return h(c),h(l),u(()=>{D(c,"id",s()),B(z,i())}),x(p,l),k(y)}customElements.define("m-tooltip",_(q,{pointer:{attribute:"pointer",reflect:!0,type:"Boolean"},standalone:{attribute:"standalone",reflect:!0,type:"Boolean"},id:{},text:{},position:{}},["default"],[],{mode:"open"}));export{q as T};
+}.mc-tooltip__content.svelte-11vyzsr::before {background-color:var(--tooltip-color-border, #636d88);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='0.5rem' width='0.5rem' viewBox='0 0 8 8'%3E%3Cpath d='M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z'/%3E%3C/svg%3E") no-repeat center/contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='0.5rem' width='0.5rem' viewBox='0 0 8 8'%3E%3Cpath d='M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z'/%3E%3C/svg%3E") no-repeat center/contain;content:"";height:0.625rem;position:absolute;width:0.625rem;}.mc-tooltip__content.svelte-11vyzsr::after {background-color:var(--tooltip-color-background, #242938);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='0.5rem' width='0.5rem' viewBox='0 0 8 8'%3E%3Cpath d='M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z'/%3E%3C/svg%3E") no-repeat center/contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='0.5rem' width='0.5rem' viewBox='0 0 8 8'%3E%3Cpath d='M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z'/%3E%3C/svg%3E") no-repeat center/contain;content:"";height:0.5rem;position:absolute;width:0.5rem;}.mc-tooltip--top.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr) {top:0;left:50%;transform:translate(-50%, calc(-100% - 1rem));}.mc-tooltip--top.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr)::after, .mc-tooltip--top.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr)::before {bottom:0;left:50%;transform:translate(-50%, 100%) rotate(-90deg);}.mc-tooltip--top.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr)::before {bottom:-1px;}.mc-tooltip--right.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr) {top:50%;right:0;transform:translate(calc(100% + 1rem), -50%);}.mc-tooltip--right.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr)::after, .mc-tooltip--right.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr)::before {top:50%;left:0;transform:translate(-99%, -50%);}.mc-tooltip--right.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr)::before {left:-1px;}.mc-tooltip--left.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr) {left:0;top:50%;transform:translate(calc(-100% - 1rem), -50%);}.mc-tooltip--left.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr)::after, .mc-tooltip--left.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr)::before {top:50%;right:0;transform:translate(99%, -50%) rotate(180deg);}.mc-tooltip--left.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr)::before {right:-1px;}.mc-tooltip--bottom.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr) {bottom:0;left:50%;transform:translate(-50%, calc(100% + 1rem));}.mc-tooltip--bottom.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr)::after, .mc-tooltip--bottom.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr)::before {top:0;left:50%;transform:translate(-50%, -100%) rotate(90deg);}.mc-tooltip--bottom.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr)::before {top:-1px;}.mc-tooltip--no-pointer.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr)::after, .mc-tooltip--no-pointer.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr)::before {background:none;}.mc-tooltip--standalone.svelte-11vyzsr {cursor:help;}.mc-tooltip--standalone.svelte-11vyzsr .mc-tooltip__content:where(.svelte-11vyzsr) {visibility:visible;position:relative;transform:none;top:0;left:0;}`};function q(p,e){g(e,!0),w(p,j);let s=o(e,"id",7),i=o(e,"text",7),n=o(e,"position",7,"top"),a=o(e,"pointer",7,!0),v=o(e,"standalone",7),f=C(e,["$$slots","$$events","$$legacy","$$host","id","text","position","pointer","standalone"]);var y={get id(){return s()},set id(t){s(t),r()},get text(){return i()},set text(t){i(t),r()},get position(){return n()},set position(t="top"){n(t),r()},get pointer(){return a()},set pointer(t=!0){a(t),r()},get standalone(){return v()},set standalone(t){v(t),r()}},l=S();T(l,()=>({class:["mc-tooltip",!a()&&"mc-tooltip--no-pointer",`mc-tooltip--${n()}`,v()&&"mc-tooltip--standalone"],"aria-describedby":s(),...f}),void 0,void 0,void 0,"svelte-11vyzsr");var m=d(l);M(m,e,"default",{},null);var c=b(m,2),z=d(c,!0);return h(c),h(l),u(()=>{D(c,"id",s()),x(z,i())}),k(p,l),E(y)}customElements.define("m-tooltip",_(q,{pointer:{attribute:"pointer",reflect:!0,type:"Boolean"},standalone:{attribute:"standalone",reflect:!0,type:"Boolean"},id:{},text:{},position:{}},["default"],[],{mode:"open"}));export{q as T};
 //# sourceMappingURL=Tooltip.js.map