@mozaic-ds/web-components 1.5.0 → 1.6.0

package/dist/components/builtinmenu/BuiltInMenu.stories.d.ts

@@ -6,6 +6,6 @@ declare const meta: Meta;
 export default meta;
 type Story = StoryObj;
 export declare const Default: Story;
-export declare const WithIcons: Story;
+export declare const Icons: Story;
 export declare const Outlined: Story;
 //# sourceMappingURL=BuiltInMenu.stories.d.ts.map

package/dist/components/builtinmenu/BuiltInMenu.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BuiltInMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/builtinmenu/BuiltInMenu.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAKrE,OAAO,sBAAsB,CAAC;AAC9B,OAAO,2CAA2C,CAAC;AACnD,OAAO,yDAAyD,CAAC;AAEjE,QAAA,MAAM,IAAI,EAAE,IA0BX,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,SAAS,EAAE,KAoBvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC"}
+{"version":3,"file":"BuiltInMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/builtinmenu/BuiltInMenu.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAKrE,OAAO,sBAAsB,CAAC;AAC9B,OAAO,2CAA2C,CAAC;AACnD,OAAO,yDAAyD,CAAC;AAEjE,QAAA,MAAM,IAAI,EAAE,IA0BX,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,KAAK,EAAE,KAoBnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC"}

package/dist/components/builtinmenu/BuiltInMenu.stories.js

