@mozaic-ds/web-components 1.6.0 → 1.8.0

package/dist/components/avatar/Avatar.js

@@ -1,4 +1,4 @@
-import{c as d,e as l,a as m,p as c,b as v,d as f,f as h,n as u,j as g,i as b,r as p}from"../../custom-element.js";import{s as w}from"../../slot.js";import{a as z}from"../../attributes.js";var y=h("<div><!></div>");const _={hash:"svelte-1g4aw6b",code:`/**
+import{c as l,e as d,a as m,p as c,b as v,d as f,f as h,l as u,h as g,m as b,r as p}from"../../custom-element.js";import{s as w}from"../../slot.js";import{a as z}from"../../attributes.js";var y=h("<div><!></div>");const _={hash:"svelte-1g4aw6b",code:`/**
  * Do not edit directly, this file was auto-generated.
- */.mc-avatar.svelte-1g4aw6b {display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;overflow:hidden;border-radius:var(--border-radius-full, 100%);background:var(--color-background-secondary, #eff1f6);color:var(--color-text-secondary, #404040);font-size:var(--font-size-50, 0.75rem);font-weight:var(--font-weight-semi-bold, 600);text-transform:uppercase;}.mc-avatar--m.svelte-1g4aw6b {width:3rem;height:3rem;font-size:var(--font-size-200, 1.125rem);}.mc-avatar--l.svelte-1g4aw6b {width:4rem;height:4rem;font-size:var(--font-size-300, 1.5rem);}.svelte-1g4aw6b::slotted(img) {display:block;width:100%;height:100%;object-fit:contain;}`};function $(s,e){l(e,!0),m(s,_);let t=c(e,"size",7,"s"),r=u(e,["$$slots","$$events","$$legacy","$$host","size"]);var o={get size(){return t()},set size(n="s"){t(n),b()}},a=y();z(a,()=>({class:["mc-avatar",t()&&`mc-avatar--${t()}`],...r}),void 0,void 0,void 0,"svelte-1g4aw6b");var i=g(a);return w(i,e,"default",{},null),p(a),v(s,a),f(o)}customElements.define("m-avatar",d($,{size:{}},["default"],[],{mode:"open"}));
+ */.mc-avatar.svelte-1g4aw6b {display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;overflow:hidden;border-radius:var(--border-radius-full, 100%);background:var(--color-background-secondary, #eff1f6);color:var(--color-text-secondary, #404040);font-size:var(--font-size-50, 0.75rem);font-weight:var(--font-weight-semi-bold, 600);text-transform:uppercase;}.mc-avatar--m.svelte-1g4aw6b {width:3rem;height:3rem;font-size:var(--font-size-200, 1.125rem);}.mc-avatar--l.svelte-1g4aw6b {width:4rem;height:4rem;font-size:var(--font-size-300, 1.5rem);}.svelte-1g4aw6b::slotted(img) {display:block;width:100%;height:100%;object-fit:contain;}`};function $(s,e){d(e,!0),m(s,_);let t=c(e,"size",7,"s"),r=u(e,["$$slots","$$events","$$legacy","$$host","size"]);var o={get size(){return t()},set size(n="s"){t(n),b()}},a=y();z(a,()=>({class:["mc-avatar",t()&&`mc-avatar--${t()}`],...r}),void 0,void 0,void 0,"svelte-1g4aw6b");var i=g(a);return w(i,e,"default",{},null),p(a),v(s,a),f(o)}customElements.define("m-avatar",l($,{size:{}},["default"],[],{mode:"open"}));
 //# sourceMappingURL=Avatar.js.map

package/dist/components/breadcrumb/Breadcrumb.js

@@ -1,6 +1,6 @@
-import{c as B,e as C,a as L,p as f,b as _,d as D,f as g,n as E,j as s,i as p,r as l,k as R,t as S,h as q,l as h,s as A,m as F}from"../../custom-element.js";import{i as G}from"../../if.js";import{e as H,i as I}from"../../each.js";import{a as J,s as k}from"../../attributes.js";import{z as K}from"../../Condition20.js";import"../../branches.js";var M=g('<li class="mc-breadcrumb__item svelte-1ihiex7"><a><!> <span class="mc-link__label svelte-1ihiex7"> </span></a></li>'),N=g('<nav><ol class="mc-breadcrumb__container svelte-1ihiex7"></ol></nav>');const O={hash:"svelte-1ihiex7",code:`/**
+import{c as B,e as C,a as L,p as f,b as _,d as D,f as g,l as E,h as s,m as p,s as F,r as l,t as R,n as S,i as h,j as q,k as A}from"../../custom-element.js";import{i as G}from"../../if.js";import{e as H,i as I}from"../../each.js";import{a as J,s as k}from"../../attributes.js";import{F as K}from"../../Condition20.js";import"../../branches.js";var M=g('<li class="mc-breadcrumb__item svelte-1ihiex7"><a><!> <span class="mc-link__label svelte-1ihiex7"> </span></a></li>'),N=g('<nav><ol class="mc-breadcrumb__container svelte-1ihiex7"></ol></nav>');const O={hash:"svelte-1ihiex7",code:`/**
  * Do not edit directly, this file was auto-generated.
  */.mc-breadcrumb.svelte-1ihiex7 {color:var(--breadcrumb-color-text-standard, #000000);}.mc-breadcrumb__container.svelte-1ihiex7 {list-style-type:none;padding-inline-start:0;margin-block:0;display:flex;flex-wrap:wrap;gap:0.25rem;}.mc-breadcrumb__item.svelte-1ihiex7 {background-position:left center;background-repeat:no-repeat;}
 @media screen and (max-width: 679px) {.mc-breadcrumb__item.svelte-1ihiex7:nth-last-child(2) .mc-link__icon:where(.svelte-1ihiex7) {transform:rotate(180deg);}.mc-breadcrumb__item.svelte-1ihiex7:not(:nth-last-child(2)) {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}
-}.mc-breadcrumb__current.svelte-1ihiex7, .mc-breadcrumb__current.mc-link.svelte-1ihiex7 {cursor:default;text-decoration:none;}.mc-breadcrumb__current.svelte-1ihiex7, .mc-breadcrumb__current.svelte-1ihiex7:active, .mc-breadcrumb__current.svelte-1ihiex7:focus, .mc-breadcrumb__current.svelte-1ihiex7:hover, .mc-breadcrumb__current.svelte-1ihiex7:visited, .mc-breadcrumb__current.mc-link.svelte-1ihiex7, .mc-breadcrumb__current.mc-link.svelte-1ihiex7:active, .mc-breadcrumb__current.mc-link.svelte-1ihiex7:focus, .mc-breadcrumb__current.mc-link.svelte-1ihiex7:hover, .mc-breadcrumb__current.mc-link.svelte-1ihiex7:visited {color:currentcolor;}.mc-breadcrumb--inverse.svelte-1ihiex7 {color:var(--breadcrumb-color-text-inverse, #ffffff);}.mc-link.svelte-1ihiex7 {transition:box-shadow 200ms ease;display:inline-flex;align-items:center;justify-content:center;gap:0.25rem;min-height:1.5rem;text-decoration:none;color:var(--link-color-text-primary, #000000);font-size:0.875rem;}.mc-link__label.svelte-1ihiex7 {line-height:1.3;}.mc-link__icon.svelte-1ihiex7 {display:block;height:1.25rem;width:1.25rem;flex-shrink:0;fill:currentcolor;}.mc-link.svelte-1ihiex7:hover:not(.mc-link--stand-alone, .mc-link--inline) .mc-link__label:where(.svelte-1ihiex7) {text-decoration:underline;}.mc-link.svelte-1ihiex7:focus {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-link--m.svelte-1ihiex7 {min-height:2rem;font-size:1rem;}.mc-link--secondary.svelte-1ihiex7 {color:var(--link-color-text-secondary, #666666);}.mc-link--accent.svelte-1ihiex7 {color:var(--link-color-text-accent, #117f03);}.mc-link--inverse.svelte-1ihiex7 {--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--link-color-text-inverse, #ffffff);}.mc-link--stand-alone.svelte-1ihiex7 {min-height:2rem;font-weight:var(--link-font-weight, 600);}.mc-link--stand-alone.svelte-1ihiex7 .mc-link__label:where(.svelte-1ihiex7) {border-bottom:var(--border-width-s, 0.0625rem) solid currentColor;}.mc-link--stand-alone.svelte-1ihiex7:hover .mc-link__label:where(.svelte-1ihiex7) {border-color:transparent;}.mc-link--inline.svelte-1ihiex7 {font-weight:inherit;text-decoration:underline;}.mc-link--inline.svelte-1ihiex7 .mc-link__label:where(.svelte-1ihiex7) {line-height:1;}.mc-link--inline.svelte-1ihiex7:hover {text-decoration:none;}`};function P(d,n){C(n,!0),L(d,O);let i=f(n,"appearance",7,"standard"),a=f(n,"links",7),w=E(n,["$$slots","$$events","$$legacy","$$host","appearance","links"]);const y=e=>e===a().length-1;var $={get appearance(){return i()},set appearance(e="standard"){i(e),p()},get links(){return a()},set links(e){a(e),p()}},c=N();J(c,()=>({class:`mc-breadcrumb mc-breadcrumb--${i()}`,"aria-label":"Breadcrumb",...w}),void 0,void 0,void 0,"svelte-1ihiex7");var v=s(c);return H(v,21,a,I,(e,o,u)=>{var m=M(),r=s(m),b=s(r);{var z=t=>{K(t,{class:"mc-link__icon"})};G(b,t=>{u!==0&&t(z)})}var x=R(b,2),j=s(x,!0);l(x),l(r),l(m),S(t=>{k(r,"href",h(o).href),k(r,"target",h(o).target),A(r,1,t,"svelte-1ihiex7"),F(j,h(o).label)},[()=>q(["mc-link","mc-link--m","mc-link--inline",i()&&`mc-link--${i()}`,y(u)&&"mc-breadcrumb__current"])]),_(e,m)}),l(v),l(c),_(d,c),D($)}customElements.define("m-breadcrumb",B(P,{appearance:{},links:{}},[],[],{mode:"open"}));
+}.mc-breadcrumb__current.svelte-1ihiex7, .mc-breadcrumb__current.mc-link.svelte-1ihiex7 {cursor:default;text-decoration:none;}.mc-breadcrumb__current.svelte-1ihiex7, .mc-breadcrumb__current.svelte-1ihiex7:active, .mc-breadcrumb__current.svelte-1ihiex7:focus, .mc-breadcrumb__current.svelte-1ihiex7:hover, .mc-breadcrumb__current.svelte-1ihiex7:visited, .mc-breadcrumb__current.mc-link.svelte-1ihiex7, .mc-breadcrumb__current.mc-link.svelte-1ihiex7:active, .mc-breadcrumb__current.mc-link.svelte-1ihiex7:focus, .mc-breadcrumb__current.mc-link.svelte-1ihiex7:hover, .mc-breadcrumb__current.mc-link.svelte-1ihiex7:visited {color:currentcolor;}.mc-breadcrumb--inverse.svelte-1ihiex7 {color:var(--breadcrumb-color-text-inverse, #ffffff);}.mc-link.svelte-1ihiex7 {transition:box-shadow 200ms ease;display:inline-flex;align-items:center;justify-content:center;gap:0.25rem;min-height:1.5rem;text-decoration:none;color:var(--link-color-text-primary, #000000);font-size:0.875rem;}.mc-link__label.svelte-1ihiex7 {line-height:1.3;}.mc-link__icon.svelte-1ihiex7 {display:block;height:1.25rem;width:1.25rem;flex-shrink:0;fill:currentcolor;}.mc-link.svelte-1ihiex7:hover:not(.mc-link--stand-alone, .mc-link--inline) .mc-link__label:where(.svelte-1ihiex7) {text-decoration:underline;}.mc-link.svelte-1ihiex7:focus {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-link--m.svelte-1ihiex7 {min-height:2rem;font-size:1rem;}.mc-link--secondary.svelte-1ihiex7 {color:var(--link-color-text-secondary, #666666);}.mc-link--accent.svelte-1ihiex7 {color:var(--link-color-text-accent, #117f03);}.mc-link--inverse.svelte-1ihiex7 {--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--link-color-text-inverse, #ffffff);}.mc-link--stand-alone.svelte-1ihiex7 {min-height:2rem;font-weight:var(--link-font-weight, 600);}.mc-link--stand-alone.svelte-1ihiex7 .mc-link__label:where(.svelte-1ihiex7) {border-bottom:var(--border-width-s, 0.0625rem) solid currentColor;}.mc-link--stand-alone.svelte-1ihiex7:hover .mc-link__label:where(.svelte-1ihiex7) {border-color:transparent;}.mc-link--inline.svelte-1ihiex7 {font-weight:inherit;text-decoration:underline;}.mc-link--inline.svelte-1ihiex7 .mc-link__label:where(.svelte-1ihiex7) {line-height:1;}.mc-link--inline.svelte-1ihiex7:hover {text-decoration:none;}`};function P(d,n){C(n,!0),L(d,O);let i=f(n,"appearance",7,"standard"),a=f(n,"links",7),w=E(n,["$$slots","$$events","$$legacy","$$host","appearance","links"]);const y=e=>e===a().length-1;var $={get appearance(){return i()},set appearance(e="standard"){i(e),p()},get links(){return a()},set links(e){a(e),p()}},c=N();J(c,()=>({class:`mc-breadcrumb mc-breadcrumb--${i()}`,"aria-label":"Breadcrumb",...w}),void 0,void 0,void 0,"svelte-1ihiex7");var v=s(c);return H(v,21,a,I,(e,o,u)=>{var m=M(),r=s(m),b=s(r);{var j=t=>{K(t,{class:"mc-link__icon"})};G(b,t=>{u!==0&&t(j)})}var x=F(b,2),z=s(x,!0);l(x),l(r),l(m),R(t=>{k(r,"href",h(o).href),k(r,"target",h(o).target),q(r,1,t,"svelte-1ihiex7"),A(z,h(o).label)},[()=>S(["mc-link","mc-link--m","mc-link--inline",i()&&`mc-link--${i()}`,y(u)&&"mc-breadcrumb__current"])]),_(e,m)}),l(v),l(c),_(d,c),D($)}customElements.define("m-breadcrumb",B(P,{appearance:{},links:{}},[],[],{mode:"open"}));
 //# sourceMappingURL=Breadcrumb.js.map

package/dist/components/builtinmenu/BuiltInMenu.js

@@ -1,4 +1,4 @@
-import{c as v,e as b,a as f,p as r,t as p,b as _,d as x,f as g,j as u,i as d,r as c,s as h,h as y}from"../../custom-element.js";import{s as k}from"../../slot.js";var w=g('<nav aria-label="menu"><ul class="mc-built-in-menu__list svelte-9dcxnv"><!></ul></nav>');const B={hash:"svelte-9dcxnv",code:`/**
+import{c as v,e as b,a as f,p as r,t as p,j as _,n as x,b as g,d as h,f as y,h as u,m as d,r as c}from"../../custom-element.js";import{s as k}from"../../slot.js";var w=y('<nav aria-label="menu"><ul class="mc-built-in-menu__list svelte-9dcxnv"><!></ul></nav>');const B={hash:"svelte-9dcxnv",code:`/**
  * Do not edit directly, this file was auto-generated.
- */.mc-built-in-menu.svelte-9dcxnv {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-9dcxnv {border:1px solid var(--color-border-primary, #cccccc);}.mc-built-in-menu__list.svelte-9dcxnv {list-style:none;margin:0;padding:0;}`};function j(s,e){b(e,!0),f(s,B);let i=r(e,"selected",15),n=r(e,"outlined",7);var o={get selected(){return i()},set selected(l){i(l),d()},get outlined(){return n()},set outlined(l){n(l),d()}},t=w(),a=u(t),m=u(a);return k(m,e,"item",{},null),c(a),c(t),p(()=>h(t,1,y({"mc-built-in-menu":!0,"mc-built-in-menu--outlined":n()}),"svelte-9dcxnv")),_(s,t),x(o)}customElements.define("m-built-in-menu",v(j,{outlined:{attribute:"outlined",reflect:!0,type:"Boolean"},selected:{}},["item"],[],{mode:"open"}));
+ */.mc-built-in-menu.svelte-9dcxnv {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-9dcxnv {border:1px solid var(--color-border-primary, #cccccc);}.mc-built-in-menu__list.svelte-9dcxnv {list-style:none;margin:0;padding:0;}`};function j(s,e){b(e,!0),f(s,B);let i=r(e,"selected",15),n=r(e,"outlined",7);var o={get selected(){return i()},set selected(l){i(l),d()},get outlined(){return n()},set outlined(l){n(l),d()}},t=w(),a=u(t),m=u(a);return k(m,e,"item",{},null),c(a),c(t),p(()=>_(t,1,x({"mc-built-in-menu":!0,"mc-built-in-menu--outlined":n()}),"svelte-9dcxnv")),g(s,t),h(o)}customElements.define("m-built-in-menu",v(j,{outlined:{attribute:"outlined",reflect:!0,type:"Boolean"},selected:{}},["item"],[],{mode:"open"}));
 //# sourceMappingURL=BuiltInMenu.js.map

package/dist/components/builtinmenuitem/BuiltInMenuItem.js

@@ -1,8 +1,8 @@
-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:`/**
+import{c as I,e as C,a as D,p as n,i as v,x as E,s as g,t as F,k as M,b as f,h,d as N,f as k,w as R,m as i,r as p}from"../../custom-element.js";import{s as S}from"../../slot.js";import{e as T}from"../../svelte-element.js";import{a as w}from"../../attributes.js";import{F as q}from"../../Condition20.js";import"../../branches.js";var A=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;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"}));
+  /* 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 T(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=A(),_=E(b);S(_,t,"icon",{},null);var c=g(_,2),z=h(c,!0);p(c);var B=g(c,2);q(B,{className:"mc-built-in-menu__icon"}),F(()=>M(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/button/Button.js

@@ -1,4 +1,4 @@
-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:`/**
+import{c as I,e as J,a as K,p as n,s as v,b as d,d as M,f as s,l as N,h as b,m as a,t as O,j as P,n as Q,r as u}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;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};

package/dist/components/callout/Callout.js

@@ -1,4 +1,4 @@
-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:`/**
+import{c as D,e as E,a as S,p as d,s as r,t as j,k as h,b as q,d as A,f as B,l as F,h as t,m,r as l}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 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"}));
+ */.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){E(e,!0),S(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),m()},get description(){return c()},set description(a){c(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),C=t(b);return u(C,e,"footer",{},null),l(b),l(_),l(o),j(()=>{h(y,s()),h(z,c())}),q(p,o),A(k)}customElements.define("m-callout",D(J,{title:{},description:{},appearance:{}},["icon","default","footer"],[],{mode:"open"}));
 //# sourceMappingURL=Callout.js.map

package/dist/components/carousel/Carousel.js

@@ -1,4 +1,4 @@
-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:`/**
+import{c as D,e as G,a as N,p as z,B as R,s as g,i as t,b as T,d as V,f as H,l as J,h as a,w as j,m as y,v as K,r as n,q as M}from"../../custom-element.js";import{s as A}from"../../slot.js";import{a as Q}from"../../attributes.js";import{b as U}from"../../this.js";import{I as B}from"../iconbutton/IconButton.js";import{G as W,F 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;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"}));
+ */.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){G(s,!0),N(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)}R(()=>{if(l)return v=new IntersectionObserver(e=>{const i=e.find(_=>_.isIntersecting);if(i){const _=o();M(r,_.findIndex(S=>S===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);A(P,s,"header",{},null),n(f);var b=g(f,2),x=a(b);B(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 F=g(x,2);B(F,{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),O=a(h);return A(O,s,"default",{},null),n(h),U(h,e=>l=e,()=>l),n(c),T(p,c),V(E)}customElements.define("m-carousel",D(ee,{previousButtonAriaLabel:{},nextButtonAriaLabel:{}},["header","default"],[],{mode:"open"}));
 //# sourceMappingURL=Carousel.js.map

package/dist/components/checkbox/Checkbox.js

@@ -1,4 +1,4 @@
-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:`/**
+import{c as y,e as M,a as Z,p as i,s as B,t as g,j as q,n as H,b,d as L,f as p,l as V,h as u,m as r,r as _,k 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;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);}
@@ -6,5 +6,5 @@ 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
 /* 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-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,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};
+/* 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=V(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()),j(C,n())}),b(e,d)};D(z,e=>{n()&&e(E)})}return _(l),g(()=>q(l,1,H(["mc-checkbox",f()&&"mc-checkbox--indented"]),"svelte-zknfk3")),A(k,s),b(h,l),L(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/checkboxgroup/CheckboxGroup.js

@@ -1,4 +1,4 @@
-import{c as q,e as H,a as L,p as l,g as V,b as u,d as j,f as p,n as A,i as o,r as _,j as x,k as D,l as t,t as E,s as F,h as G,m as S}from"../../custom-element.js";import{i as I}from"../../if.js";import{e as J}from"../../each.js";import{a as K,r as N,s as v}from"../../attributes.js";import{b as O}from"../../input.js";import{c as P}from"../../custom-element-forward-events.js";import"../../branches.js";var Q=p('<label class="mc-checkbox__label svelte-11asba7"> </label>'),R=p('<div class="mc-checkbox mc-field__item svelte-11asba7"><input type="checkbox"/> <!></div>'),T=p("<div></div>");const U={hash:"svelte-11asba7",code:`/**
+import{c as q,e as H,a as L,p as l,g as V,b as u,d as j,f as p,l as A,m as o,h as x,s as D,i as t,r as _,t as E,j as F,n as G,k as S}from"../../custom-element.js";import{i as I}from"../../if.js";import{e as J}from"../../each.js";import{a as K,r as N,s as v}from"../../attributes.js";import{b as O}from"../../input.js";import{c as P}from"../../custom-element-forward-events.js";import"../../branches.js";var Q=p('<label class="mc-checkbox__label svelte-11asba7"> </label>'),R=p('<div class="mc-checkbox mc-field__item svelte-11asba7"><input type="checkbox"/> <!></div>'),T=p("<div></div>");const U={hash:"svelte-11asba7",code:`/**
  * Do not edit directly, this file was auto-generated.
  */
 /* stylelint-disable string-no-newline */.mc-checkbox.svelte-11asba7 {align-items:center;display:flex;gap:0.5rem;padding:0.375rem;}.mc-checkbox--indented.svelte-11asba7 {margin-left:1.75rem;}.mc-checkbox__label.svelte-11asba7 {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-11asba7 {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-11asba7::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-11asba7:hover {border-color:var(--forms-color-border-hover, #4d4d4d);}.mc-checkbox__input.svelte-11asba7: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-11asba7: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-11asba7: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-11asba7:checked, .mc-checkbox__input.svelte-11asba7:indeterminate {background-color:var(--forms-color-background-checked, #117f03);background-size:1rem 1rem;background-position:center;}.mc-checkbox__input.svelte-11asba7:checked, .mc-checkbox__input.svelte-11asba7:indeterminate, .mc-checkbox__input.svelte-11asba7:disabled {border-color:transparent;}.mc-checkbox__input.svelte-11asba7:disabled {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;}.mc-checkbox__input.svelte-11asba7:disabled:checked::after {background-color:var(--forms-color-icon-disabled, #737373);}.mc-checkbox__input.svelte-11asba7:disabled:indeterminate::after {background-color:var(--forms-color-icon-disabled, #737373);}.mc-checkbox__input.svelte-11asba7:disabled + .mc-checkbox__label:where(.svelte-11asba7) {color:var(--forms-color-text-disabled, #737373);cursor:not-allowed;}.mc-checkbox__input.svelte-11asba7:not(:disabled):checked:hover, .mc-checkbox__input.svelte-11asba7:not(:disabled):indeterminate:hover {background-color:var(--forms-color-background-checked-hover, #006902);}.mc-checkbox__input.is-invalid.svelte-11asba7:not(:checked, :indeterminate) {border-color:var(--forms-color-border-invalid, #ea302d);}.mc-checkbox__input.is-invalid.svelte-11asba7:not(:checked, :indeterminate):hover {border-color:var(--forms-color-border-invalid-hover, #c61112);}

package/dist/components/checklistmenu/CheckListMenu.js

@@ -1,4 +1,4 @@
-import{o as j,c as B,e as D,a as E,p as f,t,b as p,d as F,f as v,i as h,r as b,l as o,j as g,u as L,w as M,s as N,h as S}from"../../custom-element.js";import{i as q}from"../../if.js";import{e as A,i as G}from"../../each.js";import{g as s}from"../../attributes.js";import{i as H}from"../../Condition20.js";import"../builtinmenu/BuiltInMenu.js";import"../builtinmenuitem/BuiltInMenuItem.js";import"../../branches.js";import"../../slot.js";import"../../svelte-element.js";var I=v('<span slot="icon"><!></span>'),J=v("<m-built-in-menu-item><!></m-built-in-menu-item>",2),K=v("<m-built-in-menu></m-built-in-menu>",2);const O={hash:"svelte-1k60ooz",code:`/**
+import{o as j,c as B,e as D,a as E,p as f,t,b as p,d as F,f as v,m as h,i as o,h as g,r as b,u as L,w as M,j as N,n as S}from"../../custom-element.js";import{i as q}from"../../if.js";import{e as A,i as G}from"../../each.js";import{g as s}from"../../attributes.js";import{i as H}from"../../Condition20.js";import"../builtinmenu/BuiltInMenu.js";import"../builtinmenuitem/BuiltInMenuItem.js";import"../../branches.js";import"../../slot.js";import"../../svelte-element.js";var I=v('<span slot="icon"><!></span>'),J=v("<m-built-in-menu-item><!></m-built-in-menu-item>",2),K=v("<m-built-in-menu></m-built-in-menu>",2);const O={hash:"svelte-1k60ooz",code:`/**
  * Do not edit directly, this file was auto-generated.
  */.mc-check-list-menu__icon.svelte-1k60ooz {fill:var(--built-in-menu-color-text-default, #404040);}.mc-check-list-menu__icon--selected.svelte-1k60ooz {fill:var(--built-in-menu-color-text-selected, #006902);}`};function P(k,a){D(a,!0),E(k,O);let i=f(a,"selected",15),m=f(a,"items",7),u=f(a,"outlined",7);var y={get selected(){return i()},set selected(l){i(l),h()},get items(){return m()},set items(l){m(l),h()},get outlined(){return u()},set outlined(l){u(l),h()}},n=K();return t(()=>s(n,"selected",i())),t(()=>s(n,"outlined",u())),A(n,21,m,G,(l,r,d)=>{const z=M(()=>o(r).href?"a":"button");var e=J();s(e,"slot","item"),t(()=>s(e,"label",o(r).label)),t(()=>s(e,"href",o(r).href)),t(()=>s(e,"target",o(r).target)),t(()=>s(e,"selected",i()===d)),t(()=>s(e,"role",o(z)==="button"?"menuitem":void 0));var x=g(e);{var C=_=>{var c=I(),w=g(c);H(w,{}),b(c),t(()=>N(c,1,S({"mc-check-list-menu__icon":!0,"mc-check-list-menu__icon--selected":i()===d}),"svelte-1k60ooz")),p(_,c)};q(x,_=>{o(r).checked&&_(C)})}b(e),L("click",e,()=>i(d)),p(l,e)}),b(n),p(k,n),F(y)}j(["click"]);customElements.define("m-check-list-menu",B(P,{selected:{attribute:"selected",reflect:!0,type:"Number"},outlined:{attribute:"outlined",reflect:!0,type:"Boolean"},items:{}},[],[],{mode:"open"}));
 //# sourceMappingURL=CheckListMenu.js.map

package/dist/components/circularprogressbar/CircularProgressbar.js

@@ -1,6 +1,6 @@
-import{c as S,e as V,a as q,p as i,k as z,j as a,b as m,d as A,f as g,n as F,i as l,t as f,r as t,aV as G,m as h}from"../../custom-element.js";import{i as w}from"../../if.js";import{a as H}from"../../attributes.js";import"../../branches.js";var I=g('<div class="mc-circular-progressbar__percentage svelte-oy9ecz"><p class="mc-circular-progressbar__value svelte-oy9ecz"> </p> <p class="mc-circular-progressbar__unit svelte-oy9ecz">%</p></div>'),J=g('<p class="mc-circular-progressbar__text svelte-oy9ecz"> </p>'),K=g('<div class="mc-circular-progressbar__content svelte-oy9ecz"><p class="mc-circular-progressbar__number svelte-oy9ecz"> </p> <!></div>'),N=g('<div><svg class="mc-circular-progressbar__line svelte-oy9ecz" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 100 100"><circle class="mc-circular-progressbar__track svelte-oy9ecz" cx="50" cy="50" r="46"></circle><circle class="mc-circular-progressbar__indicator svelte-oy9ecz" cx="50" cy="50" r="46"></circle></svg> <!> <!></div>');const O={hash:"svelte-oy9ecz",code:`/**
+import{c as S,e as W,a as q,p as l,s as z,h as a,b as m,d as A,f as g,l as F,m as i,t as f,k as h,r as t,aW as G}from"../../custom-element.js";import{i as w}from"../../if.js";import{a as H}from"../../attributes.js";import"../../branches.js";var I=g('<div class="mc-circular-progressbar__percentage svelte-oy9ecz"><p class="mc-circular-progressbar__value svelte-oy9ecz"> </p> <p class="mc-circular-progressbar__unit svelte-oy9ecz">%</p></div>'),J=g('<p class="mc-circular-progressbar__text svelte-oy9ecz"> </p>'),K=g('<div class="mc-circular-progressbar__content svelte-oy9ecz"><p class="mc-circular-progressbar__number svelte-oy9ecz"> </p> <!></div>'),N=g('<div><svg class="mc-circular-progressbar__line svelte-oy9ecz" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 100 100"><circle class="mc-circular-progressbar__track svelte-oy9ecz" cx="50" cy="50" r="46"></circle><circle class="mc-circular-progressbar__indicator svelte-oy9ecz" cx="50" cy="50" r="46"></circle></svg> <!> <!></div>');const O={hash:"svelte-oy9ecz",code:`/**
  * Do not edit directly, this file was auto-generated.
  */.mc-circular-progressbar.svelte-oy9ecz {--progress-value: 40;font-family:var(--font-family, LeroyMerlin), sans-serif;color:var(--progressbar-color-text, #000000);position:relative;display:inline-block;width:9rem;height:9rem;border-radius:50%;}.mc-circular-progressbar__line.svelte-oy9ecz {transform:rotate(270deg);}.mc-circular-progressbar__track.svelte-oy9ecz, .mc-circular-progressbar__indicator.svelte-oy9ecz {stroke-width:calc(8 / (144 / 100));fill:none;stroke-linecap:round;}.mc-circular-progressbar__track.svelte-oy9ecz {stroke:var(--progressbar-color-background, #c9d0de);}.mc-circular-progressbar__indicator.svelte-oy9ecz {stroke:var(--progressbar-color-indicator, #464e63);stroke-dasharray:289.1428571429;stroke-dashoffset:calc((100 - var(--progress-value)) / 100 * 289.1428571429);transition:stroke-dashoffset 0.3s ease;}.mc-circular-progressbar__content.svelte-oy9ecz {display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;margin:0;top:50%;left:50%;transform:translate(-50%, -50%);}.mc-circular-progressbar__number.svelte-oy9ecz, .mc-circular-progressbar__text.svelte-oy9ecz {white-space:nowrap;text-align:center;line-height:var(--line-height-s, 1.3);margin:0;color:var(--progressbar-color-text, #000000);}.mc-circular-progressbar__number.svelte-oy9ecz {font-size:var(--font-size-300, 1.5rem);}.mc-circular-progressbar__text.svelte-oy9ecz {font-size:var(--font-size-100, 0.875rem);line-height:var(--line-height-s, 1.3);}.mc-circular-progressbar__percentage.svelte-oy9ecz {display:flex;justify-content:center;align-items:center;position:absolute;margin:0;top:50%;left:50%;transform:translate(-50%, -50%);}.mc-circular-progressbar__value.svelte-oy9ecz, .mc-circular-progressbar__unit.svelte-oy9ecz {font-weight:var(--font-weight-semi-bold, 600);line-height:var(--line-height-s, 1.3);color:var(--progressbar-color-text, #000000);}.mc-circular-progressbar__value.svelte-oy9ecz {font-size:var(--font-size-600, 2.5rem);}.mc-circular-progressbar__unit.svelte-oy9ecz {font-size:var(--font-size-300, 1.5rem);}.mc-circular-progressbar--m.svelte-oy9ecz .mc-circular-progressbar__content:where(.svelte-oy9ecz), .mc-circular-progressbar--s.svelte-oy9ecz .mc-circular-progressbar__content:where(.svelte-oy9ecz) {display:none;}.mc-circular-progressbar--m.svelte-oy9ecz .mc-circular-progressbar__percentage:where(.svelte-oy9ecz), .mc-circular-progressbar--s.svelte-oy9ecz .mc-circular-progressbar__percentage:where(.svelte-oy9ecz) {display:none;}.mc-circular-progressbar--m.svelte-oy9ecz::after, .mc-circular-progressbar--s.svelte-oy9ecz::after {display:none;}.mc-circular-progressbar--m.svelte-oy9ecz .mc-circular-progressbar__track:where(.svelte-oy9ecz),
 .mc-circular-progressbar--m.svelte-oy9ecz .mc-circular-progressbar__indicator:where(.svelte-oy9ecz) {stroke-width:calc(4 / (48 / 100));}.mc-circular-progressbar--m.svelte-oy9ecz {width:3rem;height:3rem;}.mc-circular-progressbar--s.svelte-oy9ecz .mc-circular-progressbar__track:where(.svelte-oy9ecz),
-.mc-circular-progressbar--s.svelte-oy9ecz .mc-circular-progressbar__indicator:where(.svelte-oy9ecz) {stroke-width:calc(4 / (32 / 100));transform-origin:center;transform:scale(0.95);}.mc-circular-progressbar--s.svelte-oy9ecz {width:2rem;height:2rem;}`};function Q(x,r){V(r,!0),q(x,O);let n=i(r,"size",7),o=i(r,"value",7,0),v=i(r,"type",7,"percentage"),_=i(r,"contentvalue",7),p=i(r,"additionalinfo",7),j=F(r,["$$slots","$$events","$$legacy","$$host","size","value","type","contentvalue","additionalinfo"]);var C={get size(){return n()},set size(e){n(e),l()},get value(){return o()},set value(e=0){o(e),l()},get type(){return v()},set type(e="percentage"){v(e),l()},get contentvalue(){return _()},set contentvalue(e){_(e),l()},get additionalinfo(){return p()},set additionalinfo(e){p(e),l()}},u=N();H(u,()=>({class:["mc-circular-progressbar",n()&&`mc-circular-progressbar--${n()}`],role:"progressbar","aria-valuenow":o(),"aria-valuemin":"0","aria-valuemax":"100",style:`--progress-value: ${o()};`,...j}),void 0,void 0,void 0,"svelte-oy9ecz");var k=z(a(u),2);{var B=e=>{var s=I(),c=a(s),y=a(c,!0);t(c),G(2),t(s),f(()=>h(y,o())),m(e,s)};w(k,e=>{v()==="percentage"&&e(B)})}var D=z(k,2);{var E=e=>{var s=K(),c=a(s),y=a(c,!0);t(c);var L=z(c,2);{var M=d=>{var b=J(),P=a(b,!0);t(b),f(()=>h(P,p())),m(d,b)};w(L,d=>{p()&&d(M)})}t(s),f(()=>h(y,_())),m(e,s)};w(D,e=>{v()==="content"&&e(E)})}return t(u),m(x,u),A(C)}customElements.define("m-circular-progressbar",S(Q,{size:{},value:{},type:{},contentvalue:{},additionalinfo:{}},[],[],{mode:"open"}));export{Q as C};
+.mc-circular-progressbar--s.svelte-oy9ecz .mc-circular-progressbar__indicator:where(.svelte-oy9ecz) {stroke-width:calc(4 / (32 / 100));transform-origin:center;transform:scale(0.95);}.mc-circular-progressbar--s.svelte-oy9ecz {width:2rem;height:2rem;}`};function Q(x,r){W(r,!0),q(x,O);let n=l(r,"size",7),o=l(r,"value",7,0),v=l(r,"type",7,"percentage"),_=l(r,"contentvalue",7),p=l(r,"additionalinfo",7),j=F(r,["$$slots","$$events","$$legacy","$$host","size","value","type","contentvalue","additionalinfo"]);var C={get size(){return n()},set size(e){n(e),i()},get value(){return o()},set value(e=0){o(e),i()},get type(){return v()},set type(e="percentage"){v(e),i()},get contentvalue(){return _()},set contentvalue(e){_(e),i()},get additionalinfo(){return p()},set additionalinfo(e){p(e),i()}},u=N();H(u,()=>({class:["mc-circular-progressbar",n()&&`mc-circular-progressbar--${n()}`],role:"progressbar","aria-valuenow":o(),"aria-valuemin":"0","aria-valuemax":"100",style:`--progress-value: ${o()};`,...j}),void 0,void 0,void 0,"svelte-oy9ecz");var k=z(a(u),2);{var B=e=>{var s=I(),c=a(s),y=a(c,!0);t(c),G(2),t(s),f(()=>h(y,o())),m(e,s)};w(k,e=>{v()==="percentage"&&e(B)})}var D=z(k,2);{var E=e=>{var s=K(),c=a(s),y=a(c,!0);t(c);var L=z(c,2);{var M=d=>{var b=J(),P=a(b,!0);t(b),f(()=>h(P,p())),m(d,b)};w(L,d=>{p()&&d(M)})}t(s),f(()=>h(y,_())),m(e,s)};w(D,e=>{v()==="content"&&e(E)})}return t(u),m(x,u),A(C)}customElements.define("m-circular-progressbar",S(Q,{size:{},value:{},type:{},contentvalue:{},additionalinfo:{}},[],[],{mode:"open"}));export{Q as C};
 //# sourceMappingURL=CircularProgressbar.js.map

package/dist/components/combobox/Combobox.js

@@ -0,0 +1,4 @@
+import{o as ue,c as ve,e as we,a as fe,p as t,i as a,s as _,y as pe,x as he,b as y,q as k,t as $,j as xe,n as ge,k as ee,u as oe,d as _e,f as N,v as z,w as J,h as s,m as r,r as i}from"../../custom-element.js";import{a as ye}from"../../index-client.js";import{i as te}from"../../if.js";import{s as ke}from"../../slot.js";import{a as ze,s as Ce}from"../../attributes.js";import{b as M}from"../../this.js";import{O as Be}from"../optionlistbox/OptionListbox.js";import{c as Ee,e as Le}from"../../Condition20.js";import"../../branches.js";import"../../each.js";import"../../svelte-component.js";import"../button/Button.js";import"../loader/Loader.js";import"../textinput/Textinput.js";import"../../input.js";import"../../custom-element-forward-events.js";var Pe=N('<span class="mc-combobox__counter svelte-aew1wn"> </span>'),Se=N('<button type="button" class="mc-combobox__clear svelte-aew1wn" aria-label="Clear value"><!></button>'),De=N('<div><div class="mc-combobox__input svelte-aew1wn"><button> </button> <!> <!> <button type="button" class="mc-combobox__icon svelte-aew1wn" aria-label="Expand options list"><!></button></div> <div class="mc-combobox__listbox svelte-aew1wn"><!></div></div>');const Oe={hash:"svelte-aew1wn",code:`/**
+ * Do not edit directly, this file was auto-generated.
+ */.mc-combobox.svelte-aew1wn {position:relative;width:18.75rem;}.mc-combobox__input.svelte-aew1wn {transition:box-shadow 200ms ease;background-color:var(--forms-color-background-default, #ffffff);border:var(--border-width-s, 0.0625rem) solid var(--forms-color-border-default, #666666);border-radius:var(--forms-border-radius, 0.25rem);transition:all ease 200ms;color:var(--forms-color-text-default, #000000);display:block;width:100%;display:flex;align-items:center;gap:0.5rem;box-sizing:border-box;}.mc-combobox__input.svelte-aew1wn:focus-within {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-combobox__input.svelte-aew1wn:hover:not(:focus-within) {border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-hover, #4d4d4d);}.mc-combobox__input.svelte-aew1wn:has(.mc-combobox__control:where(.svelte-aew1wn):disabled) {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:none;}.mc-combobox__input.svelte-aew1wn .mc-combobox__control:where(.svelte-aew1wn) {text-align:left;font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-regular, 400);color:var(--forms-color-text-default, #000000);background-color:transparent;border:none;padding-left:0.75rem;padding-right:0;flex-grow:1;height:3rem;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.mc-combobox__input.svelte-aew1wn .mc-combobox__control:where(.svelte-aew1wn):focus-within {outline:none;}.mc-combobox__icon.svelte-aew1wn {border:none;display:flex;align-items:center;cursor:pointer;padding-right:0.75rem;background:none;color:var(--forms-color-icon-interactive, #000000);fill:currentcolor;}.mc-combobox__clear.svelte-aew1wn {padding:0;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;color:var(--forms-color-icon-clear, #666666);fill:currentcolor;}.mc-combobox__counter.svelte-aew1wn {height:1.5rem;display:flex;flex-shrink:0;align-items:center;justify-content:center;padding:0 0.5rem;border-radius:var(--border-radius-l, 1rem);background-color:var(--forms-color-selection-counter-background, #464e63);font-weight:var(--font-weight-regular, 400);font-size:var(--font-size-50, 0.75rem);line-height:var(--line-height-s, 1.3);color:var(--forms-color-selection-counter-text, #ffffff);}.mc-combobox__listbox.svelte-aew1wn {position:absolute;left:0;top:calc(100% + 0.25rem);visibility:hidden;opacity:0;box-shadow:var(--shadow-bottom-s-x, 0px) var(--shadow-bottom-s-y, 5px) var(--shadow-bottom-s-blur, 10px) var(--shadow-bottom-s-spread, -2px) rgba(0, 0, 0, var(--shadow-bottom-s-opacity, 20%));border:var(--border-width-s, 0.0625rem) solid var(--color-border-primary, #cccccc);border-radius:var(--border-radius-m, 0.5rem);width:100%;z-index:10;background-color:var(--color-background-primary, #ffffff);pointer-events:all;}.mc-combobox--open.svelte-aew1wn .mc-combobox__listbox:where(.svelte-aew1wn) {visibility:visible;opacity:1;}.mc-combobox--s.svelte-aew1wn .mc-combobox__control:where(.svelte-aew1wn) {height:2rem;font-size:var(--font-size-100, 0.875rem);padding-left:0.5rem;}.mc-combobox--s.svelte-aew1wn .mc-combobox__icon:where(.svelte-aew1wn) {padding-right:0.5rem;}.mc-combobox--s.svelte-aew1wn .mc-combobox__clear:where(.svelte-aew1wn) {width:1.25rem;height:1.25rem;}.mc-combobox--invalid.svelte-aew1wn .mc-combobox__input:where(.svelte-aew1wn) {border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-invalid, #ea302d);}.mc-combobox--invalid.svelte-aew1wn .mc-combobox__input:where(.svelte-aew1wn):hover:not(:focus-within) {border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-invalid-hover, #c61112);}.mc-combobox--disabled.svelte-aew1wn .mc-combobox__input:where(.svelte-aew1wn) {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:none;}.mc-combobox--disabled.svelte-aew1wn .mc-combobox__control:where(.svelte-aew1wn) {color:var(--forms-color-text-disabled, #737373);}.mc-combobox--disabled.svelte-aew1wn .mc-combobox__icon:where(.svelte-aew1wn) {color:var(--forms-color-icon-disabled, #737373);}.mc-combobox--readonly.svelte-aew1wn .mc-combobox__input:where(.svelte-aew1wn) {border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none;}`};function je(Q,o){we(o,!0),fe(Q,Oe);let n=t(o,"value",15),b=t(o,"multiple",7),C=t(o,"size",7,"m"),v=t(o,"disabled",7),B=t(o,"readonly",7),E=t(o,"invalid",7),L=t(o,"clearable",7),w=t(o,"search",7),P=t(o,"actions",7),S=t(o,"checkablesections",7),f=t(o,"placeholder",7,"Select an option"),D=t(o,"counterlabel",7,"99 selected"),O=t(o,"searchplaceholder",7,"Find an option..."),j=t(o,"selectlabel",7,"Select all"),F=t(o,"clearlabel",7,"Clear"),p=t(o,"options",7),I=t(o,"onopen",7);const A=crypto.randomUUID();let h,x=z(null),U=z(null),q,c=z(!1),K=z(-1);const re=J(()=>a(K)>=0?`option-${A}-${a(K)}`:void 0),ae=J(()=>Array.isArray(n())?n().length?n().join(", "):f():p().find(e=>e.value===n())?.label||f()),le=J(()=>b()?!!n().length:!!n());function V(e){const l=e.composedPath?e.composedPath():[];!l.includes(h)&&!l.includes(a(U))&&G()}function R(){k(c,!0),W(),document.addEventListener("click",V)}function G(){k(c,!1),W(),document.removeEventListener("click",V)}function T(){return a(c)?G():R()}function W(){I()?.(a(c)),h.dispatchEvent(new CustomEvent("update:open",{bubbles:!0,composed:!0}))}ye(()=>{document.removeEventListener("click",V)});var ne={get value(){return n()},set value(e){n(e),r()},get multiple(){return b()},set multiple(e){b(e),r()},get size(){return C()},set size(e="m"){C(e),r()},get disabled(){return v()},set disabled(e){v(e),r()},get readonly(){return B()},set readonly(e){B(e),r()},get invalid(){return E()},set invalid(e){E(e),r()},get clearable(){return L()},set clearable(e){L(e),r()},get search(){return w()},set search(e){w(e),r()},get actions(){return P()},set actions(e){P(e),r()},get checkablesections(){return S()},set checkablesections(e){S(e),r()},get placeholder(){return f()},set placeholder(e="Select an option"){f(e),r()},get counterlabel(){return D()},set counterlabel(e="99 selected"){D(e),r()},get searchplaceholder(){return O()},set searchplaceholder(e="Find an option..."){O(e),r()},get selectlabel(){return j()},set selectlabel(e="Select all"){j(e),r()},get clearlabel(){return F()},set clearlabel(e="Clear"){F(e),r()},get options(){return p()},set options(e){p(e),r()},get onopen(){return I()},set onopen(e){I(e),r()}},m=De(),H=s(m),u=s(H);ze(u,()=>({"aria-expanded":a(c),"aria-haspopup":"listbox","aria-controls":`listbox-${A}`,disabled:v(),class:"mc-combobox__control","aria-label":"Combobox input",onclick:T,...w()?{}:{role:"combobox","aria-activedescendant":a(re),onkeydown:a(x)?.handleKeydown}}),void 0,void 0,void 0,"svelte-aew1wn");var ce=s(u,!0);i(u),M(u,e=>q=e,()=>q);var X=_(u,2);{var se=e=>{var l=Pe(),d=s(l,!0);i(l),$(()=>ee(d,D())),y(e,l)};te(X,e=>{b()&&e(se)})}var Y=_(X,2);{var ie=e=>{var l=Se(),d=s(l);Le(d,{}),i(l),oe("click",l,()=>a(x)?.clearSelection()),y(e,l)};te(Y,e=>{L()&&a(le)&&e(ie)})}var g=_(Y,2);Ce(g,"tabindex",-1);var be=s(g);Ee(be,{}),i(g),i(H);var Z=_(H,2),de=s(Z);return M(Be(de,{get id(){return A},get open(){return a(c)},get multiple(){return b()},get search(){return w()},get actions(){return P()},get checkablesections(){return S()},get searchplaceholder(){return O()},get selectlabel(){return j()},get clearlabel(){return F()},get options(){return p()},activeindex:a(K),onopen:R,onclose:()=>{G(),q?.focus()},get element(){return a(U)},set element(e){k(U,e,!0)},get value(){return n()},set value(e){n(e)},$$slots:{optionPrefix:(e,l)=>{var d=pe(),me=he(d);ke(me,o,"optionPrefix",{},null),y(e,d)}}}),e=>k(x,e,!0),()=>a(x)),i(Z),i(m),M(m,e=>h=e,()=>h),$(()=>{xe(m,1,ge({"mc-combobox":!0,"mc-combobox--open":a(c),"mc-combobox--multiple":b(),"mc-combobox--invalid":E(),"mc-combobox--s":C()==="s","mc-combobox--disabled":v(),"mc-combobox--readonly":B()}),"svelte-aew1wn"),ee(ce,a(ae))}),oe("click",g,T),y(Q,m),_e(ne)}ue(["click"]);customElements.define("m-combobox",ve(je,{multiple:{attribute:"multiple",reflect:!0,type:"Boolean"},compact:{attribute:"compact",reflect:!0,type:"Boolean"},disabled:{attribute:"disabled",reflect:!0,type:"Boolean"},readonly:{attribute:"readonly",reflect:!0,type:"Boolean"},invalid:{attribute:"invalid",reflect:!0,type:"Boolean"},clearable:{attribute:"clearable",reflect:!0,type:"Boolean"},search:{attribute:"search",reflect:!0,type:"Boolean"},actions:{attribute:"actions",reflect:!0,type:"Boolean"},checkablesections:{attribute:"checkablesections",reflect:!0,type:"Boolean"},value:{},size:{},placeholder:{},counterlabel:{},searchplaceholder:{},selectlabel:{},clearlabel:{},options:{},onopen:{}},["optionPrefix"],[],{mode:"open"}));
+//# sourceMappingURL=Combobox.js.map

package/dist/components/combobox/Combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.js","sources":["../../../src/components/combobox/Combobox.svelte"],"sourcesContent":["<svelte:options\n  customElement={{\n    tag: 'm-combobox',\n    props: {\n      multiple: { reflect: true, type: 'Boolean', attribute: 'multiple' },\n      compact: { reflect: true, type: 'Boolean', attribute: 'compact' },\n      disabled: { reflect: true, type: 'Boolean', attribute: 'disabled' },\n      readonly: { reflect: true, type: 'Boolean', attribute: 'readonly' },\n      invalid: { reflect: true, type: 'Boolean', attribute: 'invalid' },\n      clearable: { reflect: true, type: 'Boolean', attribute: 'clearable' },\n      search: { reflect: true, type: 'Boolean', attribute: 'search' },\n      actions: { reflect: true, type: 'Boolean', attribute: 'actions' },\n      checkablesections: { reflect: true, type: 'Boolean', attribute: 'checkablesections' },\n    },\n  }}\n/>\n\n<script lang=\"ts\">\n  import { onDestroy } from 'svelte';\n  import OptionListbox from '../optionlistbox/OptionListbox.svelte';\n  import { ChevronDown24, CrossCircleFilled24 } from '@mozaic-ds/icons-svelte';\n\n  /**\n   * A combobox is an input field that allows users to select an option from a dropdown list or enter a custom value. It combines the functionality of a text input and a dropdown menu, providing flexibility and ease of use in forms and user interfaces.\n   * @slot optionPrefix - Use this slot to add a prefix to options.\n   * @event update:open {CustomEvent<boolean>} - Emitted when the listbox is opened or closed.\n   */\n  interface Props {\n    /**\n     * The current selected value(s) of the combobox.\n     */\n    value: string | number | null | (string | number)[];\n    /**\n     * Enable multiple value mode.\n     */\n    multiple?: boolean;\n    /**\n     * Size of the combobox: small ('s') or medium ('m').\n     */\n    size?: 's' | 'm';\n    /**\n     * Disable the combobox input.\n     */\n    disabled?: boolean;\n    /**\n     * Make the combobox read-only.\n     */\n    readonly?: boolean;\n    /**\n     * Mark the combobox as invalid.\n     */\n    invalid?: boolean;\n    /**\n     * Show a clear value button.\n     */\n    clearable?: boolean;\n    /**\n     * Enable the search input inside the listbox.\n     */\n    search?: boolean;\n    /**\n     * Show select all / clear buttons when multiple.\n     */\n    actions?: boolean;\n    /**\n     * Enable checkable section headers in the listbox.\n     */\n    checkablesections?: boolean;\n    /**\n     * Placeholder text when no value is selected.\n     */\n    placeholder?: string;\n    /**\n     * Label for the selected items counter.\n     */\n    counterlabel?: string;\n    /**\n     * Placeholder text for the search input.\n     */\n    searchplaceholder?: string;\n    /**\n     * Label for the \"Select all\" button.\n     */\n    selectlabel?: string;\n    /**\n     * Label for the \"Clear value\" button.\n     */\n    clearlabel?: string;\n    /**\n     * Array of options to display in the listbox.\n     */\n    options: Array<{\n      label: string;\n      content?: string;\n      value?: string | number;\n      disabled?: boolean;\n      type?: 'option' | 'section';\n    }>;\n    /**\n     * Callback to trigger when the listbox is opened or closed.\n     */\n    onopen?: (value: boolean) => void;\n  }\n\n  let {\n    value = $bindable(),\n    multiple,\n    size = 'm',\n    disabled,\n    readonly,\n    invalid,\n    clearable,\n    search,\n    actions,\n    checkablesections,\n    placeholder = 'Select an option',\n    counterlabel = '99 selected',\n    searchplaceholder = 'Find an option...',\n    selectlabel = 'Select all',\n    clearlabel = 'Clear',\n    options,\n    onopen,\n  }: Props = $props();\n\n  const id = crypto.randomUUID();\n\n  let combobox: HTMLElement;\n  let listbox: InstanceType<typeof OptionListbox> | null = $state(null);\n  let listboxEl: HTMLElement | null | undefined = $state(null);\n  let comboboxControl: HTMLElement;\n\n  let isOpen = $state(false);\n\n  let activeIndex = $state(-1);\n\n  const activeDescendantId = $derived.by(() => {\n    return activeIndex >= 0 ? `option-${id}-${activeIndex}` : undefined;\n  });\n\n  const selectionLabel = $derived.by(() => {\n    if (Array.isArray(value)) {\n      if (!value.length) return placeholder;\n      return (value as (string | number)[]).join(', ');\n    }\n\n    return options.find((option) => option.value === value)?.label || placeholder;\n  });\n\n  const hasValue = $derived.by(() =>\n    multiple ? !!(value as (string | number)[]).length : !!value,\n  );\n\n  function handleClickOutside(event: MouseEvent) {\n    const path = event.composedPath ? event.composedPath() : [];\n    if (!path.includes(combobox) && !path.includes(listboxEl!)) {\n      close();\n    }\n  }\n\n  function open() {\n    isOpen = true;\n    handleOpen();\n    document.addEventListener('click', handleClickOutside);\n  }\n\n  function close() {\n    isOpen = false;\n    handleOpen();\n    document.removeEventListener('click', handleClickOutside);\n  }\n\n  function toggleListbox() {\n    return isOpen ? close() : open();\n  }\n\n  function handleOpen() {\n    onopen?.(isOpen);\n\n    combobox.dispatchEvent(new CustomEvent('update:open', { bubbles: true, composed: true }));\n  }\n\n  onDestroy(() => {\n    document.removeEventListener('click', handleClickOutside);\n  });\n</script>\n\n<div\n  bind:this={combobox}\n  class={{\n    'mc-combobox': true,\n    'mc-combobox--open': isOpen,\n    'mc-combobox--multiple': multiple,\n    'mc-combobox--invalid': invalid,\n    'mc-combobox--s': size === 's',\n    'mc-combobox--disabled': disabled,\n    'mc-combobox--readonly': readonly,\n  }}\n>\n  <div class=\"mc-combobox__input\">\n    <button\n      bind:this={comboboxControl}\n      aria-expanded={isOpen}\n      aria-haspopup=\"listbox\"\n      aria-controls={`listbox-${id}`}\n      {disabled}\n      class=\"mc-combobox__control\"\n      aria-label=\"Combobox input\"\n      onclick={toggleListbox}\n      {...search\n        ? {}\n        : {\n            role: 'combobox',\n            'aria-activedescendant': activeDescendantId,\n            onkeydown: listbox?.handleKeydown,\n          }}\n    >\n      {selectionLabel}\n    </button>\n    {#if multiple}\n      <span class=\"mc-combobox__counter\">\n        {counterlabel}\n      </span>\n    {/if}\n\n    {#if clearable && hasValue}\n      <button\n        type=\"button\"\n        class=\"mc-combobox__clear\"\n        aria-label=\"Clear value\"\n        onclick={() => listbox?.clearSelection()}\n      >\n        <CrossCircleFilled24 />\n      </button>\n    {/if}\n\n    <button\n      type=\"button\"\n      tabindex={-1}\n      class=\"mc-combobox__icon\"\n      aria-label=\"Expand options list\"\n      onclick={toggleListbox}\n    >\n      <ChevronDown24 />\n    </button>\n  </div>\n\n  <div class=\"mc-combobox__listbox\">\n    <OptionListbox\n      bind:this={listbox}\n      bind:element={listboxEl}\n      bind:value\n      {id}\n      open={isOpen}\n      {multiple}\n      {search}\n      {actions}\n      {checkablesections}\n      {searchplaceholder}\n      {selectlabel}\n      {clearlabel}\n      {options}\n      activeindex={activeIndex}\n      onopen={open}\n      onclose={() => {\n        close();\n        comboboxControl?.focus();\n      }}\n    >\n      <slot name=\"optionPrefix\" slot=\"optionPrefix\" />\n    </OptionListbox>\n  </div>\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/combobox';\n</style>\n"],"names":["value","$.prop","$$props","multiple","size","disabled","readonly","invalid","clearable","search","actions","checkablesections","placeholder","counterlabel","searchplaceholder","selectlabel","clearlabel","options","onopen","id","combobox","listbox","$.state","listboxEl","comboboxControl","isOpen","activeIndex","activeDescendantId","$.derived","$.get","selectionLabel","option","hasValue","handleClickOutside","event","path","close","open","$.set","handleOpen","toggleListbox","onDestroy","div","root","div_1","$.child","button","text","$.reset","$$value","node","$.sibling","span","root_1","$$render","consequent","button_1","root_2","node_2","CrossCircleFilled24","$.append","$$anchor","consequent_1","button_2","node_1","$.set_attribute","node_3","ChevronDown24","div_2","OptionListbox","node_4","$.delegated"],"mappings":";;+sJAiBA,uBAwFIA,EAAKC,EAAAC,EAAA,QAAA,EAAA,EACLC,EAAQF,EAAAC,EAAA,WAAA,CAAA,EACRE,eAAO,GAAG,EACVC,EAAQJ,EAAAC,EAAA,WAAA,CAAA,EACRI,EAAQL,EAAAC,EAAA,WAAA,CAAA,EACRK,EAAON,EAAAC,EAAA,UAAA,CAAA,EACPM,EAASP,EAAAC,EAAA,YAAA,CAAA,EACTO,EAAMR,EAAAC,EAAA,SAAA,CAAA,EACNQ,EAAOT,EAAAC,EAAA,UAAA,CAAA,EACPS,EAAiBV,EAAAC,EAAA,oBAAA,CAAA,EACjBU,sBAAc,kBAAkB,EAChCC,uBAAe,aAAa,EAC5BC,4BAAoB,mBAAmB,EACvCC,sBAAc,YAAY,EAC1BC,qBAAa,OAAO,EACpBC,EAAOhB,EAAAC,EAAA,UAAA,CAAA,EACPgB,EAAMjB,EAAAC,EAAA,SAAA,CAAA,QAGFiB,EAAK,OAAO,WAAU,MAExBC,EACAC,EAAqDC,EAAO,IAAI,EAChEC,EAA4CD,EAAO,IAAI,EACvDE,EAEAC,EAASH,EAAO,EAAK,EAErBI,EAAcJ,EAAM,EAAG,EAErB,MAAAK,GAAkBC,EAAA,IACfC,EAAAH,CAAW,GAAI,EAAC,UAAaP,CAAE,IAAAU,EAAIH,CAAW,IAAK,MAC3D,EAEKI,GAAcF,EAAA,IACd,MAAM,QAAQ5B,EAAK,CAAA,EAChBA,EAAK,EAAC,OACHA,EAAK,EAAyB,KAAK,IAAI,EADrBY,EAAW,EAIhCK,EAAO,EAAC,KAAMc,GAAWA,EAAO,QAAU/B,EAAK,CAAA,GAAG,OAASY,EAAW,CAC9E,EAEKoB,SACJ7B,IAAQ,CAAA,CAAMH,EAAK,EAAyB,SAAWA,GAAK,WAGrDiC,EAAmBC,EAAmB,CACvC,MAAAC,EAAOD,EAAM,aAAeA,EAAM,aAAY,EAAA,CAAA,GAC/CC,EAAK,SAASf,CAAQ,GAAA,CAAMe,EAAK,SAAQN,EAACN,CAAS,CAAA,GACtDa,EAAK,CAET,CAES,SAAAC,GAAO,CACdC,EAAAb,EAAS,EAAI,EACbc,EAAU,EACV,SAAS,iBAAiB,QAASN,CAAkB,CACvD,CAES,SAAAG,GAAQ,CACfE,EAAAb,EAAS,EAAK,EACdc,EAAU,EACV,SAAS,oBAAoB,QAASN,CAAkB,CAC1D,CAES,SAAAO,GAAgB,UAChBf,CAAM,EAAGW,EAAK,EAAKC,EAAI,CAChC,CAES,SAAAE,GAAa,CACpBrB,EAAM,MAAGO,CAAM,CAAA,EAEfL,EAAS,cAAa,IAAK,YAAY,cAAa,CAAI,QAAS,GAAM,SAAU,EAAI,CAAA,CAAA,CACvF,CAEAqB,GAAS,IAAO,CACd,SAAS,oBAAoB,QAASR,CAAkB,CAC1D,CAAC,gJA5EQ,IAAG,0bAQI,mBAAkB,6DACjB,cAAa,uEACR,oBAAmB,2DACzB,aAAY,yDACb,QAAO,gHAmEvBS,EAAAC,GAAA,EAYEC,EAAGC,EAZLH,CAAA,EAaII,EAAAD,EADFD,CAAG,KACDE,0BAEgBrB,CAAM,uDAEKN,CAAE,YAC3Bd,EAAQ,qEAGAmC,EACL,GAAA/B,EAAA,MAGE,KAAM,WACN,0BAAyBkB,EAAkB,EAC3C,UAASE,EAAER,CAAO,GAAE,uDAd3B,IAAA0B,GAAAF,EAAAC,EAAA,EAAA,EAAAE,EAAAF,CAAA,IAAAA,EAAAG,GACYzB,QAAAA,CAAe,EAD3B,IAAA0B,EAAAC,EAAAL,EAAA,CAAA,kBAoBEM,EAAIC,GAAA,MAAJD,EAAI,EAAA,IAAJA,CAAI,aACFvC,EAAY,CAAA,CAAA,MADduC,CAAI,YADFjD,EAAQ,GAAAmD,EAAAC,EAAA,6BAOV,IAAAC,EAAAC,GAAA,EAAAC,EAAAb,EAAAW,CAAA,EAMEG,GAAmBD,EAAA,EAAA,EANrBV,EAAAQ,CAAA,aAAAA,EAAA,IAAA3B,EAIgBR,CAAO,GAAE,gBAAc,EAJvCuC,EAAAC,EAAAL,CAAA,YADEhD,EAAS,KAAIwB,EAAQ,GAAAsB,EAAAQ,EAAA,IAWzB,IAAAC,EAAAZ,EAAAa,EAAA,CAAA,EAAAC,GAAAF,EAAA,WAAA,EAEa,EAFb,IAAAG,GAAArB,EAAAkB,CAAA,EAOEI,GAAaD,GAAA,EAAA,EAPflB,EAAAe,CAAA,IArCFnB,CAAG,EAgDH,IAAAwB,IAhDAxB,EAAG,CAAA,OAgDHwB,CAAG,WACDC,GAAAC,GAAA,iBAIEnD,uBACKM,CAAM,yBACXtB,EAAQ,uBACRM,EAAM,wBACNC,EAAO,kCACPC,EAAiB,kCACjBG,EAAiB,4BACjBC,EAAW,2BACXC,EAAU,wBACVC,EAAO,iBACKS,CAAW,SAChBW,EACO,QAAA,IAAA,CACbD,EAAK,EACLZ,GAAiB,MAAK,CACxB,MAjBA,SAAY,UAAED,CAAS,OAAvB,QAAY0B,EAAA,GAAE1B,EAAS0B,EAAA,EAAA,OACvB,OAAK,iBAAL,MAAKA,EAAA,yGAFM5B,EAAO4B,EAAA,EAAA,QAAP5B,CAAO,KAFrB+C,CAAG,EA5DLpB,EAAAN,CAAA,IAAAA,EAAAO,GACY7B,QAAAA,CAAQ,YADpBsB,QAGG,cAAe,GACf,sBAAqBjB,CAAM,EAC3B,wBAAyBtB,EAAQ,EACjC,uBAAwBI,EAAO,EAC/B,iBAAkBH,EAAI,IAAK,IAC3B,wBAAyBC,EAAQ,EACjC,wBAAyBC,EAAQ,6BAqB9BwB,EAAc,CAAA,IAmBhByC,GAAA,QAAAR,EAKUvB,CAAa,EAtD3BoB,EAAAC,EAAAnB,CAAA,QAFO"}

package/dist/components/combobox/Combobox.spec.js

@@ -0,0 +1,186 @@
+import { describe, it, expect, vi, afterEach } from 'vitest';
+import { render, fireEvent, screen, cleanup } from '@testing-library/svelte';
+import Combobox from './Combobox.svelte';
+const mockOptions = [
+    { value: 'apple', label: 'Apple' },
+    { value: 'banana', label: 'Banana' },
+    { value: 'cherry', label: 'Cherry' },
+    { value: 'date', label: 'Date' },
+];
+const getControl = () => screen.getByRole('combobox', { name: /combobox input/i });
+const getControlAsButton = () => screen.getByRole('button', { name: /combobox input/i });
+describe('Combobox', () => {
+    afterEach(() => {
+        cleanup();
+        vi.restoreAllMocks();
+    });
+    describe('Rendering', () => {
+        it('renders the combobox control element', () => {
+            render(Combobox, { props: { value: null, options: mockOptions } });
+            expect(getControl()).toBeTruthy();
+        });
+        it('shows placeholder when no value', () => {
+            render(Combobox, {
+                props: { value: null, options: mockOptions, placeholder: 'Pick something' },
+            });
+            expect(screen.getByText('Pick something')).toBeTruthy();
+        });
+        it('shows counterlabel in multiple mode (non-compact)', () => {
+            render(Combobox, {
+                props: {
+                    value: ['apple', 'banana'],
+                    options: mockOptions,
+                    multiple: true,
+                    counterlabel: '2 selected',
+                },
+            });
+            expect(screen.getByText('2 selected')).toBeTruthy();
+        });
+        it('shows joined values as label in multiple+compact mode', () => {
+            render(Combobox, {
+                props: {
+                    value: ['apple', 'banana'],
+                    options: mockOptions,
+                    multiple: true,
+                    compact: true,
+                },
+            });
+            expect(screen.getByText('apple, banana')).toBeTruthy();
+        });
+        it('does not render removable tags in compact mode', () => {
+            render(Combobox, {
+                props: { value: ['apple'], options: mockOptions, multiple: true, compact: true },
+            });
+            expect(screen.queryByLabelText(/remove/i)).toBeNull();
+        });
+        it('renders as a native button (no role override) when search prop is true', () => {
+            render(Combobox, { props: { value: null, options: mockOptions, search: true } });
+            expect(getControlAsButton()).toBeTruthy();
+        });
+    });
+    describe('CSS modifier classes', () => {
+        it('applies mc-combobox--multiple when multiple', () => {
+            const { container } = render(Combobox, {
+                props: { value: [], options: mockOptions, multiple: true },
+            });
+            expect(container.querySelector('.mc-combobox--multiple')).toBeTruthy();
+        });
+        it('applies mc-combobox--invalid when invalid', () => {
+            const { container } = render(Combobox, {
+                props: { value: null, options: mockOptions, invalid: true },
+            });
+            expect(container.querySelector('.mc-combobox--invalid')).toBeTruthy();
+        });
+        it('applies mc-combobox--disabled when disabled', () => {
+            const { container } = render(Combobox, {
+                props: { value: null, options: mockOptions, disabled: true },
+            });
+            expect(container.querySelector('.mc-combobox--disabled')).toBeTruthy();
+        });
+        it('applies mc-combobox--readonly when readonly', () => {
+            const { container } = render(Combobox, {
+                props: { value: null, options: mockOptions, readonly: true },
+            });
+            expect(container.querySelector('.mc-combobox--readonly')).toBeTruthy();
+        });
+        it('applies mc-combobox--s for size s', () => {
+            const { container } = render(Combobox, {
+                props: { value: null, options: mockOptions, size: 's' },
+            });
+            expect(container.querySelector('.mc-combobox--s')).toBeTruthy();
+        });
+        it('does NOT apply mc-combobox--s for size m', () => {
+            const { container } = render(Combobox, {
+                props: { value: null, options: mockOptions, size: 'm' },
+            });
+            expect(container.querySelector('.mc-combobox--s')).toBeNull();
+        });
+    });
+    describe('Open / Close behaviour', () => {
+        it('opens the listbox when the control is clicked', async () => {
+            const { container } = render(Combobox, { props: { value: null, options: mockOptions } });
+            await fireEvent.click(getControl());
+            expect(container.querySelector('.mc-combobox--open')).toBeTruthy();
+        });
+        it('closes the listbox on second click (toggle)', async () => {
+            const { container } = render(Combobox, { props: { value: null, options: mockOptions } });
+            const control = getControl();
+            await fireEvent.click(control);
+            await fireEvent.click(control);
+            expect(container.querySelector('.mc-combobox--open')).toBeNull();
+        });
+        it('opens the listbox when the chevron icon button is clicked', async () => {
+            const { container } = render(Combobox, { props: { value: null, options: mockOptions } });
+            await fireEvent.click(screen.getByRole('button', { name: /expand options list/i }));
+            expect(container.querySelector('.mc-combobox--open')).toBeTruthy();
+        });
+        it('closes the listbox on outside click', async () => {
+            const { container } = render(Combobox, { props: { value: null, options: mockOptions } });
+            await fireEvent.click(getControl());
+            expect(container.querySelector('.mc-combobox--open')).toBeTruthy();
+            await fireEvent.click(document.body);
+            expect(container.querySelector('.mc-combobox--open')).toBeNull();
+        });
+        it('sets aria-expanded=true when open', async () => {
+            render(Combobox, { props: { value: null, options: mockOptions } });
+            const control = getControl();
+            await fireEvent.click(control);
+            expect(control.getAttribute('aria-expanded')).toBe('true');
+        });
+        it('sets aria-expanded=false when closed', () => {
+            render(Combobox, { props: { value: null, options: mockOptions } });
+            expect(getControl().getAttribute('aria-expanded')).toBe('false');
+        });
+    });
+    describe('Clear button', () => {
+        it('shows clear button when clearable and a single value is selected', () => {
+            render(Combobox, {
+                props: { value: 'apple', options: mockOptions, clearable: true },
+            });
+            expect(screen.getByRole('button', { name: /clear value/i })).toBeTruthy();
+        });
+        it('does not show clear button when no value is selected', () => {
+            render(Combobox, {
+                props: { value: null, options: mockOptions, clearable: true },
+            });
+            expect(screen.queryByRole('button', { name: /clear value/i })).toBeNull();
+        });
+        it('does not show clear button when clearable is false', () => {
+            render(Combobox, {
+                props: { value: 'apple', options: mockOptions, clearable: false },
+            });
+            expect(screen.queryByRole('button', { name: /clear value/i })).toBeNull();
+        });
+        it('resets single value to null when clear button is clicked', async () => {
+            render(Combobox, {
+                props: { value: 'apple', options: mockOptions, clearable: true },
+            });
+            await fireEvent.click(screen.getByRole('button', { name: /clear value/i }));
+            expect(screen.getByText('Select an option')).toBeTruthy();
+        });
+        it('resets multiple value to [] when clear button is clicked', async () => {
+            render(Combobox, {
+                props: {
+                    value: ['apple', 'banana'],
+                    options: mockOptions,
+                    clearable: true,
+                    multiple: true,
+                },
+            });
+            await fireEvent.click(screen.getByRole('button', { name: /clear value/i }));
+            expect(screen.getByText('Select an option')).toBeTruthy();
+        });
+        it('shows clear button in multiple mode when at least one item is selected', () => {
+            render(Combobox, {
+                props: { value: ['apple'], options: mockOptions, clearable: true, multiple: true },
+            });
+            expect(screen.getByRole('button', { name: /clear value/i })).toBeTruthy();
+        });
+        it('hides clear button in multiple mode when value is empty', () => {
+            render(Combobox, {
+                props: { value: [], options: mockOptions, clearable: true, multiple: true },
+            });
+            expect(screen.queryByRole('button', { name: /clear value/i })).toBeNull();
+        });
+    });
+});

package/dist/components/combobox/Combobox.stories.d.ts

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+import './Combobox.svelte';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Standard: Story;
+export declare const Multiple: Story;
+export declare const SearchInput: Story;
+export declare const ActionButtons: Story;
+export declare const WithSections: Story;
+export declare const SelectableSections: Story;
+export declare const Clearable: Story;
+export declare const Disabled: Story;
+export declare const Readonly: Story;
+export declare const Invalid: Story;
+export declare const AdditionalInformation: Story;
+//# sourceMappingURL=Combobox.stories.d.ts.map

package/dist/components/combobox/Combobox.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/Combobox.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAErE,OAAO,mBAAmB,CAAC;AA4B3B,QAAA,MAAM,IAAI,EAAE,IAwCX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,QAAQ,EAAE,KAAU,CAAC;AAElC,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAI1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAOnC,CAAC"}