@@ -7,7 +7,7 @@ import '@mozaic-ds/icons-svelte/components/Less24/Less24.svelte';
 const meta = {
     title: 'Navigation/Built-in Menu',
     component: 'm-built-in-menu',
-    subcomponents: { 'BuiltInMenuItem': 'm-built-in-menu-item' },
+    subcomponents: { BuiltInMenuItem: 'm-built-in-menu-item' },
     tags: ['v2'],
     args: {
         selected: 1,
@@ -33,7 +33,7 @@ const meta = {
 };
 export default meta;
 export const Default = {};
-export const WithIcons = {
+export const Icons = {
     args: {
         item: `
       <m-built-in-menu-item slot="item" label="Label" selected="true">

package/dist/components/builtinmenu/BuiltInMenu.svelte

@@ -101,6 +101,7 @@
   overflow: hidden;
   border: none;
   cursor: pointer;
+  color: var(--built-in-menu-color-text-default, #404040);
 }
 .mc-built-in-menu__link {
   width: 100%;
@@ -122,7 +123,6 @@
   font-size: var(--font-size-150, 1rem);
   font-weight: var(--font-weight-regular, 400);
   line-height: var(--line-height-s, 1.3);
-  color: var(--built-in-menu-color-text-default, #404040);
   /* Truncature */
   overflow: hidden;
   display: -webkit-box;

package/dist/components/builtinmenuitem/BuiltInMenuItem.js

@@ -1,8 +1,8 @@
-import{c as I,p as C,a as D,b as n,n as v,y as E,s as _,t as M,f,g as N,h as k,v as R,d as h,j as i,r as p,e as S}from"../../custom-element.js";import{s as T}from"../../slot.js";import{e as q}from"../../svelte-element.js";import{a as w}from"../../attributes.js";import{s as A}from"../../Condition20.js";import"../../branches.js";var F=k('<!> <span class="mc-built-in-menu__label svelte-eugnvn"> </span> <!>',1),G=k("<li><!></li>");const H={hash:"svelte-eugnvn",code:`/**
+import{c as I,e as C,a as D,p as n,l as v,x as E,k as g,t as M,b as f,d as N,f as k,w as R,j as h,i,r as p,m as S}from"../../custom-element.js";import{s as T}from"../../slot.js";import{e as q}from"../../svelte-element.js";import{a as w}from"../../attributes.js";import{z as A}from"../../Condition20.js";import"../../branches.js";var F=k('<!> <span class="mc-built-in-menu__label svelte-eugnvn"> </span> <!>',1),G=k("<li><!></li>");const H={hash:"svelte-eugnvn",code:`/**
  * Do not edit directly, this file was auto-generated.
  */.mc-built-in-menu.svelte-eugnvn {display:inline-block;width:15rem;padding:0.5rem;background-color:var(--built-in-menu-color-background-default, #ffffff);border-radius:var(--border-radius-s, 0.25rem);}.mc-built-in-menu--outlined.svelte-eugnvn {border:1px solid var(--color-border-primary, #cccccc);}.mc-built-in-menu__list.svelte-eugnvn {list-style:none;margin:0;padding:0;}.mc-built-in-menu__item.svelte-eugnvn {display:flex;align-items:center;height:3.5rem;border-bottom:1px solid var(--divider-color-primary, #cccccc);}.mc-built-in-menu__item--selected.svelte-eugnvn .mc-built-in-menu__button:where(.svelte-eugnvn),
 .mc-built-in-menu__item--selected.svelte-eugnvn .mc-built-in-menu__link:where(.svelte-eugnvn) {background-color:var(--built-in-menu-color-background-selected, #ebf5de);}.mc-built-in-menu__item--selected.svelte-eugnvn .mc-built-in-menu__label:where(.svelte-eugnvn) {color:var(--built-in-menu-color-text-selected, #006902);font-weight:var(--font-weight-semi-bold, 600);}.mc-built-in-menu__item--selected.svelte-eugnvn .mc-built-in-menu__icon:where(.svelte-eugnvn) {fill:var(--built-in-menu-color-text-selected, #006902);}.mc-built-in-menu__item.svelte-eugnvn:not(.mc-built-in-menu__item--selected):hover .mc-built-in-menu__button:where(.svelte-eugnvn), .mc-built-in-menu__item.svelte-eugnvn:not(.mc-built-in-menu__item--selected):hover .mc-built-in-menu__link:where(.svelte-eugnvn),
 .mc-built-in-menu__item.svelte-eugnvn:not(.mc-built-in-menu__item--selected) .mc-built-in-menu__button:where(.svelte-eugnvn):focus-visible,
-.mc-built-in-menu__item.svelte-eugnvn:not(.mc-built-in-menu__item--selected) .mc-built-in-menu__link:where(.svelte-eugnvn):focus-visible {background-color:var(--built-in-menu-color-background-hover, rgba(0, 0, 0, 0.05));}.mc-built-in-menu__item.svelte-eugnvn:not(.mc-built-in-menu__item--selected) .mc-built-in-menu__label:where(.svelte-eugnvn) {color:var(--built-in-menu-color-text-default, #404040);}.mc-built-in-menu__item--selected.svelte-eugnvn, .mc-built-in-menu__item.svelte-eugnvn:last-child, .mc-built-in-menu__item.svelte-eugnvn:hover {border-bottom:1px solid transparent;}.mc-built-in-menu__icon.svelte-eugnvn {flex:0 0 auto;}.mc-built-in-menu__button.svelte-eugnvn {width:100%;height:100%;border-radius:var(--border-radius-s, 0.25rem);background-color:var(--built-in-menu-color-background-default, #ffffff);padding:0 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;overflow:hidden;border:none;cursor:pointer;}.mc-built-in-menu__link.svelte-eugnvn {width:100%;height:100%;border-radius:var(--border-radius-s, 0.25rem);background-color:var(--built-in-menu-color-background-default, #ffffff);padding:0 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;overflow:hidden;text-decoration:none;}.mc-built-in-menu__label.svelte-eugnvn {flex:1 1 auto;margin-left:0.5rem;margin-right:1rem;font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-s, 1.3);color:var(--built-in-menu-color-text-default, #404040);
-  /* Truncature */overflow:hidden;display:-webkit-box;text-align:left;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;}`};function J(b,t){C(t,!0),D(b,H);let m=n(t,"label",7),l=n(t,"href",7),o=n(t,"target",7),r=n(t,"selected",7),s=n(t,"attrs",7);const a=R(()=>l()?"a":"button");var x={get label(){return m()},set label(e){m(e),i()},get href(){return l()},set href(e){l(e),i()},get target(){return o()},set target(e){o(e),i()},get selected(){return r()},set selected(e){r(e),i()},get attrs(){return s()},set attrs(e){s(e),i()}},u=G();w(u,()=>({class:{"mc-built-in-menu__item":!0,"mc-built-in-menu__item--selected":r()},...r()?{"aria-current":!0}:{},...s()}),void 0,void 0,void 0,"svelte-eugnvn");var y=h(u);return q(y,()=>v(a),!1,(e,j)=>{w(e,()=>({class:`mc-built-in-menu__${v(a)==="button"?"button":"link"}`,...v(a)==="a"&&{href:l(),target:o()}}),void 0,void 0,void 0,"svelte-eugnvn");var d=F(),g=E(d);T(g,t,"icon",{},null);var c=_(g,2),z=h(c,!0);p(c);var B=_(c,2);A(B,{className:"mc-built-in-menu__icon"}),M(()=>S(z,m())),f(j,d)}),p(u),f(b,u),N(x)}customElements.define("m-built-in-menu-item",I(J,{selected:{attribute:"selected",reflect:!0,type:"Boolean"},label:{},href:{},target:{},attrs:{}},["icon"],[],!0));
+.mc-built-in-menu__item.svelte-eugnvn:not(.mc-built-in-menu__item--selected) .mc-built-in-menu__link:where(.svelte-eugnvn):focus-visible {background-color:var(--built-in-menu-color-background-hover, rgba(0, 0, 0, 0.05));}.mc-built-in-menu__item.svelte-eugnvn:not(.mc-built-in-menu__item--selected) .mc-built-in-menu__label:where(.svelte-eugnvn) {color:var(--built-in-menu-color-text-default, #404040);}.mc-built-in-menu__item--selected.svelte-eugnvn, .mc-built-in-menu__item.svelte-eugnvn:last-child, .mc-built-in-menu__item.svelte-eugnvn:hover {border-bottom:1px solid transparent;}.mc-built-in-menu__icon.svelte-eugnvn {flex:0 0 auto;}.mc-built-in-menu__button.svelte-eugnvn {width:100%;height:100%;border-radius:var(--border-radius-s, 0.25rem);background-color:var(--built-in-menu-color-background-default, #ffffff);padding:0 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;overflow:hidden;border:none;cursor:pointer;color:var(--built-in-menu-color-text-default, #404040);}.mc-built-in-menu__link.svelte-eugnvn {width:100%;height:100%;border-radius:var(--border-radius-s, 0.25rem);background-color:var(--built-in-menu-color-background-default, #ffffff);padding:0 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;overflow:hidden;text-decoration:none;}.mc-built-in-menu__label.svelte-eugnvn {flex:1 1 auto;margin-left:0.5rem;margin-right:1rem;font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-s, 1.3);
+  /* Truncature */overflow:hidden;display:-webkit-box;text-align:left;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;}`};function J(d,t){C(t,!0),D(d,H);let m=n(t,"label",7),l=n(t,"href",7),o=n(t,"target",7),r=n(t,"selected",7),a=n(t,"attrs",7);const s=R(()=>l()?"a":"button");var x={get label(){return m()},set label(e){m(e),i()},get href(){return l()},set href(e){l(e),i()},get target(){return o()},set target(e){o(e),i()},get selected(){return r()},set selected(e){r(e),i()},get attrs(){return a()},set attrs(e){a(e),i()}},u=G();w(u,()=>({class:{"mc-built-in-menu__item":!0,"mc-built-in-menu__item--selected":r()},...r()?{"aria-current":!0}:{},...a()}),void 0,void 0,void 0,"svelte-eugnvn");var y=h(u);return q(y,()=>v(s),!1,(e,j)=>{w(e,()=>({class:`mc-built-in-menu__${v(s)==="button"?"button":"link"}`,...v(s)==="a"&&{href:l(),target:o()}}),void 0,void 0,void 0,"svelte-eugnvn");var b=F(),_=E(b);T(_,t,"icon",{},null);var c=g(_,2),z=h(c,!0);p(c);var B=g(c,2);A(B,{className:"mc-built-in-menu__icon"}),M(()=>S(z,m())),f(j,b)}),p(u),f(d,u),N(x)}customElements.define("m-built-in-menu-item",I(J,{selected:{attribute:"selected",reflect:!0,type:"Boolean"},label:{},href:{},target:{},attrs:{}},["icon"],[],{mode:"open"}));
 //# sourceMappingURL=BuiltInMenuItem.js.map

package/dist/components/builtinmenuitem/BuiltInMenuItem.svelte

@@ -124,6 +124,7 @@
   overflow: hidden;
   border: none;
   cursor: pointer;
+  color: var(--built-in-menu-color-text-default, #404040);
 }
 .mc-built-in-menu__link {
   width: 100%;
@@ -145,7 +146,6 @@
   font-size: var(--font-size-150, 1rem);
   font-weight: var(--font-weight-regular, 400);
   line-height: var(--line-height-s, 1.3);
-  color: var(--built-in-menu-color-text-default, #404040);
   /* Truncature */
   overflow: hidden;
   display: -webkit-box;

package/dist/components/button/Button.js

@@ -1,5 +1,5 @@
-import{c as G,p as H,a as I,b as n,s as v,f as d,g as J,h as s,i as K,d as b,j as a,t as M,r as u,l as N,m as O}from"../../custom-element.js";import{i}from"../../if.js";import{s as h}from"../../slot.js";import{a as P}from"../../attributes.js";import{L as Q}from"../loader/Loader.js";import"../../branches.js";var R=s('<span class="mc-button__icon svelte-ozghz9"><!></span>'),T=s('<span class="mc-button__icon svelte-ozghz9" style="position: absolute; visibility: visible;"><!></span>'),U=s('<span class="mc-button__icon svelte-ozghz9"><!></span>'),V=s("<span><!></span>"),W=s('<span class="mc-button__icon svelte-ozghz9"><!></span>'),X=s("<button><!> <!> <!> <!> <!></button>");const Y={hash:"svelte-ozghz9",code:`/**
+import{c as I,e as J,a as K,p as n,k as v,b as d,d as M,f as s,n as N,j as b,i as a,t as O,r as u,s as P,h as Q}from"../../custom-element.js";import{i as g}from"../../if.js";import{s as h}from"../../slot.js";import{a as R}from"../../attributes.js";import{b as T}from"../../this.js";import{L as U}from"../loader/Loader.js";import"../../branches.js";var V=s('<span class="mc-button__icon svelte-ozghz9"><!></span>'),W=s('<span class="mc-button__icon svelte-ozghz9" style="position: absolute; visibility: visible;"><!></span>'),X=s('<span class="mc-button__icon svelte-ozghz9"><!></span>'),Y=s("<span><!></span>"),Z=s('<span class="mc-button__icon svelte-ozghz9"><!></span>'),$=s("<button><!> <!> <!> <!> <!></button>");const oo={hash:"svelte-ozghz9",code:`/**
  * Do not edit directly, this file was auto-generated.
- */.mc-button.svelte-ozghz9 {color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63);}.mc-button.svelte-ozghz9:hover {background-color:var(--button-color-filled-standard-hover-background, #343b4c);}.mc-button.svelte-ozghz9:active {background-color:var(--button-color-filled-standard-active-background, #242938);}.mc-button.svelte-ozghz9: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-ozghz9 {font-weight:var(--font-weight-semi-bold, 600);padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;}.mc-button.svelte-ozghz9 .mc-button__label:where(.svelte-ozghz9) {font-size:var(--font-size-150, 1rem);}.mc-button.svelte-ozghz9 {display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;border-radius:var(--button-border-radius-s, 0.25rem);transition:all ease 200ms;transition:box-shadow 200ms ease;align-items:center;box-sizing:border-box;font-family:inherit;fill:currentcolor;gap:0.25rem;cursor:pointer;}.mc-button__label.svelte-ozghz9 {font-size:var(--font-size-150, 1rem);}.mc-button__icon.svelte-ozghz9 {flex-shrink:0;width:1.5rem;height:1.5rem;}.mc-button.svelte-ozghz9: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-ozghz9: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-ozghz9 {padding:0 calc(0.75rem - 0.125rem);min-height:2rem;min-width:2rem;}.mc-button--s.svelte-ozghz9 .mc-button__label:where(.svelte-ozghz9) {font-size:var(--font-size-100, 0.875rem);}.mc-button--s.svelte-ozghz9 .mc-button__icon:where(.svelte-ozghz9) {width:1.25rem;height:1.25rem;}.mc-button--s.svelte-ozghz9 .mc-button__icon:where(.svelte-ozghz9):only-child {width:1.25rem;height:1.25rem;}.mc-button--m.svelte-ozghz9 {padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;}.mc-button--m.svelte-ozghz9 .mc-button__label:where(.svelte-ozghz9) {font-size:var(--font-size-150, 1rem);}.mc-button--m.svelte-ozghz9 .mc-button__icon:where(.svelte-ozghz9) {width:1.5rem;height:1.5rem;}.mc-button--m.svelte-ozghz9 .mc-button__icon:where(.svelte-ozghz9):only-child {width:1.5rem;height:1.5rem;}.mc-button--l.svelte-ozghz9 {padding:0 calc(1.25rem - 0.125rem);min-height:4rem;min-width:4rem;}.mc-button--l.svelte-ozghz9 .mc-button__label:where(.svelte-ozghz9) {font-size:var(--font-size-200, 1.125rem);}.mc-button--l.svelte-ozghz9 .mc-button__icon:where(.svelte-ozghz9) {width:2rem;height:2rem;}.mc-button--l.svelte-ozghz9 .mc-button__icon:where(.svelte-ozghz9):only-child {width:2rem;height:2rem;}.mc-button--icon-only.svelte-ozghz9 {padding:0.25rem;}.mc-button--outlined.svelte-ozghz9 {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-ozghz9:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.svelte-ozghz9:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.svelte-ozghz9: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-ozghz9 {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-ozghz9:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.svelte-ozghz9:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.svelte-ozghz9: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-ozghz9 {color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03);}.mc-button--accent.svelte-ozghz9:hover {background-color:var(--button-color-filled-accent-hover-background, #006902);}.mc-button--accent.svelte-ozghz9:active {background-color:var(--button-color-filled-accent-active-background, #035010);}.mc-button--accent.svelte-ozghz9: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-ozghz9 {color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112);}.mc-button--danger.svelte-ozghz9:hover {background-color:var(--button-color-filled-danger-hover-background, #8c0003);}.mc-button--danger.svelte-ozghz9:active {background-color:var(--button-color-filled-danger-active-background, #530000);}.mc-button--danger.svelte-ozghz9: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-ozghz9 {--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-ozghz9:hover {background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);}.mc-button--inverse.svelte-ozghz9:active {background-color:var(--button-color-filled-inverse-active-background, #cccccc);}.mc-button--inverse.svelte-ozghz9: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-ozghz9 {border-radius:var(--border-radius-full, 100%);padding:0;}.mc-button--loading.svelte-ozghz9 {pointer-events:none;}.mc-button--loading.svelte-ozghz9 .mc-button__label:where(.svelte-ozghz9),
-.mc-button--loading.svelte-ozghz9 .mc-button__icon:where(.svelte-ozghz9) {visibility:hidden;}.mc-button--outlined.mc-button--standard.svelte-ozghz9 {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-ozghz9:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.mc-button--standard.svelte-ozghz9:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.mc-button--standard.svelte-ozghz9: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-ozghz9 {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-ozghz9:hover {background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);}.mc-button--outlined.mc-button--accent.svelte-ozghz9:active {background-color:var(--button-color-outlined-accent-active-background, #c5e39e);}.mc-button--outlined.mc-button--accent.svelte-ozghz9: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-ozghz9 {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-ozghz9:hover {background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);}.mc-button--outlined.mc-button--danger.svelte-ozghz9:active {background-color:var(--button-color-outlined-danger-active-background, #f8bcbb);}.mc-button--outlined.mc-button--danger.svelte-ozghz9: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-ozghz9 {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-ozghz9:hover {background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--outlined.mc-button--inverse.svelte-ozghz9:active {background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--outlined.mc-button--inverse.svelte-ozghz9: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-ozghz9 {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-ozghz9:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.mc-button--standard.svelte-ozghz9:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.mc-button--standard.svelte-ozghz9: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-ozghz9 {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-ozghz9:hover {background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, 0.1));}.mc-button--ghost.mc-button--accent.svelte-ozghz9:active {background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, 0.2));}.mc-button--ghost.mc-button--accent.svelte-ozghz9: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-ozghz9 {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-ozghz9:hover {background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, 0.1));}.mc-button--ghost.mc-button--danger.svelte-ozghz9:active {background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, 0.2));}.mc-button--ghost.mc-button--danger.svelte-ozghz9: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-ozghz9 {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-ozghz9:hover {background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--ghost.mc-button--inverse.svelte-ozghz9:active {background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--ghost.mc-button--inverse.svelte-ozghz9:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.hidden.svelte-ozghz9 {visibility:hidden;}`};function Z(w,e){H(e,!0),I(w,Y);let m=n(e,"appearance",7,"standard"),z=n(e,"size",7,"m"),f=n(e,"type",7,"button"),k=n(e,"ghost",7),p=n(e,"outlined",7),_=n(e,"disabled",7),l=n(e,"isloading",7),c=n(e,"iconposition",7),L=K(e,["$$slots","$$events","$$legacy","$$host","appearance","size","type","ghost","outlined","disabled","isloading","iconposition"]);var C={get appearance(){return m()},set appearance(o="standard"){m(o),a()},get size(){return z()},set size(o="m"){z(o),a()},get type(){return f()},set type(o="button"){f(o),a()},get ghost(){return k()},set ghost(o){k(o),a()},get outlined(){return p()},set outlined(o){p(o),a()},get disabled(){return _()},set disabled(o){_(o),a()},get isloading(){return l()},set isloading(o){l(o),a()},get iconposition(){return c()},set iconposition(o){c(o),a()}},g=X();P(g,()=>({class:["mc-button",`mc-button--${z()}`,`mc-button--${m()}`,k()&&"mc-button--ghost",p()&&"mc-button--outlined",l()&&"mc-button--loading",c()==="only"&&"mc-button--icon-only"],disabled:_(),type:f(),...L}),void 0,void 0,void 0,"svelte-ozghz9");var y=b(g);{var D=o=>{var t=R(),r=b(t);h(r,e,"icon",{},null),u(t),d(o,t)};i(y,o=>{c()==="left"&&!l()&&o(D)})}var x=v(y,2);{var E=o=>{var t=T(),r=b(t);Q(r,{style:"color: currentColor",size:"s"}),u(t),d(o,t)};i(x,o=>{l()&&o(E)})}var B=v(x,2);{var S=o=>{var t=U(),r=b(t);h(r,e,"icon",{},null),u(t),d(o,t)};i(B,o=>{c()==="only"&&o(S)})}var j=v(B,2);{var q=o=>{var t=V(),r=b(t);h(r,e,"default",{},null),u(t),M(()=>N(t,1,O(["mc-button__label",l()&&"hidden"]),"svelte-ozghz9")),d(o,t)};i(j,o=>{c()!=="only"&&o(q)})}var A=v(j,2);{var F=o=>{var t=W(),r=b(t);h(r,e,"icon",{},null),u(t),d(o,t)};i(A,o=>{c()==="right"&&o(F)})}return u(g),d(w,g),J(C)}customElements.define("m-button",G(Z,{disabled:{attribute:"disabled",reflect:!0,type:"Boolean"},outlined:{attribute:"outlined",reflect:!0,type:"Boolean"},ghost:{attribute:"ghost",reflect:!0,type:"Boolean"},isloading:{attribute:"isloading",reflect:!0,type:"Boolean"},appearance:{},size:{},type:{},iconposition:{}},["icon","default"],[],!0));export{Z as B};
+ */.mc-button.svelte-ozghz9 {color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63);}.mc-button.svelte-ozghz9:hover {background-color:var(--button-color-filled-standard-hover-background, #343b4c);}.mc-button.svelte-ozghz9:active {background-color:var(--button-color-filled-standard-active-background, #242938);}.mc-button.svelte-ozghz9: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-ozghz9 {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-ozghz9 .mc-button__label:where(.svelte-ozghz9) {font-size:var(--font-size-150, 1rem);}.mc-button.svelte-ozghz9 {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-ozghz9 {font-size:var(--font-size-150, 1rem);}.mc-button__icon.svelte-ozghz9 {flex-shrink:0;width:1.5rem;height:1.5rem;}.mc-button.svelte-ozghz9: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-ozghz9: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-ozghz9 {padding:0 calc(0.75rem - 0.125rem);min-height:2rem;min-width:2rem;border-radius:var(--button-border-radius-s, 0.25rem);}.mc-button--s.svelte-ozghz9 .mc-button__label:where(.svelte-ozghz9) {font-size:var(--font-size-100, 0.875rem);}.mc-button--s.svelte-ozghz9 .mc-button__icon:where(.svelte-ozghz9) {width:1.25rem;height:1.25rem;}.mc-button--s.svelte-ozghz9 .mc-button__icon:where(.svelte-ozghz9):only-child {width:1.25rem;height:1.25rem;}.mc-button--m.svelte-ozghz9 {padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, 0.25rem);}.mc-button--m.svelte-ozghz9 .mc-button__label:where(.svelte-ozghz9) {font-size:var(--font-size-150, 1rem);}.mc-button--m.svelte-ozghz9 .mc-button__icon:where(.svelte-ozghz9) {width:1.5rem;height:1.5rem;}.mc-button--m.svelte-ozghz9 .mc-button__icon:where(.svelte-ozghz9):only-child {width:1.5rem;height:1.5rem;}.mc-button--l.svelte-ozghz9 {padding:0 calc(1.25rem - 0.125rem);min-height:4rem;min-width:4rem;border-radius:var(--button-border-radius-l, 0.25rem);}.mc-button--l.svelte-ozghz9 .mc-button__label:where(.svelte-ozghz9) {font-size:var(--font-size-200, 1.125rem);}.mc-button--l.svelte-ozghz9 .mc-button__icon:where(.svelte-ozghz9) {width:2rem;height:2rem;}.mc-button--l.svelte-ozghz9 .mc-button__icon:where(.svelte-ozghz9):only-child {width:2rem;height:2rem;}.mc-button--icon-only.svelte-ozghz9 {padding:0.25rem;}.mc-button--outlined.svelte-ozghz9 {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-ozghz9:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.svelte-ozghz9:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.svelte-ozghz9: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-ozghz9 {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-ozghz9:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.svelte-ozghz9:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.svelte-ozghz9: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-ozghz9 {color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03);}.mc-button--accent.svelte-ozghz9:hover {background-color:var(--button-color-filled-accent-hover-background, #006902);}.mc-button--accent.svelte-ozghz9:active {background-color:var(--button-color-filled-accent-active-background, #035010);}.mc-button--accent.svelte-ozghz9: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-ozghz9 {color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112);}.mc-button--danger.svelte-ozghz9:hover {background-color:var(--button-color-filled-danger-hover-background, #8c0003);}.mc-button--danger.svelte-ozghz9:active {background-color:var(--button-color-filled-danger-active-background, #530000);}.mc-button--danger.svelte-ozghz9: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-ozghz9 {--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-ozghz9:hover {background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);}.mc-button--inverse.svelte-ozghz9:active {background-color:var(--button-color-filled-inverse-active-background, #cccccc);}.mc-button--inverse.svelte-ozghz9: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-ozghz9 {border-radius:var(--border-radius-full, 100%);padding:0;}.mc-button--loading.svelte-ozghz9 {pointer-events:none;}.mc-button--loading.svelte-ozghz9 .mc-button__label:where(.svelte-ozghz9),
+.mc-button--loading.svelte-ozghz9 .mc-button__icon:where(.svelte-ozghz9) {visibility:hidden;}.mc-button--outlined.mc-button--standard.svelte-ozghz9 {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-ozghz9:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.mc-button--standard.svelte-ozghz9:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.mc-button--standard.svelte-ozghz9: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-ozghz9 {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-ozghz9:hover {background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);}.mc-button--outlined.mc-button--accent.svelte-ozghz9:active {background-color:var(--button-color-outlined-accent-active-background, #c5e39e);}.mc-button--outlined.mc-button--accent.svelte-ozghz9: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-ozghz9 {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-ozghz9:hover {background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);}.mc-button--outlined.mc-button--danger.svelte-ozghz9:active {background-color:var(--button-color-outlined-danger-active-background, #f8bcbb);}.mc-button--outlined.mc-button--danger.svelte-ozghz9: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-ozghz9 {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-ozghz9:hover {background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--outlined.mc-button--inverse.svelte-ozghz9:active {background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--outlined.mc-button--inverse.svelte-ozghz9: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-ozghz9 {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-ozghz9:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.mc-button--standard.svelte-ozghz9:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.mc-button--standard.svelte-ozghz9: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-ozghz9 {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-ozghz9:hover {background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, 0.1));}.mc-button--ghost.mc-button--accent.svelte-ozghz9:active {background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, 0.2));}.mc-button--ghost.mc-button--accent.svelte-ozghz9: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-ozghz9 {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-ozghz9:hover {background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, 0.1));}.mc-button--ghost.mc-button--danger.svelte-ozghz9:active {background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, 0.2));}.mc-button--ghost.mc-button--danger.svelte-ozghz9: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-ozghz9 {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-ozghz9:hover {background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--ghost.mc-button--inverse.svelte-ozghz9:active {background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--ghost.mc-button--inverse.svelte-ozghz9:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.hidden.svelte-ozghz9 {visibility:hidden;}`};function to(y,e){J(e,!0),K(y,oo);let m=n(e,"appearance",7,"standard"),z=n(e,"size",7,"m"),f=n(e,"type",7,"button"),k=n(e,"ghost",7),p=n(e,"outlined",7),_=n(e,"disabled",7),l=n(e,"isloading",7),c=n(e,"iconposition",7),C=N(e,["$$slots","$$events","$$legacy","$$host","appearance","size","type","ghost","outlined","disabled","isloading","iconposition"]),w;function D(){w.focus()}var E={focus:D,get appearance(){return m()},set appearance(o="standard"){m(o),a()},get size(){return z()},set size(o="m"){z(o),a()},get type(){return f()},set type(o="button"){f(o),a()},get ghost(){return k()},set ghost(o){k(o),a()},get outlined(){return p()},set outlined(o){p(o),a()},get disabled(){return _()},set disabled(o){_(o),a()},get isloading(){return l()},set isloading(o){l(o),a()},get iconposition(){return c()},set iconposition(o){c(o),a()}},i=$();R(i,()=>({class:["mc-button",`mc-button--${z()}`,`mc-button--${m()}`,k()&&"mc-button--ghost",p()&&"mc-button--outlined",l()&&"mc-button--loading",c()==="only"&&"mc-button--icon-only"],disabled:_(),type:f(),...C}),void 0,void 0,void 0,"svelte-ozghz9");var x=b(i);{var S=o=>{var t=V(),r=b(t);h(r,e,"icon",{},null),u(t),d(o,t)};g(x,o=>{c()==="left"&&!l()&&o(S)})}var B=v(x,2);{var q=o=>{var t=W(),r=b(t);U(r,{style:"color: currentColor",size:"s"}),u(t),d(o,t)};g(B,o=>{l()&&o(q)})}var j=v(B,2);{var A=o=>{var t=X(),r=b(t);h(r,e,"icon",{},null),u(t),d(o,t)};g(j,o=>{c()==="only"&&o(A)})}var L=v(j,2);{var F=o=>{var t=Y(),r=b(t);h(r,e,"default",{},null),u(t),O(()=>P(t,1,Q(["mc-button__label",l()&&"hidden"]),"svelte-ozghz9")),d(o,t)};g(L,o=>{c()!=="only"&&o(F)})}var G=v(L,2);{var H=o=>{var t=Z(),r=b(t);h(r,e,"icon",{},null),u(t),d(o,t)};g(G,o=>{c()==="right"&&o(H)})}return u(i),T(i,o=>w=o,()=>w),d(y,i),M(E)}customElements.define("m-button",I(to,{disabled:{attribute:"disabled",reflect:!0,type:"Boolean"},outlined:{attribute:"outlined",reflect:!0,type:"Boolean"},ghost:{attribute:"ghost",reflect:!0,type:"Boolean"},isloading:{attribute:"isloading",reflect:!0,type:"Boolean"},appearance:{},size:{},type:{},iconposition:{}},["icon","default"],["focus"],{mode:"open"}));export{to as B};
 //# sourceMappingURL=Button.js.map

package/dist/components/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.svelte"],"sourcesContent":["<svelte:options\n  customElement={{\n    tag: 'm-button',\n    props: {\n      disabled: { reflect: true, type: 'Boolean', attribute: 'disabled' },\n      outlined: { reflect: true, type: 'Boolean', attribute: 'outlined' },\n      ghost: { reflect: true, type: 'Boolean', attribute: 'ghost' },\n      isloading: { reflect: true, type: 'Boolean', attribute: 'isloading' },\n    },\n  }}\n/>\n\n<script lang=\"ts\">\n  import Loader from '../loader/Loader.svelte';\n  /**\n   * Buttons are key interactive elements used to perform actions and can be used as standalone element, or as part of another component. Their appearance depends on the type of action required from the user and the context in which they are used.\n   *\n   * @slot default - The content displayed in the button.\n   * @slot icon - Use this slot to insert an icon for the Button.\n   */\n  interface Props {\n    [key: string]: any;\n    /**\n     * Defines the visual style of the button.\n     */\n    appearance?: 'standard' | 'accent' | 'danger' | 'inverse';\n    /**\n     * Determines the size of the button.\n     */\n    size?: 's' | 'm' | 'l';\n    /**\n     * If `true`, disables the button, making it non-interactive.\n     */\n    disabled?: boolean;\n    /**\n     * If `true`, applies a \"ghost\" style to the button, typically a transparent background with a border.\n     */\n    ghost?: boolean;\n    /**\n     * If `true`, the button gets an outlined style, usually with just the border and no solid background.\n     */\n    outlined?: boolean;\n    /**\n     * Controls the positioning of an icon in the button.\n     */\n    iconposition?: 'left' | 'right' | 'only';\n    /**\n     * Specifies the button's HTML `type` attribute.\n     */\n    type?: 'button' | 'reset' | 'submit';\n    /**\n     * If `true`, a loading state is displayed.\n     */\n    isloading?: boolean;\n  }\n\n  let {\n    appearance = 'standard',\n    size = 'm',\n    type = 'button',\n    ghost,\n    outlined,\n    disabled,\n    isloading,\n    iconposition,\n    ...attrs\n  }: Props = $props();\n</script>\n\n<button\n  class={[\n    'mc-button',\n    `mc-button--${size}`,\n    `mc-button--${appearance}`,\n    ghost && 'mc-button--ghost',\n    outlined && 'mc-button--outlined',\n    isloading && 'mc-button--loading',\n    iconposition === 'only' && 'mc-button--icon-only',\n  ]}\n  {disabled}\n  {type}\n  {...attrs}\n>\n  {#if iconposition === 'left' && !isloading}\n    <span class=\"mc-button__icon\">\n      <slot name=\"icon\" />\n    </span>\n  {/if}\n\n  {#if isloading}\n    <span class=\"mc-button__icon\" style=\"position: absolute; visibility: visible;\">\n      <Loader style=\"color: currentColor\" size=\"s\" />\n    </span>\n  {/if}\n\n  {#if iconposition === 'only'}\n    <span class=\"mc-button__icon\">\n      <slot name=\"icon\" />\n    </span>\n  {/if}\n\n  {#if iconposition !== 'only'}\n    <span class={['mc-button__label', isloading && 'hidden']}>\n      <slot />\n    </span>\n  {/if}\n\n  {#if iconposition === 'right'}\n    <span class=\"mc-button__icon\">\n      <slot name=\"icon\" />\n    </span>\n  {/if}\n</button>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/button';\n\n  .hidden {\n    visibility: hidden;\n  }\n</style>\n"],"names":["appearance","size","type","ghost","$.prop","$$props","outlined","disabled","isloading","iconposition","attrs","$.rest_props","button","root","node","$.child","span","root_1","$$render","consequent","span_1","root_2","Loader","node_3","consequent_1","span_2","root_3","consequent_2","span_3","root_4","$.template_effect","$.set_class","$.clsx","consequent_3","span_4","root_5","consequent_4","$.reset","$.append","$$anchor"],"mappings":";;;o/LAYA,gBA6CI,IAAAA,qBAAa,UAAU,EACvBC,eAAO,GAAG,EACVC,eAAO,QAAQ,EACfC,EAAKC,EAAAC,EAAA,QAAA,CAAA,EACLC,EAAQF,EAAAC,EAAA,WAAA,CAAA,EACRE,EAAQH,EAAAC,EAAA,WAAA,CAAA,EACRG,EAASJ,EAAAC,EAAA,YAAA,CAAA,EACTI,EAAYL,EAAAC,EAAA,eAAA,CAAA,EACTK,EAAAC,EAAAN,EAAA,qLARU,WAAU,6CAChB,IAAG,6CACH,SAAQ,yRAUlBO,EAAAC,EAAA,IAAAD,eAEG,0BACcX,EAAI,CAAA,iBACJD,EAAU,CAAA,GACxBG,EAAK,GAAI,mBACTG,EAAQ,GAAI,sBACZE,EAAS,GAAI,qBACbC,EAAY,IAAK,QAAU,iCAE5BF,EAAQ,OACRL,EAAI,KACDQ,0CAZL,IAAAI,EAAAC,EAAAH,CAAA,iBAeII,EAAIC,EAAA,MAAJD,CAAI,0BAAJA,CAAI,MAAJA,CAAI,WADFP,EAAY,IAAK,QAAM,CAAKD,EAAS,GAAAU,EAAAC,CAAA,gCAOvCC,EAAIC,EAAA,MAAJD,CAAI,EACFE,EAAMC,EAAA,CAAA,MAAA,sBAAA,KAAA,IAAA,IADRH,CAAI,MAAJA,CAAI,WADFZ,EAAS,GAAAU,EAAAM,CAAA,gCAOXC,EAAIC,EAAA,MAAJD,CAAI,0BAAJA,CAAI,MAAJA,CAAI,WADFhB,EAAY,IAAK,QAAMS,EAAAS,CAAA,gCAOzBC,EAAIC,EAAA,MAAJD,CAAI,6BAAJA,CAAI,EAAJE,EAAA,IAAAC,EAAAH,EAAI,EAAAI,EAAA,CAAS,mBAAoBxB,EAAS,GAAI,QAAQ,CAAA,EAAA,eAAA,CAAA,MAAtDoB,CAAI,WADFnB,EAAY,IAAK,QAAMS,EAAAe,CAAA,gCAOzBC,EAAIC,EAAA,MAAJD,CAAI,0BAAJA,CAAI,MAAJA,CAAI,WADFzB,EAAY,IAAK,SAAOS,EAAAkB,CAAA,IAtC9BC,OAAAA,EAAAzB,CAAA,EAAA0B,EAAAC,EAAA3B,CAAA,MAFO"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.svelte"],"sourcesContent":["<svelte:options\n  customElement={{\n    tag: 'm-button',\n    props: {\n      disabled: { reflect: true, type: 'Boolean', attribute: 'disabled' },\n      outlined: { reflect: true, type: 'Boolean', attribute: 'outlined' },\n      ghost: { reflect: true, type: 'Boolean', attribute: 'ghost' },\n      isloading: { reflect: true, type: 'Boolean', attribute: 'isloading' },\n    },\n  }}\n/>\n\n<script lang=\"ts\">\n  import Loader from '../loader/Loader.svelte';\n  /**\n   * Buttons are key interactive elements used to perform actions and can be used as standalone element, or as part of another component. Their appearance depends on the type of action required from the user and the context in which they are used.\n   *\n   * @slot default - The content displayed in the button.\n   * @slot icon - Use this slot to insert an icon for the Button.\n   */\n\n  export type Button = {\n    focus: () => void;\n  };\n\n  interface Props {\n    [key: string]: any;\n    /**\n     * Defines the visual style of the button.\n     */\n    appearance?: 'standard' | 'accent' | 'danger' | 'inverse';\n    /**\n     * Determines the size of the button.\n     */\n    size?: 's' | 'm' | 'l';\n    /**\n     * If `true`, disables the button, making it non-interactive.\n     */\n    disabled?: boolean;\n    /**\n     * If `true`, applies a \"ghost\" style to the button, typically a transparent background with a border.\n     */\n    ghost?: boolean;\n    /**\n     * If `true`, the button gets an outlined style, usually with just the border and no solid background.\n     */\n    outlined?: boolean;\n    /**\n     * Controls the positioning of an icon in the button.\n     */\n    iconposition?: 'left' | 'right' | 'only';\n    /**\n     * Specifies the button's HTML `type` attribute.\n     */\n    type?: 'button' | 'reset' | 'submit';\n    /**\n     * If `true`, a loading state is displayed.\n     */\n    isloading?: boolean;\n  }\n\n  let {\n    appearance = 'standard',\n    size = 'm',\n    type = 'button',\n    ghost,\n    outlined,\n    disabled,\n    isloading,\n    iconposition,\n    ...attrs\n  }: Props = $props();\n\n  let button: HTMLButtonElement;\n\n  export function focus() {\n    button.focus();\n  }\n</script>\n\n<button\n  bind:this={button}\n  class={[\n    'mc-button',\n    `mc-button--${size}`,\n    `mc-button--${appearance}`,\n    ghost && 'mc-button--ghost',\n    outlined && 'mc-button--outlined',\n    isloading && 'mc-button--loading',\n    iconposition === 'only' && 'mc-button--icon-only',\n  ]}\n  {disabled}\n  {type}\n  {...attrs}\n>\n  {#if iconposition === 'left' && !isloading}\n    <span class=\"mc-button__icon\">\n      <slot name=\"icon\" />\n    </span>\n  {/if}\n\n  {#if isloading}\n    <span class=\"mc-button__icon\" style=\"position: absolute; visibility: visible;\">\n      <Loader style=\"color: currentColor\" size=\"s\" />\n    </span>\n  {/if}\n\n  {#if iconposition === 'only'}\n    <span class=\"mc-button__icon\">\n      <slot name=\"icon\" />\n    </span>\n  {/if}\n\n  {#if iconposition !== 'only'}\n    <span class={['mc-button__label', isloading && 'hidden']}>\n      <slot />\n    </span>\n  {/if}\n\n  {#if iconposition === 'right'}\n    <span class=\"mc-button__icon\">\n      <slot name=\"icon\" />\n    </span>\n  {/if}\n</button>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/button';\n\n  .hidden {\n    visibility: hidden;\n  }\n</style>\n"],"names":["appearance","size","type","ghost","$.prop","$$props","outlined","disabled","isloading","iconposition","attrs","$.rest_props","button","focus","button_1","root","node","$.child","span","root_1","$$render","consequent","span_1","root_2","Loader","node_3","consequent_1","span_2","root_3","consequent_2","span_3","root_4","$.template_effect","$.set_class","$.clsx","consequent_3","span_4","root_5","consequent_4","$.reset","$$value","$.append","$$anchor"],"mappings":";;;q/LAYA,iBAkDI,IAAAA,qBAAa,UAAU,EACvBC,eAAO,GAAG,EACVC,eAAO,QAAQ,EACfC,EAAKC,EAAAC,EAAA,QAAA,CAAA,EACLC,EAAQF,EAAAC,EAAA,WAAA,CAAA,EACRE,EAAQH,EAAAC,EAAA,WAAA,CAAA,EACRG,EAASJ,EAAAC,EAAA,YAAA,CAAA,EACTI,EAAYL,EAAAC,EAAA,eAAA,CAAA,EACTK,EAAAC,EAAAN,EAAA,gIAGDO,EAEY,SAAAC,GAAQ,CACtBD,EAAO,MAAK,CACd,8DAfe,WAAU,6CAChB,IAAG,6CACH,SAAQ,yRAgBlBE,EAAAC,EAAA,IAAAD,eAGG,0BACcb,EAAI,CAAA,iBACJD,EAAU,CAAA,GACxBG,EAAK,GAAI,mBACTG,EAAQ,GAAI,sBACZE,EAAS,GAAI,qBACbC,EAAY,IAAK,QAAU,iCAE5BF,EAAQ,OACRL,EAAI,KACDQ,0CAbL,IAAAM,EAAAC,EAAAH,CAAA,iBAgBII,EAAIC,EAAA,MAAJD,CAAI,0BAAJA,CAAI,MAAJA,CAAI,WADFT,EAAY,IAAK,QAAM,CAAKD,EAAS,GAAAY,EAAAC,CAAA,gCAOvCC,EAAIC,EAAA,MAAJD,CAAI,EACFE,EAAMC,EAAA,CAAA,MAAA,sBAAA,KAAA,IAAA,IADRH,CAAI,MAAJA,CAAI,WADFd,EAAS,GAAAY,EAAAM,CAAA,gCAOXC,EAAIC,EAAA,MAAJD,CAAI,0BAAJA,CAAI,MAAJA,CAAI,WADFlB,EAAY,IAAK,QAAMW,EAAAS,CAAA,gCAOzBC,EAAIC,EAAA,MAAJD,CAAI,6BAAJA,CAAI,EAAJE,EAAA,IAAAC,EAAAH,EAAI,EAAAI,EAAA,CAAS,mBAAoB1B,EAAS,GAAI,QAAQ,CAAA,EAAA,eAAA,CAAA,MAAtDsB,CAAI,WADFrB,EAAY,IAAK,QAAMW,EAAAe,CAAA,gCAOzBC,EAAIC,EAAA,MAAJD,CAAI,0BAAJA,CAAI,MAAJA,CAAI,WADF3B,EAAY,IAAK,SAAOW,EAAAkB,CAAA,IAvC9BC,OAAAA,EAAAzB,CAAA,IAAAA,EAAA0B,GACY5B,QAAAA,CAAM,EADlB6B,EAAAC,EAAA5B,CAAA,MAFO"}

package/dist/components/button/Button.svelte

@@ -18,6 +18,11 @@
    * @slot default - The content displayed in the button.
    * @slot icon - Use this slot to insert an icon for the Button.
    */
+
+  export type Button = {
+    focus: () => void;
+  };
+
   interface Props {
     [key: string]: any;
     /**
@@ -65,9 +70,16 @@
     iconposition,
     ...attrs
   }: Props = $props();
+
+  let button: HTMLButtonElement;
+
+  export function focus() {
+    button.focus();
+  }
 </script>
 
 <button
+  bind:this={button}
   class={[
     'mc-button',
     `mc-button--${size}`,
@@ -136,6 +148,7 @@
   padding: 0 calc(1rem - 0.125rem);
   min-height: 3rem;
   min-width: 3rem;
+  border-radius: var(--button-border-radius-m, 0.25rem);
 }
 .mc-button .mc-button__label {
   font-size: var(--font-size-150, 1rem);
@@ -146,7 +159,6 @@
   vertical-align: middle;
   text-align: center;
   border: 2px solid transparent;
-  border-radius: var(--button-border-radius-s, 0.25rem);
   transition: all ease 200ms;
   transition: box-shadow 200ms ease;
   align-items: center;
@@ -179,6 +191,7 @@
   padding: 0 calc(0.75rem - 0.125rem);
   min-height: 2rem;
   min-width: 2rem;
+  border-radius: var(--button-border-radius-s, 0.25rem);
 }
 .mc-button--s .mc-button__label {
   font-size: var(--font-size-100, 0.875rem);
@@ -195,6 +208,7 @@
   padding: 0 calc(1rem - 0.125rem);
   min-height: 3rem;
   min-width: 3rem;
+  border-radius: var(--button-border-radius-m, 0.25rem);
 }
 .mc-button--m .mc-button__label {
   font-size: var(--font-size-150, 1rem);
@@ -211,6 +225,7 @@
   padding: 0 calc(1.25rem - 0.125rem);
   min-height: 4rem;
   min-width: 4rem;
+  border-radius: var(--button-border-radius-l, 0.25rem);
 }
 .mc-button--l .mc-button__label {
   font-size: var(--font-size-200, 1.125rem);

package/dist/components/button/Button.svelte.d.ts

@@ -4,6 +4,9 @@
  * @slot default - The content displayed in the button.
  * @slot icon - Use this slot to insert an icon for the Button.
  */
+export type Button = {
+    focus: () => void;
+};
 interface Props {
     [key: string]: any;
     /**
@@ -65,7 +68,9 @@ declare const Button: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWit
 }, {
     icon: {};
     default: {};
-}, {}, "">;
+}, {
+    focus: () => void;
+}, "">;
 type Button = InstanceType<typeof Button>;
 export default Button;
 //# sourceMappingURL=Button.svelte.d.ts.map

package/dist/components/button/Button.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.svelte.ts"],"names":[],"mappings":"AAKE;;;;;GAKG;AACH,UAAU,KAAK;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC1D;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IACzC;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IACrC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAwEH,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,MAAM;;;;;;;;UAAqF,CAAC;AAChF,KAAK,MAAM,GAAG,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC;AAC5C,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.svelte.ts"],"names":[],"mappings":"AAKE;;;;;GAKG;AAEH,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAEF,UAAU,KAAK;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC1D;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IACzC;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IACrC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA+EH,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,MAAM;;;;;;;;;;MAAqF,CAAC;AAChF,KAAK,MAAM,GAAG,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC;AAC5C,eAAe,MAAM,CAAC"}

package/dist/components/callout/Callout.js

@@ -1,4 +1,4 @@
-import{c as C,p as D,a as E,b as d,s as r,t as S,f as q,g as A,h as B,i as F,d as t,j as u,r as l,e as h}from"../../custom-element.js";import{s as m}from"../../slot.js";import{a as G}from"../../attributes.js";var H=B('<section><div class="mc-callout__icon svelte-1pnlv3f"><!></div> <div class="mc-callout__content svelte-1pnlv3f"><h2 class="mc-callout__title svelte-1pnlv3f"> </h2> <p class="mc-callout__message svelte-1pnlv3f"> </p> <!> <div class="mc-callout__footer svelte-1pnlv3f"><!></div></div></section>');const I={hash:"svelte-1pnlv3f",code:`/**
+import{c as C,e as D,a as E,p as d,k as r,t as S,b as q,d as A,f as B,n as F,j as t,i as m,r as l,m as h}from"../../custom-element.js";import{s as u}from"../../slot.js";import{a as G}from"../../attributes.js";var H=B('<section><div class="mc-callout__icon svelte-1pnlv3f"><!></div> <div class="mc-callout__content svelte-1pnlv3f"><h2 class="mc-callout__title svelte-1pnlv3f"> </h2> <p class="mc-callout__message svelte-1pnlv3f"> </p> <!> <div class="mc-callout__footer svelte-1pnlv3f"><!></div></div></section>');const I={hash:"svelte-1pnlv3f",code:`/**
  * Do not edit directly, this file was auto-generated.
- */.mc-callout.svelte-1pnlv3f {border-radius:var(--border-radius-m, 0.5rem);background:var(--callout-color-background-standard, #eff1f6);display:flex;flex-flow:row wrap;align-items:flex-start;position:relative;box-sizing:border-box;color:var(--callout-color-text, #000000);}.mc-callout__icon.svelte-1pnlv3f {width:2rem;height:2rem;margin:0.75rem;color:currentcolor;}.mc-callout__content.svelte-1pnlv3f {flex:1 1 0;padding:0.75rem 1rem 0.75rem 0;}.mc-callout__title.svelte-1pnlv3f, .mc-callout__message.svelte-1pnlv3f {line-height:var(--line-height-s, 1.3);margin-block:0;}.mc-callout__title.svelte-1pnlv3f {font-weight:var(--font-weight-semi-bold, 600);font-size:var(--font-size-150, 1rem);margin-block-end:0.25rem;}.mc-callout__message.svelte-1pnlv3f {font-size:var(--font-size-100, 0.875rem);}.mc-callout__footer.svelte-1pnlv3f {align-items:flex-start;display:flex;flex-flow:row wrap;gap:0.5rem;margin-top:0.75rem;margin-bottom:0.5rem;}.mc-callout--standard.svelte-1pnlv3f {background:var(--callout-color-background-standard, #eff1f6);}.mc-callout--accent.svelte-1pnlv3f {background:var(--callout-color-background-accent, #ebf5de);}.mc-callout--tips.svelte-1pnlv3f {background:var(--callout-color-background-tips, #ffebaf);}.mc-callout--inverse.svelte-1pnlv3f {background:var(--callout-color-background-inverse, #ffffff);}.mc-callout__footer.svelte-1pnlv3f:empty {display:none;}`};function J(p,e){D(e,!0),E(p,I);let s=d(e,"title",7),c=d(e,"description",7),n=d(e,"appearance",7,"standard"),x=F(e,["$$slots","$$events","$$legacy","$$host","title","description","appearance"]);var k={get title(){return s()},set title(a){s(a),u()},get description(){return c()},set description(a){c(a),u()},get appearance(){return n()},set appearance(a="standard"){n(a),u()}},o=H();G(o,()=>({class:["mc-callout",`mc-callout--${n()}`],role:"status",...x}),void 0,void 0,void 0,"svelte-1pnlv3f");var i=t(o),w=t(i);m(w,e,"icon",{},null),l(i);var _=r(i,2),v=t(_),y=t(v,!0);l(v);var f=r(v,2),z=t(f,!0);l(f);var g=r(f,2);m(g,e,"default",{},null);var b=r(g,2),j=t(b);return m(j,e,"footer",{},null),l(b),l(_),l(o),S(()=>{h(y,s()),h(z,c())}),q(p,o),A(k)}customElements.define("m-callout",C(J,{title:{},description:{},appearance:{}},["icon","default","footer"],[],!0));
+ */.mc-callout.svelte-1pnlv3f {border-radius:var(--border-radius-m, 0.5rem);background:var(--callout-color-background-standard, #eff1f6);display:flex;flex-flow:row wrap;align-items:flex-start;position:relative;box-sizing:border-box;color:var(--callout-color-text, #000000);}.mc-callout__icon.svelte-1pnlv3f {width:2rem;height:2rem;margin:0.75rem;color:currentcolor;}.mc-callout__content.svelte-1pnlv3f {flex:1 1 0;padding:0.75rem 1rem 0.75rem 0;}.mc-callout__title.svelte-1pnlv3f, .mc-callout__message.svelte-1pnlv3f {line-height:var(--line-height-s, 1.3);margin-block:0;}.mc-callout__title.svelte-1pnlv3f {font-weight:var(--font-weight-semi-bold, 600);font-size:var(--font-size-150, 1rem);margin-block-end:0.25rem;}.mc-callout__message.svelte-1pnlv3f {font-size:var(--font-size-100, 0.875rem);}.mc-callout__footer.svelte-1pnlv3f {align-items:flex-start;display:flex;flex-flow:row wrap;gap:0.5rem;margin-top:0.75rem;margin-bottom:0.5rem;}.mc-callout--standard.svelte-1pnlv3f {background:var(--callout-color-background-standard, #eff1f6);}.mc-callout--accent.svelte-1pnlv3f {background:var(--callout-color-background-accent, #ebf5de);}.mc-callout--tips.svelte-1pnlv3f {background:var(--callout-color-background-tips, #ffebaf);}.mc-callout--inverse.svelte-1pnlv3f {background:var(--callout-color-background-inverse, #ffffff);}.mc-callout__footer.svelte-1pnlv3f:empty {display:none;}`};function J(p,e){D(e,!0),E(p,I);let c=d(e,"title",7),s=d(e,"description",7),n=d(e,"appearance",7,"standard"),x=F(e,["$$slots","$$events","$$legacy","$$host","title","description","appearance"]);var k={get title(){return c()},set title(a){c(a),m()},get description(){return s()},set description(a){s(a),m()},get appearance(){return n()},set appearance(a="standard"){n(a),m()}},o=H();G(o,()=>({class:["mc-callout",`mc-callout--${n()}`],role:"status",...x}),void 0,void 0,void 0,"svelte-1pnlv3f");var i=t(o),w=t(i);u(w,e,"icon",{},null),l(i);var _=r(i,2),v=t(_),y=t(v,!0);l(v);var f=r(v,2),z=t(f,!0);l(f);var g=r(f,2);u(g,e,"default",{},null);var b=r(g,2),j=t(b);return u(j,e,"footer",{},null),l(b),l(_),l(o),S(()=>{h(y,c()),h(z,s())}),q(p,o),A(k)}customElements.define("m-callout",C(J,{title:{},description:{},appearance:{}},["icon","default","footer"],[],{mode:"open"}));
 //# sourceMappingURL=Callout.js.map

package/dist/components/callout/Callout.stories.d.ts

@@ -11,9 +11,9 @@ export declare const Standard: Story;
 export declare const Accent: Story;
 export declare const Tips: Story;
 export declare const Inverse: Story;
-export declare const WithButton: Story;
-export declare const WithButtons: Story;
-export declare const WithLink: {
+export declare const Button: Story;
+export declare const Buttons: Story;
+export declare const Link: {
     args: {
         footer: string;
     };

package/dist/components/callout/Callout.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Callout.stories.d.ts","sourceRoot":"","sources":["../../../src/components/callout/Callout.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAIrE,OAAO,iEAAiE,CAAC;AACzE,OAAO,mEAAmE,CAAC;AAC3E,OAAO,kBAAkB,CAAC;AAC1B,OAAO,yBAAyB,CAAC;AACjC,OAAO,qBAAqB,CAAC;AAE7B,QAAA,MAAM,IAAI,EAAE,IAyBX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,QAAQ,EAAE,KAAU,CAAC;AAElC,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAElB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;CAUpB,CAAC"}
+{"version":3,"file":"Callout.stories.d.ts","sourceRoot":"","sources":["../../../src/components/callout/Callout.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAIrE,OAAO,iEAAiE,CAAC;AACzE,OAAO,mEAAmE,CAAC;AAC3E,OAAO,kBAAkB,CAAC;AAC1B,OAAO,yBAAyB,CAAC;AACjC,OAAO,qBAAqB,CAAC;AAE7B,QAAA,MAAM,IAAI,EAAE,IAyBX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,QAAQ,EAAE,KAAU,CAAC;AAElC,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAElB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;CAUhB,CAAC"}

package/dist/components/callout/Callout.stories.js

@@ -46,12 +46,12 @@ export const Inverse = {
     },
     args: { appearance: 'inverse' },
 };
-export const WithButton = {
+export const Button = {
     args: {
         footer: `<m-button outlined slot="footer">Button Label</m-button>`,
     },
 };
-export const WithButtons = {
+export const Buttons = {
     args: {
         footer: `
       <m-button slot="footer">Button Label</m-button>
@@ -59,7 +59,7 @@ export const WithButtons = {
     `,
     },
 };
-export const WithLink = {
+export const Link = {
     args: {
         footer: `
       <m-link href="#" iconPosition="right" slot="footer">

package/dist/components/carousel/Carousel.js

@@ -1,4 +1,4 @@
-import{c as F,p as N,a as R,b as z,A as T,s as _,n as t,f as V,g as G,h as H,i as J,d as a,v as j,j as A,u as K,r as n,q as M}from"../../custom-element.js";import{s as y}from"../../slot.js";import{a as Q}from"../../attributes.js";import{b as U}from"../../this.js";import{I as L}from"../iconbutton/IconButton.js";import{t as W,s as X}from"../../Condition20.js";import"../../if.js";import"../../branches.js";import"../loader/Loader.js";var Y=H('<div><div class="mc-carousel__header svelte-10qqjzd"><div class="mc-carousel__headings svelte-10qqjzd"><!></div> <div class="mc-carousel__controls svelte-10qqjzd"><!> <!></div></div> <div class="mc-carousel__content svelte-10qqjzd"><!></div></div>');const Z={hash:"svelte-10qqjzd",code:`/**
+import{c as F,e as N,a as R,p as z,B as T,k as g,l as t,b as V,d as G,f as H,n as J,j as a,w as j,i as y,v as K,r as n,q as M}from"../../custom-element.js";import{s as B}from"../../slot.js";import{a as Q}from"../../attributes.js";import{b as U}from"../../this.js";import{I as A}from"../iconbutton/IconButton.js";import{B as W,z as X}from"../../Condition20.js";import"../../if.js";import"../../branches.js";import"../loader/Loader.js";var Y=H('<div><div class="mc-carousel__header svelte-10qqjzd"><div class="mc-carousel__headings svelte-10qqjzd"><!></div> <div class="mc-carousel__controls svelte-10qqjzd"><!> <!></div></div> <div class="mc-carousel__content svelte-10qqjzd"><!></div></div>');const Z={hash:"svelte-10qqjzd",code:`/**
  * Do not edit directly, this file was auto-generated.
- */.mt-title.svelte-10qqjzd {font-weight:var(--font-accent, 600);}.mt-title--l.svelte-10qqjzd {font-size:var(--font-title-l, 1.75rem);line-height:calc(var(--font-title-l, 1.75rem) * var(--line-height-s, 1.3));}.mt-title--m.svelte-10qqjzd {font-size:var(--font-title-m, 1.5rem);line-height:calc(var(--font-title-m, 1.5rem) * var(--line-height-s, 1.3));}.mt-title--s.svelte-10qqjzd {font-size:var(--font-title-s, 1.125rem);line-height:calc(var(--font-title-s, 1.125rem) * var(--line-height-s, 1.3));}.mc-carousel.svelte-10qqjzd {display:flex;flex-direction:column;row-gap:1rem;}.mc-carousel__header.svelte-10qqjzd {display:flex;align-items:flex-start;}.mc-carousel__headings.svelte-10qqjzd {display:flex;flex-direction:column;row-gap:0.25rem;flex:1;align-items:flex-start;}.mc-carousel__controls.svelte-10qqjzd {display:flex;column-gap:0.5rem;margin:0.25rem 0.25rem 0 0;}.mc-carousel__content.svelte-10qqjzd {display:flex;overflow-x:auto;scroll-snap-type:x mandatory;}.mc-carousel__content.svelte-10qqjzd > :where(.svelte-10qqjzd) {scroll-snap-align:start;}::slotted(*) {scroll-snap-align:start;}::slotted(.mc-carousel__title) {margin:0;}::slotted(.mc-carousel__sub-title) {margin:0;}`};function ee(p,r){N(r,!0),R(p,Z);let d=z(r,"previousButtonAriaLabel",7,"previous"),u=z(r,"nextButtonAriaLabel",7,"next"),B=J(r,["$$slots","$$events","$$legacy","$$host","previousButtonAriaLabel","nextButtonAriaLabel"]),s=K(0),l=null,v=null;const C={behavior:"smooth",block:"nearest",inline:"center"};function o(){if(!l)return[];const e=l.querySelector("slot");return e?e.assignedElements({flatten:!0}):[]}function q(e){o()[e]?.scrollIntoView(C)}function w(){t(s)>0&&q(t(s)-1)}function $(){const e=o();t(s)<e.length-1&&q(t(s)+1)}T(()=>{if(l)return v=new IntersectionObserver(e=>{const i=e.find(g=>g.isIntersecting);if(i){const g=o();M(s,g.findIndex(D=>D===i.target),!0)}},{root:l,threshold:.9}),o().forEach(e=>v.observe(e)),()=>v?.disconnect()});const I=j(()=>t(s)===0),k=j(()=>t(s)===o().length-1);var E={get previousButtonAriaLabel(){return d()},set previousButtonAriaLabel(e="previous"){d(e),A()},get nextButtonAriaLabel(){return u()},set nextButtonAriaLabel(e="next"){u(e),A()}},c=Y();Q(c,()=>({class:"mc-carousel",role:"group","aria-roledescription":"carousel","aria-labelledby":"mc-carousel__title",...B}),void 0,void 0,void 0,"svelte-10qqjzd");var m=a(c),f=a(m),P=a(f);y(P,r,"header",{},null),n(f);var b=_(f,2),x=a(b);L(x,{size:"s",outlined:!0,onclick:w,get disabled(){return t(I)},get"aria-label"(){return d()},$$slots:{icon:(e,i)=>{W(e,{slot:"icon"})}}});var O=_(x,2);L(O,{size:"s",outlined:!0,onclick:$,get disabled(){return t(k)},get"aria-label"(){return u()},$$slots:{icon:(e,i)=>{X(e,{slot:"icon"})}}}),n(b),n(m);var h=_(m,2),S=a(h);return y(S,r,"default",{},null),n(h),U(h,e=>l=e,()=>l),n(c),V(p,c),G(E)}customElements.define("m-carousel",F(ee,{previousButtonAriaLabel:{},nextButtonAriaLabel:{}},["header","default"],[],!0));
+ */.mt-title.svelte-10qqjzd {font-weight:var(--font-accent, 600);}.mt-title--l.svelte-10qqjzd {font-size:var(--font-title-l, 1.75rem);line-height:calc(var(--font-title-l, 1.75rem) * var(--line-height-s, 1.3));}.mt-title--m.svelte-10qqjzd {font-size:var(--font-title-m, 1.5rem);line-height:calc(var(--font-title-m, 1.5rem) * var(--line-height-s, 1.3));}.mt-title--s.svelte-10qqjzd {font-size:var(--font-title-s, 1.125rem);line-height:calc(var(--font-title-s, 1.125rem) * var(--line-height-s, 1.3));}.mc-carousel.svelte-10qqjzd {display:flex;flex-direction:column;row-gap:1rem;}.mc-carousel__header.svelte-10qqjzd {display:flex;align-items:flex-start;}.mc-carousel__headings.svelte-10qqjzd {display:flex;flex-direction:column;row-gap:0.25rem;flex:1;align-items:flex-start;color:var(--color-text-primary, #000000);}.mc-carousel__controls.svelte-10qqjzd {display:flex;column-gap:0.5rem;margin:0.25rem 0.25rem 0 0;}.mc-carousel__content.svelte-10qqjzd {display:flex;overflow-x:auto;scroll-snap-type:x mandatory;}.mc-carousel__content.svelte-10qqjzd > :where(.svelte-10qqjzd) {scroll-snap-align:start;}::slotted(*) {scroll-snap-align:start;}::slotted(.mc-carousel__title) {margin:0;}::slotted(.mc-carousel__sub-title) {margin:0;}`};function ee(p,s){N(s,!0),R(p,Z);let d=z(s,"previousButtonAriaLabel",7,"previous"),u=z(s,"nextButtonAriaLabel",7,"next"),L=J(s,["$$slots","$$events","$$legacy","$$host","previousButtonAriaLabel","nextButtonAriaLabel"]),r=K(0),l=null,v=null;const w={behavior:"smooth",block:"nearest",inline:"center"};function o(){if(!l)return[];const e=l.querySelector("slot");return e?e.assignedElements({flatten:!0}):[]}function q(e){o()[e]?.scrollIntoView(w)}function C(){t(r)>0&&q(t(r)-1)}function $(){const e=o();t(r)<e.length-1&&q(t(r)+1)}T(()=>{if(l)return v=new IntersectionObserver(e=>{const i=e.find(_=>_.isIntersecting);if(i){const _=o();M(r,_.findIndex(D=>D===i.target),!0)}},{root:l,threshold:.9}),o().forEach(e=>v.observe(e)),()=>v?.disconnect()});const I=j(()=>t(r)===0),k=j(()=>t(r)===o().length-1);var E={get previousButtonAriaLabel(){return d()},set previousButtonAriaLabel(e="previous"){d(e),y()},get nextButtonAriaLabel(){return u()},set nextButtonAriaLabel(e="next"){u(e),y()}},c=Y();Q(c,()=>({class:"mc-carousel",role:"group","aria-roledescription":"carousel","aria-labelledby":"mc-carousel__title",...L}),void 0,void 0,void 0,"svelte-10qqjzd");var m=a(c),f=a(m),P=a(f);B(P,s,"header",{},null),n(f);var b=g(f,2),x=a(b);A(x,{size:"s",outlined:!0,onclick:C,get disabled(){return t(I)},get"aria-label"(){return d()},$$slots:{icon:(e,i)=>{W(e,{slot:"icon"})}}});var O=g(x,2);A(O,{size:"s",outlined:!0,onclick:$,get disabled(){return t(k)},get"aria-label"(){return u()},$$slots:{icon:(e,i)=>{X(e,{slot:"icon"})}}}),n(b),n(m);var h=g(m,2),S=a(h);return B(S,s,"default",{},null),n(h),U(h,e=>l=e,()=>l),n(c),V(p,c),G(E)}customElements.define("m-carousel",F(ee,{previousButtonAriaLabel:{},nextButtonAriaLabel:{}},["header","default"],[],{mode:"open"}));
 //# sourceMappingURL=Carousel.js.map

package/dist/components/carousel/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.js","sources":["../../../src/components/carousel/Carousel.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-carousel' }} />\n\n<script lang=\"ts\">\n  import IconButton from '../iconbutton/IconButton.svelte';\n  import { ChevronLeft20, ChevronRight20 } from '@mozaic-ds/icons-svelte';\n  /**\n   * A Carousel allows users to browse through multiple items within a horizontal container, using swipe gestures on mobile or navigation controls on desktop. It is primarily used to showcase products, promotions, or visual content, offering an engaging way to explore information in a condensed and interactive format. Carousels help optimize space while keeping content visually appealing and easily accessible.\n   *\n   * @slot default - Use this slot to insert a list of components to be displayed in the carousel.\n   * @slot header  - Use this slot to insert the title, subtitle or link of the carousel.\n   */\n  interface Props {\n    [key: string]: any;\n    /**\n     * Aria label for the previous button.\n     */\n    previousButtonAriaLabel?: string;\n    /**\n     * Aria label for the next button.\n     */\n    nextButtonAriaLabel?: string;\n  }\n\n  let {\n    previousButtonAriaLabel = 'previous',\n    nextButtonAriaLabel = 'next',\n    ...attrs\n  }: Props = $props();\n\n  // State\n  let activeIndex = $state(0);\n  let contentContainer: HTMLElement | null = null;\n\n  let observer: IntersectionObserver | null = null;\n\n  const scrollOptions: ScrollIntoViewOptions = {\n    behavior: 'smooth',\n    block: 'nearest',\n    inline: 'center',\n  };\n\n  function getCarouselChildren(): HTMLElement[] {\n    if (!contentContainer) return [];\n\n    const slot = contentContainer.querySelector('slot') as HTMLSlotElement;\n    return slot ? (slot.assignedElements({ flatten: true }) as HTMLElement[]) : [];\n  }\n\n  function scrollToChild(index: number) {\n    const children = getCarouselChildren();\n    children[index]?.scrollIntoView(scrollOptions);\n  }\n\n  function goPrevious() {\n    if (activeIndex > 0) scrollToChild(activeIndex - 1);\n  }\n\n  function goNext() {\n    const children = getCarouselChildren();\n    if (activeIndex < children.length - 1) scrollToChild(activeIndex + 1);\n  }\n\n  $effect(() => {\n    if (!contentContainer) return;\n\n    observer = new IntersectionObserver(\n      (entries) => {\n        const entry = entries.find((e) => e.isIntersecting);\n        if (entry) {\n          const children = getCarouselChildren();\n          activeIndex = children.findIndex((el) => el === entry.target);\n        }\n      },\n      {\n        root: contentContainer,\n        threshold: 0.9,\n      },\n    );\n\n    getCarouselChildren().forEach((el) => observer!.observe(el));\n\n    return () => observer?.disconnect();\n  });\n\n  const isFirstChildActive = $derived(activeIndex === 0);\n  const isLastChildActive = $derived(activeIndex === getCarouselChildren().length - 1);\n</script>\n\n<div\n  class=\"mc-carousel\"\n  role=\"group\"\n  aria-roledescription=\"carousel\"\n  aria-labelledby=\"mc-carousel__title\"\n  {...attrs}\n>\n  <div class=\"mc-carousel__header\">\n    <div class=\"mc-carousel__headings\">\n      <slot name=\"header\" />\n    </div>\n\n    <div class=\"mc-carousel__controls\">\n      <IconButton\n        size=\"s\"\n        outlined\n        onclick={goPrevious}\n        disabled={isFirstChildActive}\n        aria-label={previousButtonAriaLabel}\n      >\n        <ChevronLeft20 slot=\"icon\" />\n      </IconButton>\n\n      <IconButton\n        size=\"s\"\n        outlined\n        onclick={goNext}\n        disabled={isLastChildActive}\n        aria-label={nextButtonAriaLabel}\n      >\n        <ChevronRight20 slot=\"icon\" />\n      </IconButton>\n    </div>\n  </div>\n\n  <div class=\"mc-carousel__content\" bind:this={contentContainer}>\n    <slot />\n  </div>\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/carousel';\n\n  :global(::slotted(*)) {\n    scroll-snap-align: start;\n  }\n\n  :global(::slotted(.mc-carousel__title)) {\n    margin: 0;\n  }\n\n  :global(::slotted(.mc-carousel__sub-title)) {\n    margin: 0;\n  }\n</style>\n"],"names":["previousButtonAriaLabel","nextButtonAriaLabel","attrs","$.rest_props","$$props","activeIndex","$.state","contentContainer","observer","scrollOptions","getCarouselChildren","slot","scrollToChild","index","goPrevious","$.get","goNext","children","$.user_effect","entries","entry","e","el","isFirstChildActive","$.derived","isLastChildActive","div","root","div_1","$.child","div_2","div_3","IconButton","node_1","ChevronLeft20","$$anchor","node_2","ChevronRight20","div_4","$$value","$.reset","$.append"],"mappings":";;irCAEA,gBAsBI,IAAAA,kCAA0B,UAAU,EACpCC,8BAAsB,MAAM,EACzBC,EAAAC,EAAAC,EAAA,4FAIDC,EAAcC,EAAO,CAAC,EACtBC,EAAuC,KAEvCC,EAAwC,WAEtCC,EAAoC,CACxC,SAAU,SACV,MAAO,UACP,OAAQ,QAAQ,EAGT,SAAAC,GAAqC,KACvCH,EAAgB,MAAA,CAAA,EAEf,MAAAI,EAAOJ,EAAiB,cAAc,MAAM,EAC3C,OAAAI,EAAQA,EAAK,iBAAgB,CAAG,QAAS,EAAI,CAAA,EAAA,CAAA,CACtD,UAESC,EAAcC,EAAe,CACnBH,EAAmB,EAC3BG,CAAK,GAAG,eAAeJ,CAAa,CAC/C,CAES,SAAAK,GAAa,CAChBC,EAAAV,CAAW,EAAG,GAAGO,EAAaG,EAACV,CAAW,EAAG,CAAC,CACpD,CAES,SAAAW,GAAS,CACV,MAAAC,EAAWP,EAAmB,IAChCL,CAAW,EAAGY,EAAS,OAAS,GAAGL,EAAaG,EAACV,CAAW,EAAG,CAAC,CACtE,CAEAa,EAAO,IAAO,IACPX,EAEL,OAAAC,MAAe,qBACZW,GAAY,OACLC,EAAQD,EAAQ,KAAME,GAAMA,EAAE,cAAc,EAC9C,GAAAD,EAAO,CACH,MAAAH,EAAWP,EAAmB,IACpCL,EAAcY,EAAS,UAAWK,GAAOA,IAAOF,EAAM,MAAM,EAAA,EAAA,CAC9D,CACF,EAEE,CAAA,KAAMb,EACN,UAAW,EAAG,GAIlBG,EAAmB,EAAG,QAASY,GAAOd,EAAU,QAAQc,CAAE,CAAA,EAE7C,IAAAd,GAAU,WAAU,CACnC,CAAC,QAEKe,EAAkBC,EAAA,IAAAT,EAAYV,CAAW,IAAK,CAAC,EAC/CoB,UAA6BpB,CAAW,IAAKK,EAAmB,EAAG,OAAS,CAAC,iFA7DvD,WAAU,2EACd,OAAM,YA+D/BgB,EAAAC,EAAA,IAAAD,qHAKKxB,2CAEH,IAAA0B,EAAGC,EAPLH,CAAA,EAQII,IADFF,CAAG,MACDE,CAAG,4BAAHA,CAAG,EAIH,IAAAC,IAJAD,EAAG,CAAA,MAIHC,CAAG,EACDC,EAAAC,EAAA,8BAGUnB,0BACCS,CAAkB,4BAChBvB,EAAuB,yBAElCkC,EAAaC,EAAA,CAAA,KAAA,MAAA,CAAA,mBAGfH,EAAAI,EAAA,8BAGUpB,0BACCS,CAAiB,4BACfxB,EAAmB,yBAE9BoC,EAAcF,EAAA,CAAA,KAAA,MAAA,CAAA,QAlBlBJ,CAAG,IALLH,CAAG,EA4BH,IAAAU,IA5BAV,EAAG,CAAA,MA4BHU,CAAG,oCAAHA,CAAG,IAAHA,EAAGC,GAAyChC,EAAgBgC,EAAA,IAAhBhC,CAAgB,EAnC9DiC,EAAAd,CAAA,EAAAe,EAAAN,EAAAT,CAAA,MAFO"}
+{"version":3,"file":"Carousel.js","sources":["../../../src/components/carousel/Carousel.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-carousel' }} />\n\n<script lang=\"ts\">\n  import IconButton from '../iconbutton/IconButton.svelte';\n  import { ChevronLeft20, ChevronRight20 } from '@mozaic-ds/icons-svelte';\n  /**\n   * A Carousel allows users to browse through multiple items within a horizontal container, using swipe gestures on mobile or navigation controls on desktop. It is primarily used to showcase products, promotions, or visual content, offering an engaging way to explore information in a condensed and interactive format. Carousels help optimize space while keeping content visually appealing and easily accessible.\n   *\n   * @slot default - Use this slot to insert a list of components to be displayed in the carousel.\n   * @slot header  - Use this slot to insert the title, subtitle or link of the carousel.\n   */\n  interface Props {\n    [key: string]: any;\n    /**\n     * Aria label for the previous button.\n     */\n    previousButtonAriaLabel?: string;\n    /**\n     * Aria label for the next button.\n     */\n    nextButtonAriaLabel?: string;\n  }\n\n  let {\n    previousButtonAriaLabel = 'previous',\n    nextButtonAriaLabel = 'next',\n    ...attrs\n  }: Props = $props();\n\n  // State\n  let activeIndex = $state(0);\n  let contentContainer: HTMLElement | null = null;\n\n  let observer: IntersectionObserver | null = null;\n\n  const scrollOptions: ScrollIntoViewOptions = {\n    behavior: 'smooth',\n    block: 'nearest',\n    inline: 'center',\n  };\n\n  function getCarouselChildren(): HTMLElement[] {\n    if (!contentContainer) return [];\n\n    const slot = contentContainer.querySelector('slot') as HTMLSlotElement;\n    return slot ? (slot.assignedElements({ flatten: true }) as HTMLElement[]) : [];\n  }\n\n  function scrollToChild(index: number) {\n    const children = getCarouselChildren();\n    children[index]?.scrollIntoView(scrollOptions);\n  }\n\n  function goPrevious() {\n    if (activeIndex > 0) scrollToChild(activeIndex - 1);\n  }\n\n  function goNext() {\n    const children = getCarouselChildren();\n    if (activeIndex < children.length - 1) scrollToChild(activeIndex + 1);\n  }\n\n  $effect(() => {\n    if (!contentContainer) return;\n\n    observer = new IntersectionObserver(\n      (entries) => {\n        const entry = entries.find((e) => e.isIntersecting);\n        if (entry) {\n          const children = getCarouselChildren();\n          activeIndex = children.findIndex((el) => el === entry.target);\n        }\n      },\n      {\n        root: contentContainer,\n        threshold: 0.9,\n      },\n    );\n\n    getCarouselChildren().forEach((el) => observer!.observe(el));\n\n    return () => observer?.disconnect();\n  });\n\n  const isFirstChildActive = $derived(activeIndex === 0);\n  const isLastChildActive = $derived(activeIndex === getCarouselChildren().length - 1);\n</script>\n\n<div\n  class=\"mc-carousel\"\n  role=\"group\"\n  aria-roledescription=\"carousel\"\n  aria-labelledby=\"mc-carousel__title\"\n  {...attrs}\n>\n  <div class=\"mc-carousel__header\">\n    <div class=\"mc-carousel__headings\">\n      <slot name=\"header\" />\n    </div>\n\n    <div class=\"mc-carousel__controls\">\n      <IconButton\n        size=\"s\"\n        outlined\n        onclick={goPrevious}\n        disabled={isFirstChildActive}\n        aria-label={previousButtonAriaLabel}\n      >\n        <ChevronLeft20 slot=\"icon\" />\n      </IconButton>\n\n      <IconButton\n        size=\"s\"\n        outlined\n        onclick={goNext}\n        disabled={isLastChildActive}\n        aria-label={nextButtonAriaLabel}\n      >\n        <ChevronRight20 slot=\"icon\" />\n      </IconButton>\n    </div>\n  </div>\n\n  <div class=\"mc-carousel__content\" bind:this={contentContainer}>\n    <slot />\n  </div>\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/carousel';\n\n  :global(::slotted(*)) {\n    scroll-snap-align: start;\n  }\n\n  :global(::slotted(.mc-carousel__title)) {\n    margin: 0;\n  }\n\n  :global(::slotted(.mc-carousel__sub-title)) {\n    margin: 0;\n  }\n</style>\n"],"names":["previousButtonAriaLabel","nextButtonAriaLabel","attrs","$.rest_props","$$props","activeIndex","$.state","contentContainer","observer","scrollOptions","getCarouselChildren","slot","scrollToChild","index","goPrevious","$.get","goNext","children","$.user_effect","entries","entry","e","el","isFirstChildActive","$.derived","isLastChildActive","div","root","div_1","$.child","div_2","div_3","IconButton","node_1","ChevronLeft20","$$anchor","node_2","ChevronRight20","div_4","$$value","$.reset","$.append"],"mappings":";;0tCAEA,gBAsBI,IAAAA,kCAA0B,UAAU,EACpCC,8BAAsB,MAAM,EACzBC,EAAAC,EAAAC,EAAA,4FAIDC,EAAcC,EAAO,CAAC,EACtBC,EAAuC,KAEvCC,EAAwC,WAEtCC,EAAoC,CACxC,SAAU,SACV,MAAO,UACP,OAAQ,QAAQ,EAGT,SAAAC,GAAqC,KACvCH,EAAgB,MAAA,CAAA,EAEf,MAAAI,EAAOJ,EAAiB,cAAc,MAAM,EAC3C,OAAAI,EAAQA,EAAK,iBAAgB,CAAG,QAAS,EAAI,CAAA,EAAA,CAAA,CACtD,UAESC,EAAcC,EAAe,CACnBH,EAAmB,EAC3BG,CAAK,GAAG,eAAeJ,CAAa,CAC/C,CAES,SAAAK,GAAa,CAChBC,EAAAV,CAAW,EAAG,GAAGO,EAAaG,EAACV,CAAW,EAAG,CAAC,CACpD,CAES,SAAAW,GAAS,CACV,MAAAC,EAAWP,EAAmB,IAChCL,CAAW,EAAGY,EAAS,OAAS,GAAGL,EAAaG,EAACV,CAAW,EAAG,CAAC,CACtE,CAEAa,EAAO,IAAO,IACPX,EAEL,OAAAC,MAAe,qBACZW,GAAY,OACLC,EAAQD,EAAQ,KAAME,GAAMA,EAAE,cAAc,EAC9C,GAAAD,EAAO,CACH,MAAAH,EAAWP,EAAmB,IACpCL,EAAcY,EAAS,UAAWK,GAAOA,IAAOF,EAAM,MAAM,EAAA,EAAA,CAC9D,CACF,EAEE,CAAA,KAAMb,EACN,UAAW,EAAG,GAIlBG,EAAmB,EAAG,QAASY,GAAOd,EAAU,QAAQc,CAAE,CAAA,EAE7C,IAAAd,GAAU,WAAU,CACnC,CAAC,QAEKe,EAAkBC,EAAA,IAAAT,EAAYV,CAAW,IAAK,CAAC,EAC/CoB,UAA6BpB,CAAW,IAAKK,EAAmB,EAAG,OAAS,CAAC,iFA7DvD,WAAU,2EACd,OAAM,YA+D/BgB,EAAAC,EAAA,IAAAD,qHAKKxB,2CAEH,IAAA0B,EAAGC,EAPLH,CAAA,EAQII,IADFF,CAAG,MACDE,CAAG,4BAAHA,CAAG,EAIH,IAAAC,IAJAD,EAAG,CAAA,MAIHC,CAAG,EACDC,EAAAC,EAAA,8BAGUnB,0BACCS,CAAkB,4BAChBvB,EAAuB,yBAElCkC,EAAaC,EAAA,CAAA,KAAA,MAAA,CAAA,mBAGfH,EAAAI,EAAA,8BAGUpB,0BACCS,CAAiB,4BACfxB,EAAmB,yBAE9BoC,EAAcF,EAAA,CAAA,KAAA,MAAA,CAAA,QAlBlBJ,CAAG,IALLH,CAAG,EA4BH,IAAAU,IA5BAV,EAAG,CAAA,MA4BHU,CAAG,oCAAHA,CAAG,IAAHA,EAAGC,GAAyChC,EAAgBgC,EAAA,IAAhBhC,CAAgB,EAnC9DiC,EAAAd,CAAA,EAAAe,EAAAN,EAAAT,CAAA,MAFO"}

package/dist/components/carousel/Carousel.svelte

@@ -160,6 +160,7 @@
   row-gap: 0.25rem;
   flex: 1;
   align-items: flex-start;
+  color: var(--color-text-primary, #000000);
 }
 .mc-carousel__controls {
   display: flex;

package/dist/components/checkbox/Checkbox.js

@@ -1,10 +1,10 @@
-import{c as y,p as B,a as M,b as t,s as Z,t as g,f as b,g as q,h as p,i as H,d as u,j as r,r as _,e as j,l as D,m as F}from"../../custom-element.js";import{i as L}from"../../if.js";import{a as S,s as V}from"../../attributes.js";import{a as A}from"../../input.js";import{c as G}from"../../custom-element-forward-events.js";import"../../branches.js";var I=p('<label class="mc-checkbox__label svelte-zknfk3"> </label>'),J=p("<div><input/> <!></div>");const K={hash:"svelte-zknfk3",code:`/**
+import{c as y,e as M,a as Z,p as i,k as B,t as g,b,d as q,f as p,n as H,j as u,i as r,r as _,m as L,s as V,h as j}from"../../custom-element.js";import{i as D}from"../../if.js";import{a as F,s as S}from"../../attributes.js";import{a as A}from"../../input.js";import{c as G}from"../../custom-element-forward-events.js";import"../../branches.js";var I=p('<label class="mc-checkbox__label svelte-zknfk3"> </label>'),J=p("<div><input/> <!></div>");const K={hash:"svelte-zknfk3",code:`/**
  * Do not edit directly, this file was auto-generated.
  */
-/* stylelint-disable string-no-newline */.mc-checkbox.svelte-zknfk3 {align-items:center;display:flex;gap:0.5rem;padding:0.375rem;}.mc-checkbox--indented.svelte-zknfk3 {margin-left:1.75rem;}.mc-checkbox__label.svelte-zknfk3 {font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);color:var(--forms-color-text-default, #000000);cursor:pointer;}.mc-checkbox__input.svelte-zknfk3 {appearance:none;margin:0;cursor:pointer;flex-shrink:0;transition:box-shadow 200ms ease;background-color:var(--forms-color-background-default, #ffffff);border:var(--border-width-m, 0.125rem) solid var(--forms-color-border-default, #666666);border-radius:var(--forms-border-radius, 0.25rem);transition:all ease 200ms;height:1.25rem;width:1.25rem;}.mc-checkbox__input.svelte-zknfk3:hover {border-color:var(--forms-color-border-hover, #4d4d4d);}.mc-checkbox__input.svelte-zknfk3: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-checkbox__input.svelte-zknfk3:checked {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-inverse, %23ffffff)' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E");}.mc-checkbox__input.svelte-zknfk3:indeterminate {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-inverse, %23ffffff)' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E");}.mc-checkbox__input.svelte-zknfk3:checked, .mc-checkbox__input.svelte-zknfk3:indeterminate {background-color:var(--forms-color-background-checked, #117f03);background-size:1rem 1rem;background-position:center;}.mc-checkbox__input.svelte-zknfk3:checked, .mc-checkbox__input.svelte-zknfk3:indeterminate, .mc-checkbox__input.svelte-zknfk3:disabled {border-color:transparent;}.mc-checkbox__input.svelte-zknfk3:disabled {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;}.mc-checkbox__input.svelte-zknfk3:disabled:checked {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-disabled, %23737373)' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E");}.mc-checkbox__input.svelte-zknfk3:disabled:indeterminate {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-disabled, %23737373)' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E");}.mc-checkbox__input.svelte-zknfk3:disabled + .mc-checkbox__label:where(.svelte-zknfk3) {color:var(--forms-color-text-disabled, #737373);cursor:not-allowed;}.mc-checkbox__input.svelte-zknfk3:not(:disabled):checked:hover, .mc-checkbox__input.svelte-zknfk3:not(:disabled):indeterminate:hover {background-color:var(--forms-color-background-checked-hover, #006902);}.mc-checkbox__input.is-invalid.svelte-zknfk3:not(:checked, :indeterminate) {border-color:var(--forms-color-border-invalid, #ea302d);}.mc-checkbox__input.is-invalid.svelte-zknfk3:not(:checked, :indeterminate):hover {border-color:var(--forms-color-border-invalid-hover, #c61112);}
+/* stylelint-disable string-no-newline */.mc-checkbox.svelte-zknfk3 {align-items:center;display:flex;gap:0.5rem;padding:0.375rem;}.mc-checkbox--indented.svelte-zknfk3 {margin-left:1.75rem;}.mc-checkbox__label.svelte-zknfk3 {font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);color:var(--forms-color-text-default, #000000);cursor:pointer;}.mc-checkbox__input.svelte-zknfk3 {appearance:none;margin:0;cursor:pointer;flex-shrink:0;transition:box-shadow 200ms ease;background-color:var(--forms-color-background-default, #ffffff);border:var(--border-width-m, 0.125rem) solid var(--forms-color-border-default, #666666);border-radius:var(--forms-border-radius, 0.25rem);transition:all ease 200ms;height:1.25rem;width:1.25rem;position:relative;}.mc-checkbox__input.svelte-zknfk3::after {content:"";position:absolute;inset:0;background-color:var(--forms-color-icon-inverse, #ffffff);opacity:0;transform:scale(0.6);transition:0.15s ease;}.mc-checkbox__input.svelte-zknfk3:hover {border-color:var(--forms-color-border-hover, #4d4d4d);}.mc-checkbox__input.svelte-zknfk3: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-checkbox__input.svelte-zknfk3:checked::after {opacity:1;transform:scale(1);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%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='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E") no-repeat center/contain;}.mc-checkbox__input.svelte-zknfk3:indeterminate::after {opacity:1;transform:scale(1);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%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='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E") no-repeat center/contain;}.mc-checkbox__input.svelte-zknfk3:checked, .mc-checkbox__input.svelte-zknfk3:indeterminate {background-color:var(--forms-color-background-checked, #117f03);background-size:1rem 1rem;background-position:center;}.mc-checkbox__input.svelte-zknfk3:checked, .mc-checkbox__input.svelte-zknfk3:indeterminate, .mc-checkbox__input.svelte-zknfk3:disabled {border-color:transparent;}.mc-checkbox__input.svelte-zknfk3:disabled {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;}.mc-checkbox__input.svelte-zknfk3:disabled:checked::after {background-color:var(--forms-color-icon-disabled, #737373);}.mc-checkbox__input.svelte-zknfk3:disabled:indeterminate::after {background-color:var(--forms-color-icon-disabled, #737373);}.mc-checkbox__input.svelte-zknfk3:disabled + .mc-checkbox__label:where(.svelte-zknfk3) {color:var(--forms-color-text-disabled, #737373);cursor:not-allowed;}.mc-checkbox__input.svelte-zknfk3:not(:disabled):checked:hover, .mc-checkbox__input.svelte-zknfk3:not(:disabled):indeterminate:hover {background-color:var(--forms-color-background-checked-hover, #006902);}.mc-checkbox__input.is-invalid.svelte-zknfk3:not(:checked, :indeterminate) {border-color:var(--forms-color-border-invalid, #ea302d);}.mc-checkbox__input.is-invalid.svelte-zknfk3:not(:checked, :indeterminate):hover {border-color:var(--forms-color-border-invalid-hover, #c61112);}
 
 /* stylelint-enable string-no-newline */
-/* stylelint-disable string-no-newline */.mc-field__label.svelte-zknfk3, .mc-field__legend.svelte-zknfk3 {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-zknfk3 {padding-inline:0;}.mc-field__requirement.svelte-zknfk3, .mc-field__help.svelte-zknfk3 {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-zknfk3 {display:block;margin-top:0.125rem;}.mc-field__content.svelte-zknfk3 {margin-top:0.5rem;}.mc-field__validation-message.svelte-zknfk3 {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-zknfk3::before, .mc-field__validation-message.is-invalid.svelte-zknfk3::before {content:"";height:1.25rem;width:1.25rem;}.mc-field__validation-message.is-valid.svelte-zknfk3 {color:var(--field-color-validation-valid, #117f03);}.mc-field__validation-message.is-valid.svelte-zknfk3::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--field-color-validation-valid, %23117f03)' 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");}.mc-field__validation-message.is-invalid.svelte-zknfk3 {color:var(--field-color-validation-invalid, #c61112);}.mc-field__validation-message.is-invalid.svelte-zknfk3::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--field-color-validation-invalid, %23c61112)' 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");}.mc-field__validation-message.is-loading.svelte-zknfk3 {color:var(--field-color-validation-loading, #666666);}.mc-field--group.svelte-zknfk3 {border-width:0;margin-inline:0;padding:0;}
+/* stylelint-disable string-no-newline */.mc-field__label.svelte-zknfk3, .mc-field__legend.svelte-zknfk3 {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-zknfk3 {padding-inline:0;}.mc-field__requirement.svelte-zknfk3, .mc-field__help.svelte-zknfk3 {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-zknfk3 {display:block;margin-top:0.125rem;}.mc-field__content.svelte-zknfk3 {margin-top:0.5rem;}.mc-field__validation-message.svelte-zknfk3 {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-zknfk3::before, .mc-field__validation-message.is-invalid.svelte-zknfk3::before {content:"";height:1.25rem;width:1.25rem;}.mc-field__validation-message.is-valid.svelte-zknfk3 {color:var(--field-color-validation-valid, #117f03);}.mc-field__validation-message.is-valid.svelte-zknfk3::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-zknfk3 {color:var(--field-color-validation-invalid, #c61112);}.mc-field__validation-message.is-invalid.svelte-zknfk3::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-zknfk3 {color:var(--field-color-validation-loading, #666666);}.mc-field--group.svelte-zknfk3 {border-width:0;margin-inline:0;padding:0;}
 
-/* stylelint-enable string-no-newline */`};function N(h,i){B(i,!0),M(h,K);let a=t(i,"id",7),s=t(i,"name",7),l=t(i,"label",7),c=t(i,"checked",15,!1),m=t(i,"indeterminate",7),v=t(i,"disabled",7),n=t(i,"isinvalid",7),f=t(i,"indented",7),x=H(i,["$$slots","$$events","$$legacy","$$host","id","name","label","checked","indeterminate","disabled","isinvalid","indented"]);var w={get id(){return a()},set id(e){a(e),r()},get name(){return s()},set name(e){s(e),r()},get label(){return l()},set label(e){l(e),r()},get checked(){return c()},set checked(e=!1){c(e),r()},get indeterminate(){return m()},set indeterminate(e){m(e),r()},get disabled(){return v()},set disabled(e){v(e),r()},get isinvalid(){return n()},set isinvalid(e){n(e),r()},get indented(){return f()},set indented(e){f(e),r()}},o=J(),k=u(o);S(k,()=>({id:a(),type:"checkbox",class:["mc-checkbox__input",n()&&"is-invalid"],"aria-invalid":n(),name:s(),disabled:v(),indeterminate:m(),...x}),void 0,void 0,void 0,"svelte-zknfk3",!0);var z=Z(k,2);{var E=e=>{var d=I(),C=u(d,!0);_(d),g(()=>{V(d,"for",a()),j(C,l())}),b(e,d)};L(z,e=>{l()&&e(E)})}return _(o),g(()=>D(o,1,F(["mc-checkbox",f()&&"mc-checkbox--indented"]),"svelte-zknfk3")),A(k,c),b(h,o),q(w)}customElements.define("m-checkbox",y(N,{checked:{attribute:"checked",reflect:!0,type:"Boolean"},indeterminate:{attribute:"indeterminate",reflect:!0,type:"Boolean"},isinvalid:{attribute:"isinvalid",reflect:!0,type:"Boolean"},disabled:{attribute:"disabled",reflect:!0,type:"Boolean"},indented:{attribute:"indented",reflect:!0,type:"Boolean"},id:{},name:{},label:{}},[],[],!0,G));
+/* stylelint-enable string-no-newline */`};function N(h,t){M(t,!0),Z(h,K);let a=i(t,"id",7),c=i(t,"name",7),n=i(t,"label",7),s=i(t,"checked",15,!1),m=i(t,"indeterminate",7),v=i(t,"disabled",7),o=i(t,"isinvalid",7),f=i(t,"indented",7),w=H(t,["$$slots","$$events","$$legacy","$$host","id","name","label","checked","indeterminate","disabled","isinvalid","indented"]);var x={get id(){return a()},set id(e){a(e),r()},get name(){return c()},set name(e){c(e),r()},get label(){return n()},set label(e){n(e),r()},get checked(){return s()},set checked(e=!1){s(e),r()},get indeterminate(){return m()},set indeterminate(e){m(e),r()},get disabled(){return v()},set disabled(e){v(e),r()},get isinvalid(){return o()},set isinvalid(e){o(e),r()},get indented(){return f()},set indented(e){f(e),r()}},l=J(),k=u(l);F(k,()=>({id:a(),type:"checkbox",class:["mc-checkbox__input",o()&&"is-invalid"],"aria-invalid":o(),name:c(),disabled:v(),indeterminate:m(),...w}),void 0,void 0,void 0,"svelte-zknfk3",!0);var z=B(k,2);{var E=e=>{var d=I(),C=u(d,!0);_(d),g(()=>{S(d,"for",a()),L(C,n())}),b(e,d)};D(z,e=>{n()&&e(E)})}return _(l),g(()=>V(l,1,j(["mc-checkbox",f()&&"mc-checkbox--indented"]),"svelte-zknfk3")),A(k,s),b(h,l),q(x)}customElements.define("m-checkbox",y(N,{checked:{attribute:"checked",reflect:!0,type:"Boolean"},indeterminate:{attribute:"indeterminate",reflect:!0,type:"Boolean"},isinvalid:{attribute:"isinvalid",reflect:!0,type:"Boolean"},disabled:{attribute:"disabled",reflect:!0,type:"Boolean"},indented:{attribute:"indented",reflect:!0,type:"Boolean"},id:{},name:{},label:{}},[],[],{mode:"open"},G));export{N as C};
 //# sourceMappingURL=Checkbox.js.map

package/dist/components/checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../src/components/checkbox/Checkbox.svelte"],"sourcesContent":["<svelte:options\n  customElement={{\n    tag: 'm-checkbox',\n    props: {\n      checked: { reflect: true, type: 'Boolean', attribute: 'checked' },\n      indeterminate: { reflect: true, type: 'Boolean', attribute: 'indeterminate' },\n      isinvalid: { reflect: true, type: 'Boolean', attribute: 'isinvalid' },\n      disabled: { reflect: true, type: 'Boolean', attribute: 'disabled' },\n      indented: { reflect: true, type: 'Boolean', attribute: 'indented' },\n    },\n    extend: customElementForwardEvents,\n  }}\n/>\n\n<script lang=\"ts\">\n  import { customElementForwardEvents } from '../../utils';\n  /**\n   * A checkbox is an interactive component used to select or deselect an option, typically within a list of choices. It allows users to make multiple selections independently and is often accompanied by a label for clarity. Checkboxes are commonly used in forms, filters, settings, and preference selections to provide a simple and intuitive way to enable or disable specific options.\n   */\n  interface Props {\n    [key: string]: any;\n    /**\n     * A unique identifier for the checkbox, used to associate the label with the form element.\n     */\n    id: string;\n    /**\n     * The name attribute for the checkbox element, typically used for form submission.\n     */\n    name?: string;\n    /**\n     * The text label displayed next to the checkbox.\n     */\n    label?: string;\n    /**\n     * The checkbox's checked state.\n     */\n    checked?: boolean;\n    /**\n     * Sets the checkbox to an indeterminate state (partially selected).\n     */\n    indeterminate?: boolean;\n    /**\n     * If `true`, applies an invalid state to the checkbox.\n     */\n    isinvalid?: boolean;\n    /**\n     * If `true`, disables the checkbox, making it non-interactive.\n     */\n    disabled?: boolean;\n    /**\n     * If `true`, indent the checkbox.\n     */\n    indented?: boolean;\n  }\n\n  let {\n    id,\n    name,\n    label,\n    checked = $bindable(false),\n    indeterminate,\n    disabled,\n    isinvalid,\n    indented,\n    ...attrs\n  }: Props = $props();\n</script>\n\n<div class={['mc-checkbox', indented && 'mc-checkbox--indented']}>\n  <input\n    {id}\n    type=\"checkbox\"\n    class={['mc-checkbox__input', isinvalid && 'is-invalid']}\n    aria-invalid={isinvalid}\n    {name}\n    {disabled}\n    {indeterminate}\n    bind:checked\n    {...attrs}\n  />\n  {#if label}\n    <label for={id} class=\"mc-checkbox__label\">{label}</label>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/checkbox';\n  @use '@mozaic-ds/styles/components/field';\n</style>\n"],"names":["id","$.prop","$$props","name","label","checked","indeterminate","disabled","isinvalid","indented","attrs","$.rest_props","div","root","input","$.child","node","$.sibling","label_1","root_1","$.set_attribute","$$render","consequent","$.template_effect","$.set_class","$.clsx","$.bind_checked","customElementForwardEvents"],"mappings":";;;;;;;;0DAcA,oBA0CIA,EAAEC,EAAAC,EAAA,KAAA,CAAA,EACFC,EAAIF,EAAAC,EAAA,OAAA,CAAA,EACJE,EAAKH,EAAAC,EAAA,QAAA,CAAA,EACLG,mBAAoB,EAAK,EACzBC,EAAaL,EAAAC,EAAA,gBAAA,CAAA,EACbK,EAAQN,EAAAC,EAAA,WAAA,CAAA,EACRM,EAASP,EAAAC,EAAA,YAAA,CAAA,EACTO,EAAQR,EAAAC,EAAA,WAAA,CAAA,EACLQ,EAAAC,EAAAT,EAAA,gTALiB,GAAK,4OAS5BU,EAAGC,EAAA,EACDC,EAAAC,EADFH,CAAG,IACDE,WACEd,EAAE,yBAEK,qBAAsBQ,EAAS,GAAI,YAAY,iBACzCA,EAAS,OACtBL,EAAI,WACJI,EAAQ,gBACRD,EAAa,KAEVI,6CATL,IAAAM,EAAAC,EAAAH,EAAA,CAAA,iBAYEI,EAAKC,EAAA,MAALD,EAAK,EAAA,IAALA,CAAK,SAALE,EAAAF,QAAWlB,GAAE,MAA8BI,GAAK,QAAhDc,CAAK,WADHd,EAAK,GAAAiB,EAAAC,CAAA,aAZXV,CAAG,EAAHW,EAAA,IAAAC,EAAAZ,EAAG,EAAAa,EAAA,CAAS,cAAehB,EAAQ,GAAI,uBAAuB,CAAA,EAAA,eAAA,CAAA,EAC5DiB,EAAAZ,EAAAT,CAAA,MADFO,CAAG,MAFI,sXAxDIe"}
+{"version":3,"file":"Checkbox.js","sources":["../../../src/components/checkbox/Checkbox.svelte"],"sourcesContent":["<svelte:options\n  customElement={{\n    tag: 'm-checkbox',\n    props: {\n      checked: { reflect: true, type: 'Boolean', attribute: 'checked' },\n      indeterminate: { reflect: true, type: 'Boolean', attribute: 'indeterminate' },\n      isinvalid: { reflect: true, type: 'Boolean', attribute: 'isinvalid' },\n      disabled: { reflect: true, type: 'Boolean', attribute: 'disabled' },\n      indented: { reflect: true, type: 'Boolean', attribute: 'indented' },\n    },\n    extend: customElementForwardEvents,\n  }}\n/>\n\n<script lang=\"ts\">\n  import { customElementForwardEvents } from '../../utils';\n  /**\n   * A checkbox is an interactive component used to select or deselect an option, typically within a list of choices. It allows users to make multiple selections independently and is often accompanied by a label for clarity. Checkboxes are commonly used in forms, filters, settings, and preference selections to provide a simple and intuitive way to enable or disable specific options.\n   */\n  interface Props {\n    [key: string]: any;\n    /**\n     * A unique identifier for the checkbox, used to associate the label with the form element.\n     */\n    id: string;\n    /**\n     * The name attribute for the checkbox element, typically used for form submission.\n     */\n    name?: string;\n    /**\n     * The text label displayed next to the checkbox.\n     */\n    label?: string;\n    /**\n     * The checkbox's checked state.\n     */\n    checked?: boolean;\n    /**\n     * Sets the checkbox to an indeterminate state (partially selected).\n     */\n    indeterminate?: boolean;\n    /**\n     * If `true`, applies an invalid state to the checkbox.\n     */\n    isinvalid?: boolean;\n    /**\n     * If `true`, disables the checkbox, making it non-interactive.\n     */\n    disabled?: boolean;\n    /**\n     * If `true`, indent the checkbox.\n     */\n    indented?: boolean;\n  }\n\n  let {\n    id,\n    name,\n    label,\n    checked = $bindable(false),\n    indeterminate,\n    disabled,\n    isinvalid,\n    indented,\n    ...attrs\n  }: Props = $props();\n</script>\n\n<div class={['mc-checkbox', indented && 'mc-checkbox--indented']}>\n  <input\n    {id}\n    type=\"checkbox\"\n    class={['mc-checkbox__input', isinvalid && 'is-invalid']}\n    aria-invalid={isinvalid}\n    {name}\n    {disabled}\n    {indeterminate}\n    bind:checked\n    {...attrs}\n  />\n  {#if label}\n    <label for={id} class=\"mc-checkbox__label\">{label}</label>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/checkbox';\n  @use '@mozaic-ds/styles/components/field';\n</style>\n"],"names":["id","$.prop","$$props","name","label","checked","indeterminate","disabled","isinvalid","indented","attrs","$.rest_props","div","root","input","$.child","node","$.sibling","label_1","root_1","$.set_attribute","$$render","consequent","$.template_effect","$.set_class","$.clsx","$.bind_checked","customElementForwardEvents"],"mappings":";;;;;;;;0DAcA,oBA0CIA,EAAEC,EAAAC,EAAA,KAAA,CAAA,EACFC,EAAIF,EAAAC,EAAA,OAAA,CAAA,EACJE,EAAKH,EAAAC,EAAA,QAAA,CAAA,EACLG,mBAAoB,EAAK,EACzBC,EAAaL,EAAAC,EAAA,gBAAA,CAAA,EACbK,EAAQN,EAAAC,EAAA,WAAA,CAAA,EACRM,EAASP,EAAAC,EAAA,YAAA,CAAA,EACTO,EAAQR,EAAAC,EAAA,WAAA,CAAA,EACLQ,EAAAC,EAAAT,EAAA,gTALiB,GAAK,4OAS5BU,EAAGC,EAAA,EACDC,EAAAC,EADFH,CAAG,IACDE,WACEd,EAAE,yBAEK,qBAAsBQ,EAAS,GAAI,YAAY,iBACzCA,EAAS,OACtBL,EAAI,WACJI,EAAQ,gBACRD,EAAa,KAEVI,6CATL,IAAAM,EAAAC,EAAAH,EAAA,CAAA,iBAYEI,EAAKC,EAAA,MAALD,EAAK,EAAA,IAALA,CAAK,SAALE,EAAAF,QAAWlB,GAAE,MAA8BI,GAAK,QAAhDc,CAAK,WADHd,EAAK,GAAAiB,EAAAC,CAAA,aAZXV,CAAG,EAAHW,EAAA,IAAAC,EAAAZ,EAAG,EAAAa,EAAA,CAAS,cAAehB,EAAQ,GAAI,uBAAuB,CAAA,EAAA,eAAA,CAAA,EAC5DiB,EAAAZ,EAAAT,CAAA,MADFO,CAAG,MAFI,iYAxDIe"}