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

package/dist/components/toggle/Toggle.js

@@ -1,4 +1,7 @@
-import{n as z,c as L,p as M,a as P,b as r,f as _,d as f,t as b,e as B,o as H,h as E,i as j,j as i,s as D,r as v,g as F}from"../../custom-element.js";import{i as S}from"../../if.js";import{s as C,r as T}from"../../attributes.js";import{a as Y}from"../../input.js";import{c as q}from"../../custom-element-forward-events.js";var A=_('<span class="mc-toggle__label svelte-wiy2ed"> </span>'),G=_('<div><label class="mc-toggle__container svelte-wiy2ed"><input class="mc-toggle__input svelte-wiy2ed" type="checkbox"/> <!></label></div>');const I={hash:"svelte-wiy2ed",code:`/**
+import{n as L,c as M,p as P,a as y,b as r,f as C,d as m,t as u,e as B,o as H,h as w,i as D,j as i,s as j,r as f,g as F}from"../../custom-element.js";import{i as S}from"../../if.js";import{s as E,r as T}from"../../attributes.js";import{a as Y}from"../../input.js";import{c as q}from"../../custom-element-forward-events.js";var A=C('<span class="mc-toggle__label svelte-10phbx3"> </span>'),G=C('<div><label class="mc-toggle__container svelte-10phbx3"><input class="mc-toggle__input svelte-10phbx3" type="checkbox"/> <!></label></div>');const I={hash:"svelte-10phbx3",code:`/**
  * Do not edit directly, this file was auto-generated.
- */.mc-toggle.svelte-wiy2ed {width:fit-content;}.mc-toggle__container.svelte-wiy2ed {display:flex;align-items:center;cursor:pointer;gap:0.5rem;position:relative;padding:0.25rem;}.mc-toggle__container.svelte-wiy2ed::before, .mc-toggle__container.svelte-wiy2ed::after {content:"";}.mc-toggle__container.svelte-wiy2ed::before {transition:box-shadow 200ms ease;height:1.5rem;width:2.5rem;background-color:var(--forms-color-background-unchecked, #666666);border-radius:var(--radius-l, 1rem);flex-shrink:0;}.mc-toggle__container.svelte-wiy2ed::after {height:1.25rem;width:1.25rem;background-color:var(--forms-color-icon-inverse, #ffffff);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--forms-color-background-unchecked, %23666666)' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.364a.75.75 0 1 0-1.06-1.061L10 8.939 6.364 5.303a.75.75 0 0 0-1.06 1.06L8.94 10l-3.637 3.636a.75.75 0 1 0 1.06 1.06L10 11.062l3.636 3.636a.75.75 0 0 0 1.061-1.06L11.061 10z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");border-radius:var(--radius-full, 100%);background-position:center;left:0.375rem;position:absolute;top:50%;transform:translateY(-50%);}.mc-toggle__input.svelte-wiy2ed {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}.mc-toggle__label.svelte-wiy2ed {color:var(--forms-color-text-default, #000000);font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-m, 1.5);}.mc-toggle.svelte-wiy2ed:has(:where(.svelte-wiy2ed):checked) .mc-toggle__container:where(.svelte-wiy2ed)::before {background-color:var(--forms-color-background-checked, #117f03);}.mc-toggle.svelte-wiy2ed:has(:where(.svelte-wiy2ed):checked) .mc-toggle__container:where(.svelte-wiy2ed)::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--forms-color-background-checked, %23117f03)' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.553a.75.75 0 0 1 0 1.06l-5.833 5.834a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.97 1.97 5.303-5.304a.75.75 0 0 1 1.06 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");transform:translate(1rem, -50%);}.mc-toggle.svelte-wiy2ed:has(:where(.svelte-wiy2ed):disabled) .mc-toggle__container:where(.svelte-wiy2ed) {cursor:not-allowed;}.mc-toggle.svelte-wiy2ed:has(:where(.svelte-wiy2ed):disabled) .mc-toggle__container:where(.svelte-wiy2ed)::before {background-color:var(--forms-color-background-disabled, #d9d9d9);}.mc-toggle.svelte-wiy2ed:has(:where(.svelte-wiy2ed):disabled) .mc-toggle__container:where(.svelte-wiy2ed)::after {background-color:var(--forms-color-icon-disabled, #737373);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--forms-color-background-disabled, %23d9d9d9)' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.364a.75.75 0 1 0-1.06-1.061L10 8.939 6.364 5.303a.75.75 0 0 0-1.06 1.06L8.94 10l-3.637 3.636a.75.75 0 1 0 1.06 1.06L10 11.062l3.636 3.636a.75.75 0 0 0 1.061-1.06L11.061 10z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}.mc-toggle.svelte-wiy2ed:has(:where(.svelte-wiy2ed):disabled) .mc-toggle__label:where(.svelte-wiy2ed) {color:var(--forms-color-text-disabled, #737373);}.mc-toggle.svelte-wiy2ed:has(:where(.svelte-wiy2ed):disabled:checked) .mc-toggle__container:where(.svelte-wiy2ed)::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--forms-color-background-disabled, %23d9d9d9)' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.553a.75.75 0 0 1 0 1.06l-5.833 5.834a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.97 1.97 5.303-5.304a.75.75 0 0 1 1.06 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}.mc-toggle.svelte-wiy2ed:has(:where(.svelte-wiy2ed):focus-visible) .mc-toggle__container:where(.svelte-wiy2ed)::before {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-toggle--m.svelte-wiy2ed .mc-toggle__container:where(.svelte-wiy2ed)::before {height:2rem;width:3.5rem;}.mc-toggle--m.svelte-wiy2ed .mc-toggle__container:where(.svelte-wiy2ed)::after {height:1.5rem;width:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='var(--forms-color-background-unchecked, %23666666)' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.707a1 1 0 0 0-1.414-1.414L12 10.586 7.707 6.293a1 1 0 0 0-1.414 1.414L10.586 12l-4.293 4.293a1 1 0 1 0 1.414 1.414L12 13.414l4.293 4.293a1 1 0 0 0 1.414-1.414L13.414 12z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");left:0.5rem;}.mc-toggle--m.svelte-wiy2ed:has(:where(.svelte-wiy2ed):checked) .mc-toggle__container:where(.svelte-wiy2ed)::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='var(--forms-color-background-checked, %23117f03)' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.793a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414 0l-3-3a1 1 0 1 1 1.414-1.414L10 14.086l6.293-6.293a1 1 0 0 1 1.414 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");transform:translate(1.5rem, -50%);}.mc-toggle--m.svelte-wiy2ed:has(:where(.svelte-wiy2ed):disabled) .mc-toggle__container:where(.svelte-wiy2ed)::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='var(--forms-color-background-disabled, %23d9d9d9)' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.707a1 1 0 0 0-1.414-1.414L12 10.586 7.707 6.293a1 1 0 0 0-1.414 1.414L10.586 12l-4.293 4.293a1 1 0 1 0 1.414 1.414L12 13.414l4.293 4.293a1 1 0 0 0 1.414-1.414L13.414 12z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}.mc-toggle--m.svelte-wiy2ed:has(:where(.svelte-wiy2ed):disabled:checked) .mc-toggle__container:where(.svelte-wiy2ed)::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='var(--forms-color-background-disabled, %23d9d9d9)' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.793a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414 0l-3-3a1 1 0 1 1 1.414-1.414L10 14.086l6.293-6.293a1 1 0 0 1 1.414 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}.mc-toggle--hide-label.svelte-wiy2ed .mc-toggle__label:where(.svelte-wiy2ed) {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}`};function J(w,t){M(t,!0),P(w,I);let o=r(t,"name",7),g=r(t,"checked",15),c=r(t,"disabled",7,!1),n=r(t,"size",7,"m"),d=r(t,"label",7),h=r(t,"onchange",7),m=r(t,"onblur",7);var s=G();let u;var p=f(s),a=f(p);T(a),a.__change=function(...e){var l;(l=h())==null||l.apply(this,e)};var y=D(a,2);{var k=e=>{var l=A(),x=f(l,!0);v(l),b(()=>F(x,d())),E(e,l)};S(y,e=>{d()&&e(k)})}return v(p),v(s),b(e=>{u=B(s,1,"mc-toggle svelte-wiy2ed",null,u,e),C(a,"id",o()),C(a,"name",o()),a.disabled=c()},[()=>({"mc-toggle--hide-label":!d(),"mc-toggle--m":n()==="m"})]),H("blur",a,function(...e){var l;(l=m())==null||l.apply(this,e)}),Y(a,g),E(w,s),j({get name(){return o()},set name(e){o(e),i()},get checked(){return g()},set checked(e){g(e),i()},get disabled(){return c()},set disabled(e=!1){c(e),i()},get size(){return n()},set size(e="m"){n(e),i()},get label(){return d()},set label(e){d(e),i()},get onchange(){return h()},set onchange(e){h(e),i()},get onblur(){return m()},set onblur(e){m(e),i()}})}z(["change"]);customElements.define("m-toggle",L(J,{name:{},checked:{},disabled:{},size:{},label:{},onchange:{},onblur:{}},[],[],!0,q));
+ */
+/**
+ * Do not edit directly, this file was auto-generated.
+ */.mc-toggle.svelte-10phbx3 {width:fit-content;}.mc-toggle__container.svelte-10phbx3 {display:flex;align-items:center;cursor:pointer;gap:0.5rem;position:relative;padding:0.25rem;}.mc-toggle__container.svelte-10phbx3::before, .mc-toggle__container.svelte-10phbx3::after {content:"";}.mc-toggle__container.svelte-10phbx3::before {transition:box-shadow 200ms ease;height:1.5rem;width:2.5rem;background-color:#666666;border-radius:1rem;flex-shrink:0;}.mc-toggle__container.svelte-10phbx3::after {height:1.25rem;width:1.25rem;background-color:#ffffff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='%23666666' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.364a.75.75 0 1 0-1.06-1.061L10 8.939 6.364 5.303a.75.75 0 0 0-1.06 1.06L8.94 10l-3.637 3.636a.75.75 0 1 0 1.06 1.06L10 11.062l3.636 3.636a.75.75 0 0 0 1.061-1.06L11.061 10z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");border-radius:100%;background-position:center;left:0.375rem;position:absolute;top:50%;transform:translateY(-50%);}.mc-toggle__input.svelte-10phbx3 {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}.mc-toggle__label.svelte-10phbx3 {color:#000000;font-size:1rem;font-weight:400;line-height:1.5;}.mc-toggle.svelte-10phbx3:has(:where(.svelte-10phbx3):checked) .mc-toggle__container:where(.svelte-10phbx3)::before {background-color:#117f03;}.mc-toggle.svelte-10phbx3:has(:where(.svelte-10phbx3):checked) .mc-toggle__container:where(.svelte-10phbx3)::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='%23117f03' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.553a.75.75 0 0 1 0 1.06l-5.833 5.834a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.97 1.97 5.303-5.304a.75.75 0 0 1 1.06 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");transform:translate(1rem, -50%);}.mc-toggle.svelte-10phbx3:has(:where(.svelte-10phbx3):disabled) .mc-toggle__container:where(.svelte-10phbx3) {cursor:not-allowed;}.mc-toggle.svelte-10phbx3:has(:where(.svelte-10phbx3):disabled) .mc-toggle__container:where(.svelte-10phbx3)::before {background-color:#d9d9d9;}.mc-toggle.svelte-10phbx3:has(:where(.svelte-10phbx3):disabled) .mc-toggle__container:where(.svelte-10phbx3)::after {background-color:#737373;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='%23d9d9d9' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.364a.75.75 0 1 0-1.06-1.061L10 8.939 6.364 5.303a.75.75 0 0 0-1.06 1.06L8.94 10l-3.637 3.636a.75.75 0 1 0 1.06 1.06L10 11.062l3.636 3.636a.75.75 0 0 0 1.061-1.06L11.061 10z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}.mc-toggle.svelte-10phbx3:has(:where(.svelte-10phbx3):disabled) .mc-toggle__label:where(.svelte-10phbx3) {color:#737373;}.mc-toggle.svelte-10phbx3:has(:where(.svelte-10phbx3):disabled:checked) .mc-toggle__container:where(.svelte-10phbx3)::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='%23d9d9d9' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.553a.75.75 0 0 1 0 1.06l-5.833 5.834a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.97 1.97 5.303-5.304a.75.75 0 0 1 1.06 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}.mc-toggle.svelte-10phbx3:has(:where(.svelte-10phbx3):focus-visible) .mc-toggle__container:where(.svelte-10phbx3)::before {box-shadow:0 0 0 0.125rem var(--focus-color-mid, #ffffff), 0 0 0 0.25rem var(--focus-color-outer, #000000);outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-toggle--m.svelte-10phbx3 .mc-toggle__container:where(.svelte-10phbx3)::before {height:2rem;width:3.5rem;}.mc-toggle--m.svelte-10phbx3 .mc-toggle__container:where(.svelte-10phbx3)::after {height:1.5rem;width:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.707a1 1 0 0 0-1.414-1.414L12 10.586 7.707 6.293a1 1 0 0 0-1.414 1.414L10.586 12l-4.293 4.293a1 1 0 1 0 1.414 1.414L12 13.414l4.293 4.293a1 1 0 0 0 1.414-1.414L13.414 12z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");left:0.5rem;}.mc-toggle--m.svelte-10phbx3:has(:where(.svelte-10phbx3):checked) .mc-toggle__container:where(.svelte-10phbx3)::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='%23117f03' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.793a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414 0l-3-3a1 1 0 1 1 1.414-1.414L10 14.086l6.293-6.293a1 1 0 0 1 1.414 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");transform:translate(1.5rem, -50%);}.mc-toggle--m.svelte-10phbx3:has(:where(.svelte-10phbx3):disabled) .mc-toggle__container:where(.svelte-10phbx3)::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='%23d9d9d9' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.707a1 1 0 0 0-1.414-1.414L12 10.586 7.707 6.293a1 1 0 0 0-1.414 1.414L10.586 12l-4.293 4.293a1 1 0 1 0 1.414 1.414L12 13.414l4.293 4.293a1 1 0 0 0 1.414-1.414L13.414 12z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}.mc-toggle--m.svelte-10phbx3:has(:where(.svelte-10phbx3):disabled:checked) .mc-toggle__container:where(.svelte-10phbx3)::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='%23d9d9d9' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.793a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414 0l-3-3a1 1 0 1 1 1.414-1.414L10 14.086l6.293-6.293a1 1 0 0 1 1.414 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}.mc-toggle--hide-label.svelte-10phbx3 .mc-toggle__label:where(.svelte-10phbx3) {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}`};function J(v,l){P(l,!0),y(v,I);let h=r(l,"name",7),o=r(l,"checked",15),d=r(l,"disabled",7,!1),n=r(l,"size",7,"m"),s=r(l,"label",7),c=r(l,"onchange",7),p=r(l,"onblur",7);var g=G();let b;var x=m(g),a=m(x);T(a),a.__change=function(...e){var t;(t=c())==null||t.apply(this,e)};var _=j(a,2);{var k=e=>{var t=A(),z=m(t,!0);f(t),u(()=>F(z,s())),w(e,t)};S(_,e=>{s()&&e(k)})}return f(x),f(g),u(e=>{b=B(g,1,"mc-toggle svelte-10phbx3",null,b,e),E(a,"id",h()),E(a,"name",h()),a.disabled=d()},[()=>({"mc-toggle--hide-label":!s(),"mc-toggle--m":n()==="m"})]),H("blur",a,function(...e){var t;(t=p())==null||t.apply(this,e)}),Y(a,o),w(v,g),D({get name(){return h()},set name(e){h(e),i()},get checked(){return o()},set checked(e){o(e),i()},get disabled(){return d()},set disabled(e=!1){d(e),i()},get size(){return n()},set size(e="m"){n(e),i()},get label(){return s()},set label(e){s(e),i()},get onchange(){return c()},set onchange(e){c(e),i()},get onblur(){return p()},set onblur(e){p(e),i()}})}L(["change"]);customElements.define("m-toggle",M(J,{name:{},checked:{},disabled:{},size:{},label:{},onchange:{},onblur:{}},[],[],!0,q));
 //# sourceMappingURL=Toggle.js.map

package/dist/components/toggle/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","sources":["../../../src/components/toggle/Toggle.svelte"],"sourcesContent":["<svelte:options\n  customElement={{\n    tag: 'm-toggle',\n    extend: customElementForwardEvents,\n  }}\n/>\n\n<script lang=\"ts\">\n  import type { ToggleSize } from './toggle.types';\n  import { customElementForwardEvents } from '../../utils';\n\n  interface Props {\n    name: string;\n    checked: boolean;\n    disabled?: boolean;\n    size?: ToggleSize;\n    label: string;\n    onchange?: (event: Event) => void;\n    onblur?: (event: FocusEvent) => void;\n  }\n\n  let {\n    name,\n    checked = $bindable(),\n    disabled = false,\n    size = 'm',\n    label,\n    onchange,\n    onblur\n  }: Props = $props();\n</script>\n\n<div\n  class=\"mc-toggle\"\n  class:mc-toggle--hide-label={!label}\n  class:mc-toggle--m={size === 'm'}\n>\n  <label class=\"mc-toggle__container\">\n    <input\n      class=\"mc-toggle__input\"\n      id={name}\n      {name}\n      type=\"checkbox\"\n      bind:checked\n      {disabled}\n      {onchange}\n      {onblur}\n    />\n    {#if label}\n      <span class=\"mc-toggle__label\">{label}</span>\n    {/if}\n  </label>\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/toggle';\n</style>\n"],"names":["name","$.prop","$$props","checked","disabled","size","label","onchange","onblur","$$render","consequent","customElementForwardEvents"],"mappings":";;srPAAA,oBAsBIA,EAAIC,EAAAC,EAAA,OAAA,CAAA,EACJC,EAAOF,EAAAC,EAAA,UAAA,EAAA,EACPE,mBAAW,EAAK,EAChBC,eAAO,GAAG,EACVC,EAAKL,EAAAC,EAAA,QAAA,CAAA,EACLK,EAAQN,EAAAC,EAAA,WAAA,CAAA,EACRM,EAAAP,EAAAC,EAAA,SAAA,CAAA,oKAqBkCI,EAAK,CAAA,CAAA,kBADlCA,EAAK,GAAAG,EAAAC,CAAA,gFARJV,GAAI,kEANkBM,EAAK,EACf,eAAAD,EAAI,IAAK,oOAXhB,GAAK,6CACT,IAAG,iKAKd,qIA3BYM"}
+{"version":3,"file":"Toggle.js","sources":["../../../src/components/toggle/Toggle.svelte"],"sourcesContent":["<svelte:options\n  customElement={{\n    tag: 'm-toggle',\n    extend: customElementForwardEvents,\n  }}\n/>\n\n<script lang=\"ts\">\n  import type { ToggleSize } from './toggle.types';\n  import { customElementForwardEvents } from '../../utils';\n\n  interface Props {\n    name: string;\n    checked: boolean;\n    disabled?: boolean;\n    size?: ToggleSize;\n    label: string;\n    onchange?: (event: Event) => void;\n    onblur?: (event: FocusEvent) => void;\n  }\n\n  let {\n    name,\n    checked = $bindable(),\n    disabled = false,\n    size = 'm',\n    label,\n    onchange,\n    onblur\n  }: Props = $props();\n</script>\n\n<div\n  class=\"mc-toggle\"\n  class:mc-toggle--hide-label={!label}\n  class:mc-toggle--m={size === 'm'}\n>\n  <label class=\"mc-toggle__container\">\n    <input\n      class=\"mc-toggle__input\"\n      id={name}\n      {name}\n      type=\"checkbox\"\n      bind:checked\n      {disabled}\n      {onchange}\n      {onblur}\n    />\n    {#if label}\n      <span class=\"mc-toggle__label\">{label}</span>\n    {/if}\n  </label>\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/toggle';\n</style>\n"],"names":["name","$.prop","$$props","checked","disabled","size","label","onchange","onblur","$$render","consequent","customElementForwardEvents"],"mappings":";;;;;w/NAAA,oBAsBIA,EAAIC,EAAAC,EAAA,OAAA,CAAA,EACJC,EAAOF,EAAAC,EAAA,UAAA,EAAA,EACPE,mBAAW,EAAK,EAChBC,eAAO,GAAG,EACVC,EAAKL,EAAAC,EAAA,QAAA,CAAA,EACLK,EAAQN,EAAAC,EAAA,WAAA,CAAA,EACRM,EAAAP,EAAAC,EAAA,SAAA,CAAA,oKAqBkCI,EAAK,CAAA,CAAA,kBADlCA,EAAK,GAAAG,EAAAC,CAAA,iFARJV,GAAI,kEANkBM,EAAK,EACf,eAAAD,EAAI,IAAK,oOAXhB,GAAK,6CACT,IAAG,iKAKd,qIA3BYM"}

package/dist/components/toggle/Toggle.svelte

@@ -55,6 +55,9 @@
 <style>/**
  * Do not edit directly, this file was auto-generated.
  */
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
 .mc-toggle {
   width: fit-content;
 }
@@ -73,16 +76,16 @@
   transition: box-shadow 200ms ease;
   height: 1.5rem;
   width: 2.5rem;
-  background-color: var(--forms-color-background-unchecked, #666666);
-  border-radius: var(--radius-l, 1rem);
+  background-color: #666666;
+  border-radius: 1rem;
   flex-shrink: 0;
 }
 .mc-toggle__container::after {
   height: 1.25rem;
   width: 1.25rem;
-  background-color: var(--forms-color-icon-inverse, #ffffff);
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--forms-color-background-unchecked, %23666666)' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.364a.75.75 0 1 0-1.06-1.061L10 8.939 6.364 5.303a.75.75 0 0 0-1.06 1.06L8.94 10l-3.637 3.636a.75.75 0 1 0 1.06 1.06L10 11.062l3.636 3.636a.75.75 0 0 0 1.061-1.06L11.061 10z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
-  border-radius: var(--radius-full, 100%);
+  background-color: #ffffff;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='%23666666' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.364a.75.75 0 1 0-1.06-1.061L10 8.939 6.364 5.303a.75.75 0 0 0-1.06 1.06L8.94 10l-3.637 3.636a.75.75 0 1 0 1.06 1.06L10 11.062l3.636 3.636a.75.75 0 0 0 1.061-1.06L11.061 10z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
+  border-radius: 100%;
   background-position: center;
   left: 0.375rem;
   position: absolute;
@@ -100,36 +103,36 @@
   width: 1px;
 }
 .mc-toggle__label {
-  color: var(--forms-color-text-default, #000000);
-  font-size: var(--font-size-150, 1rem);
-  font-weight: var(--font-weight-regular, 400);
-  line-height: var(--line-height-m, 1.5);
+  color: #000000;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
 }
 .mc-toggle:has(:checked) .mc-toggle__container::before {
-  background-color: var(--forms-color-background-checked, #117f03);
+  background-color: #117f03;
 }
 .mc-toggle:has(:checked) .mc-toggle__container::after {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--forms-color-background-checked, %23117f03)' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.553a.75.75 0 0 1 0 1.06l-5.833 5.834a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.97 1.97 5.303-5.304a.75.75 0 0 1 1.06 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='%23117f03' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.553a.75.75 0 0 1 0 1.06l-5.833 5.834a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.97 1.97 5.303-5.304a.75.75 0 0 1 1.06 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
   transform: translate(1rem, -50%);
 }
 .mc-toggle:has(:disabled) .mc-toggle__container {
   cursor: not-allowed;
 }
 .mc-toggle:has(:disabled) .mc-toggle__container::before {
-  background-color: var(--forms-color-background-disabled, #d9d9d9);
+  background-color: #d9d9d9;
 }
 .mc-toggle:has(:disabled) .mc-toggle__container::after {
-  background-color: var(--forms-color-icon-disabled, #737373);
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--forms-color-background-disabled, %23d9d9d9)' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.364a.75.75 0 1 0-1.06-1.061L10 8.939 6.364 5.303a.75.75 0 0 0-1.06 1.06L8.94 10l-3.637 3.636a.75.75 0 1 0 1.06 1.06L10 11.062l3.636 3.636a.75.75 0 0 0 1.061-1.06L11.061 10z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
+  background-color: #737373;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='%23d9d9d9' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.364a.75.75 0 1 0-1.06-1.061L10 8.939 6.364 5.303a.75.75 0 0 0-1.06 1.06L8.94 10l-3.637 3.636a.75.75 0 1 0 1.06 1.06L10 11.062l3.636 3.636a.75.75 0 0 0 1.061-1.06L11.061 10z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
 }
 .mc-toggle:has(:disabled) .mc-toggle__label {
-  color: var(--forms-color-text-disabled, #737373);
+  color: #737373;
 }
 .mc-toggle:has(:disabled:checked) .mc-toggle__container::after {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--forms-color-background-disabled, %23d9d9d9)' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.553a.75.75 0 0 1 0 1.06l-5.833 5.834a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.97 1.97 5.303-5.304a.75.75 0 0 1 1.06 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='%23d9d9d9' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.553a.75.75 0 0 1 0 1.06l-5.833 5.834a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.97 1.97 5.303-5.304a.75.75 0 0 1 1.06 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
 }
 .mc-toggle:has(:focus-visible) .mc-toggle__container::before {
-  box-shadow: 0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));
+  box-shadow: 0 0 0 0.125rem var(--focus-color-mid, #ffffff), 0 0 0 0.25rem var(--focus-color-outer, #000000);
   outline: 0.125rem solid transparent;
   outline-offset: 0.125rem;
 }
@@ -140,18 +143,18 @@
 .mc-toggle--m .mc-toggle__container::after {
   height: 1.5rem;
   width: 1.5rem;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='var(--forms-color-background-unchecked, %23666666)' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.707a1 1 0 0 0-1.414-1.414L12 10.586 7.707 6.293a1 1 0 0 0-1.414 1.414L10.586 12l-4.293 4.293a1 1 0 1 0 1.414 1.414L12 13.414l4.293 4.293a1 1 0 0 0 1.414-1.414L13.414 12z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.707a1 1 0 0 0-1.414-1.414L12 10.586 7.707 6.293a1 1 0 0 0-1.414 1.414L10.586 12l-4.293 4.293a1 1 0 1 0 1.414 1.414L12 13.414l4.293 4.293a1 1 0 0 0 1.414-1.414L13.414 12z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
   left: 0.5rem;
 }
 .mc-toggle--m:has(:checked) .mc-toggle__container::after {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='var(--forms-color-background-checked, %23117f03)' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.793a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414 0l-3-3a1 1 0 1 1 1.414-1.414L10 14.086l6.293-6.293a1 1 0 0 1 1.414 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='%23117f03' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.793a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414 0l-3-3a1 1 0 1 1 1.414-1.414L10 14.086l6.293-6.293a1 1 0 0 1 1.414 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
   transform: translate(1.5rem, -50%);
 }
 .mc-toggle--m:has(:disabled) .mc-toggle__container::after {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='var(--forms-color-background-disabled, %23d9d9d9)' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.707a1 1 0 0 0-1.414-1.414L12 10.586 7.707 6.293a1 1 0 0 0-1.414 1.414L10.586 12l-4.293 4.293a1 1 0 1 0 1.414 1.414L12 13.414l4.293 4.293a1 1 0 0 0 1.414-1.414L13.414 12z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='%23d9d9d9' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.707a1 1 0 0 0-1.414-1.414L12 10.586 7.707 6.293a1 1 0 0 0-1.414 1.414L10.586 12l-4.293 4.293a1 1 0 1 0 1.414 1.414L12 13.414l4.293 4.293a1 1 0 0 0 1.414-1.414L13.414 12z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
 }
 .mc-toggle--m:has(:disabled:checked) .mc-toggle__container::after {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='var(--forms-color-background-disabled, %23d9d9d9)' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.793a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414 0l-3-3a1 1 0 1 1 1.414-1.414L10 14.086l6.293-6.293a1 1 0 0 1 1.414 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='%23d9d9d9' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.793a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414 0l-3-3a1 1 0 1 1 1.414-1.414L10 14.086l6.293-6.293a1 1 0 0 1 1.414 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
 }
 .mc-toggle--hide-label .mc-toggle__label {
   clip-path: inset(100%);

package/dist/components/togglegroup/ToggleGroup.js

@@ -1,7 +1,10 @@
-import{c as I,k as O,a as S,b as s,f as p,t as m,h as u,i as T,p as Y,l as q,d as n,s as P,r as o,j as d,g as y,m as a,e as J}from"../../custom-element.js";import{i as B}from"../../if.js";import{e as K}from"../../each.js";import{s as b,r as N}from"../../attributes.js";import{b as Q}from"../../input.js";import{c as R}from"../../custom-element-forward-events.js";var U=p('<legend class="mc-field__legend svelte-7x6fn9"> </legend>'),V=p('<span class="mc-toggle__label svelte-7x6fn9"> </span>'),W=p('<div><label class="mc-toggle__container svelte-7x6fn9"><input class="mc-toggle__input svelte-7x6fn9" type="checkbox"/> <!></label></div>'),X=p('<fieldset class="mc-field mc-field--group svelte-7x6fn9"><!> <div class="mc-field__container svelte-7x6fn9"></div></fieldset>');const Z={hash:"svelte-7x6fn9",code:`/**
+import{c as I,k as O,a as S,b as s,f as b,t as f,h as p,i as T,p as Y,l as q,d,s as P,r,j as o,g as y,m as a,e as J}from"../../custom-element.js";import{i as B}from"../../if.js";import{e as K}from"../../each.js";import{s as C,r as N}from"../../attributes.js";import{b as Q}from"../../input.js";import{c as R}from"../../custom-element-forward-events.js";var U=b('<legend class="mc-field__legend svelte-t87zbg"> </legend>'),V=b('<span class="mc-toggle__label svelte-t87zbg"> </span>'),W=b('<div><label class="mc-toggle__container svelte-t87zbg"><input class="mc-toggle__input svelte-t87zbg" type="checkbox"/> <!></label></div>'),X=b('<fieldset class="mc-field mc-field--group svelte-t87zbg"><!> <div class="mc-field__container svelte-t87zbg"></div></fieldset>');const Z={hash:"svelte-t87zbg",code:`/**
  * Do not edit directly, this file was auto-generated.
  */
-/* stylelint-disable string-no-newline */ .mc-field__legend.svelte-7x6fn9 {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-7x6fn9 {padding-inline:0;}.mc-field--group.svelte-7x6fn9 {border-width:0;margin-inline:0;padding:0;}
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+/* stylelint-disable string-no-newline */ .mc-field__legend.svelte-t87zbg {font-size:0.875rem;line-height:1.3;font-weight:400;color:#000000;}.mc-field__legend.svelte-t87zbg {padding-inline:0;}.mc-field--group.svelte-t87zbg {border-width:0;margin-inline:0;padding:0;}
 
-/* stylelint-enable string-no-newline */.mc-toggle.svelte-7x6fn9 {width:fit-content;}.mc-toggle__container.svelte-7x6fn9 {display:flex;align-items:center;cursor:pointer;gap:0.5rem;position:relative;padding:0.25rem;}.mc-toggle__container.svelte-7x6fn9::before, .mc-toggle__container.svelte-7x6fn9::after {content:"";}.mc-toggle__container.svelte-7x6fn9::before {transition:box-shadow 200ms ease;height:1.5rem;width:2.5rem;background-color:var(--forms-color-background-unchecked, #666666);border-radius:var(--radius-l, 1rem);flex-shrink:0;}.mc-toggle__container.svelte-7x6fn9::after {height:1.25rem;width:1.25rem;background-color:var(--forms-color-icon-inverse, #ffffff);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--forms-color-background-unchecked, %23666666)' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.364a.75.75 0 1 0-1.06-1.061L10 8.939 6.364 5.303a.75.75 0 0 0-1.06 1.06L8.94 10l-3.637 3.636a.75.75 0 1 0 1.06 1.06L10 11.062l3.636 3.636a.75.75 0 0 0 1.061-1.06L11.061 10z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");border-radius:var(--radius-full, 100%);background-position:center;left:0.375rem;position:absolute;top:50%;transform:translateY(-50%);}.mc-toggle__input.svelte-7x6fn9 {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}.mc-toggle__label.svelte-7x6fn9 {color:var(--forms-color-text-default, #000000);font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-m, 1.5);}.mc-toggle.svelte-7x6fn9:has(:where(.svelte-7x6fn9):checked) .mc-toggle__container:where(.svelte-7x6fn9)::before {background-color:var(--forms-color-background-checked, #117f03);}.mc-toggle.svelte-7x6fn9:has(:where(.svelte-7x6fn9):checked) .mc-toggle__container:where(.svelte-7x6fn9)::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--forms-color-background-checked, %23117f03)' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.553a.75.75 0 0 1 0 1.06l-5.833 5.834a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.97 1.97 5.303-5.304a.75.75 0 0 1 1.06 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");transform:translate(1rem, -50%);}.mc-toggle.svelte-7x6fn9:has(:where(.svelte-7x6fn9):disabled) .mc-toggle__container:where(.svelte-7x6fn9) {cursor:not-allowed;}.mc-toggle.svelte-7x6fn9:has(:where(.svelte-7x6fn9):disabled) .mc-toggle__container:where(.svelte-7x6fn9)::before {background-color:var(--forms-color-background-disabled, #d9d9d9);}.mc-toggle.svelte-7x6fn9:has(:where(.svelte-7x6fn9):disabled) .mc-toggle__container:where(.svelte-7x6fn9)::after {background-color:var(--forms-color-icon-disabled, #737373);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--forms-color-background-disabled, %23d9d9d9)' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.364a.75.75 0 1 0-1.06-1.061L10 8.939 6.364 5.303a.75.75 0 0 0-1.06 1.06L8.94 10l-3.637 3.636a.75.75 0 1 0 1.06 1.06L10 11.062l3.636 3.636a.75.75 0 0 0 1.061-1.06L11.061 10z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}.mc-toggle.svelte-7x6fn9:has(:where(.svelte-7x6fn9):disabled) .mc-toggle__label:where(.svelte-7x6fn9) {color:var(--forms-color-text-disabled, #737373);}.mc-toggle.svelte-7x6fn9:has(:where(.svelte-7x6fn9):disabled:checked) .mc-toggle__container:where(.svelte-7x6fn9)::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--forms-color-background-disabled, %23d9d9d9)' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.553a.75.75 0 0 1 0 1.06l-5.833 5.834a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.97 1.97 5.303-5.304a.75.75 0 0 1 1.06 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}.mc-toggle.svelte-7x6fn9:has(:where(.svelte-7x6fn9):focus-visible) .mc-toggle__container:where(.svelte-7x6fn9)::before {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-toggle--m.svelte-7x6fn9 .mc-toggle__container:where(.svelte-7x6fn9)::before {height:2rem;width:3.5rem;}.mc-toggle--m.svelte-7x6fn9 .mc-toggle__container:where(.svelte-7x6fn9)::after {height:1.5rem;width:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='var(--forms-color-background-unchecked, %23666666)' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.707a1 1 0 0 0-1.414-1.414L12 10.586 7.707 6.293a1 1 0 0 0-1.414 1.414L10.586 12l-4.293 4.293a1 1 0 1 0 1.414 1.414L12 13.414l4.293 4.293a1 1 0 0 0 1.414-1.414L13.414 12z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");left:0.5rem;}.mc-toggle--m.svelte-7x6fn9:has(:where(.svelte-7x6fn9):checked) .mc-toggle__container:where(.svelte-7x6fn9)::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='var(--forms-color-background-checked, %23117f03)' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.793a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414 0l-3-3a1 1 0 1 1 1.414-1.414L10 14.086l6.293-6.293a1 1 0 0 1 1.414 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");transform:translate(1.5rem, -50%);}.mc-toggle--m.svelte-7x6fn9:has(:where(.svelte-7x6fn9):disabled) .mc-toggle__container:where(.svelte-7x6fn9)::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='var(--forms-color-background-disabled, %23d9d9d9)' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.707a1 1 0 0 0-1.414-1.414L12 10.586 7.707 6.293a1 1 0 0 0-1.414 1.414L10.586 12l-4.293 4.293a1 1 0 1 0 1.414 1.414L12 13.414l4.293 4.293a1 1 0 0 0 1.414-1.414L13.414 12z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}.mc-toggle--m.svelte-7x6fn9:has(:where(.svelte-7x6fn9):disabled:checked) .mc-toggle__container:where(.svelte-7x6fn9)::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='var(--forms-color-background-disabled, %23d9d9d9)' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.793a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414 0l-3-3a1 1 0 1 1 1.414-1.414L10 14.086l6.293-6.293a1 1 0 0 1 1.414 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}.mc-toggle--hide-label.svelte-7x6fn9 .mc-toggle__label:where(.svelte-7x6fn9) {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}`};function $(C,r){const k=O();Y(r,!0),S(C,Z);const H=[];let g=s(r,"name",7),f=s(r,"id",7,k),c=s(r,"options",7),h=s(r,"legend",7),v=s(r,"values",31,()=>q([]));function j(e){var l;return((l=c()[e])==null?void 0:l.id)??`${f()}-${e}`}var x=X(),L=n(x);{var A=e=>{var l=U(),i=n(l,!0);o(l),m(()=>y(i,h())),u(e,l)};B(L,e=>{h()&&e(A)})}var w=P(L,2);return K(w,23,c,(e,l)=>j(l),(e,l)=>{var i=W(),z=n(i),t=n(z);N(t);var M,D=P(t,2);{var F=E=>{var _=V(),G=n(_,!0);o(_),m(()=>y(G,a(l).label)),u(E,_)};B(D,E=>{a(l).label&&E(F)})}o(z),o(i),m(()=>{J(i,1,`mc-toggle mc-field__item ${a(l).label?"":" mc-toggle--hide-label"} ${a(l).size==="m"?" mc-toggle--m":""}`,"svelte-7x6fn9"),b(t,"id",g()),b(t,"name",g()),t.disabled=a(l).disabled,M!==(M=a(l).value)&&(t.value=(t.__value=a(l).value)??"")}),Q(H,[],t,()=>(a(l).value,v()),v),u(e,i)}),o(w),o(x),m(()=>b(w,"id",f())),u(C,x),T({get name(){return g()},set name(e){g(e),d()},get id(){return f()},set id(e=k){f(e),d()},get options(){return c()},set options(e){c(e),d()},get legend(){return h()},set legend(e){h(e),d()},get values(){return v()},set values(e=[]){v(e),d()}})}customElements.define("m-toggle-group",I($,{options:{attribute:"options",reflect:!0,type:"Array"},name:{},id:{},legend:{},values:{}},[],[],!0,R));
+/* stylelint-enable string-no-newline */.mc-toggle.svelte-t87zbg {width:fit-content;}.mc-toggle__container.svelte-t87zbg {display:flex;align-items:center;cursor:pointer;gap:0.5rem;position:relative;padding:0.25rem;}.mc-toggle__container.svelte-t87zbg::before, .mc-toggle__container.svelte-t87zbg::after {content:"";}.mc-toggle__container.svelte-t87zbg::before {transition:box-shadow 200ms ease;height:1.5rem;width:2.5rem;background-color:#666666;border-radius:1rem;flex-shrink:0;}.mc-toggle__container.svelte-t87zbg::after {height:1.25rem;width:1.25rem;background-color:#ffffff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='%23666666' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.364a.75.75 0 1 0-1.06-1.061L10 8.939 6.364 5.303a.75.75 0 0 0-1.06 1.06L8.94 10l-3.637 3.636a.75.75 0 1 0 1.06 1.06L10 11.062l3.636 3.636a.75.75 0 0 0 1.061-1.06L11.061 10z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");border-radius:100%;background-position:center;left:0.375rem;position:absolute;top:50%;transform:translateY(-50%);}.mc-toggle__input.svelte-t87zbg {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}.mc-toggle__label.svelte-t87zbg {color:#000000;font-size:1rem;font-weight:400;line-height:1.5;}.mc-toggle.svelte-t87zbg:has(:where(.svelte-t87zbg):checked) .mc-toggle__container:where(.svelte-t87zbg)::before {background-color:#117f03;}.mc-toggle.svelte-t87zbg:has(:where(.svelte-t87zbg):checked) .mc-toggle__container:where(.svelte-t87zbg)::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='%23117f03' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.553a.75.75 0 0 1 0 1.06l-5.833 5.834a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.97 1.97 5.303-5.304a.75.75 0 0 1 1.06 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");transform:translate(1rem, -50%);}.mc-toggle.svelte-t87zbg:has(:where(.svelte-t87zbg):disabled) .mc-toggle__container:where(.svelte-t87zbg) {cursor:not-allowed;}.mc-toggle.svelte-t87zbg:has(:where(.svelte-t87zbg):disabled) .mc-toggle__container:where(.svelte-t87zbg)::before {background-color:#d9d9d9;}.mc-toggle.svelte-t87zbg:has(:where(.svelte-t87zbg):disabled) .mc-toggle__container:where(.svelte-t87zbg)::after {background-color:#737373;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='%23d9d9d9' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.364a.75.75 0 1 0-1.06-1.061L10 8.939 6.364 5.303a.75.75 0 0 0-1.06 1.06L8.94 10l-3.637 3.636a.75.75 0 1 0 1.06 1.06L10 11.062l3.636 3.636a.75.75 0 0 0 1.061-1.06L11.061 10z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}.mc-toggle.svelte-t87zbg:has(:where(.svelte-t87zbg):disabled) .mc-toggle__label:where(.svelte-t87zbg) {color:#737373;}.mc-toggle.svelte-t87zbg:has(:where(.svelte-t87zbg):disabled:checked) .mc-toggle__container:where(.svelte-t87zbg)::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='%23d9d9d9' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.553a.75.75 0 0 1 0 1.06l-5.833 5.834a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.97 1.97 5.303-5.304a.75.75 0 0 1 1.06 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}.mc-toggle.svelte-t87zbg:has(:where(.svelte-t87zbg):focus-visible) .mc-toggle__container:where(.svelte-t87zbg)::before {box-shadow:0 0 0 0.125rem var(--focus-color-mid, #ffffff), 0 0 0 0.25rem var(--focus-color-outer, #000000);outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-toggle--m.svelte-t87zbg .mc-toggle__container:where(.svelte-t87zbg)::before {height:2rem;width:3.5rem;}.mc-toggle--m.svelte-t87zbg .mc-toggle__container:where(.svelte-t87zbg)::after {height:1.5rem;width:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.707a1 1 0 0 0-1.414-1.414L12 10.586 7.707 6.293a1 1 0 0 0-1.414 1.414L10.586 12l-4.293 4.293a1 1 0 1 0 1.414 1.414L12 13.414l4.293 4.293a1 1 0 0 0 1.414-1.414L13.414 12z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");left:0.5rem;}.mc-toggle--m.svelte-t87zbg:has(:where(.svelte-t87zbg):checked) .mc-toggle__container:where(.svelte-t87zbg)::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='%23117f03' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.793a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414 0l-3-3a1 1 0 1 1 1.414-1.414L10 14.086l6.293-6.293a1 1 0 0 1 1.414 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");transform:translate(1.5rem, -50%);}.mc-toggle--m.svelte-t87zbg:has(:where(.svelte-t87zbg):disabled) .mc-toggle__container:where(.svelte-t87zbg)::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='%23d9d9d9' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.707a1 1 0 0 0-1.414-1.414L12 10.586 7.707 6.293a1 1 0 0 0-1.414 1.414L10.586 12l-4.293 4.293a1 1 0 1 0 1.414 1.414L12 13.414l4.293 4.293a1 1 0 0 0 1.414-1.414L13.414 12z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}.mc-toggle--m.svelte-t87zbg:has(:where(.svelte-t87zbg):disabled:checked) .mc-toggle__container:where(.svelte-t87zbg)::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='%23d9d9d9' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.793a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414 0l-3-3a1 1 0 1 1 1.414-1.414L10 14.086l6.293-6.293a1 1 0 0 1 1.414 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}.mc-toggle--hide-label.svelte-t87zbg .mc-toggle__label:where(.svelte-t87zbg) {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}`};function $(z,i){const x=O();Y(i,!0),S(z,Z);const H=[];let n=s(i,"name",7),h=s(i,"id",7,x),c=s(i,"options",7),m=s(i,"legend",7),v=s(i,"values",31,()=>q([]));function D(e){var t;return((t=c()[e])==null?void 0:t.id)??`${h()}-${e}`}var u=X(),k=d(u);{var j=e=>{var t=U(),g=d(t,!0);r(t),f(()=>y(g,m())),p(e,t)};B(k,e=>{m()&&e(j)})}var w=P(k,2);return K(w,23,c,(e,t)=>D(t),(e,t)=>{var g=W(),L=d(g),l=d(L);N(l);var M,A=P(l,2);{var F=E=>{var _=V(),G=d(_,!0);r(_),f(()=>y(G,a(t).label)),p(E,_)};B(A,E=>{a(t).label&&E(F)})}r(L),r(g),f(()=>{J(g,1,`mc-toggle mc-field__item ${a(t).label?"":" mc-toggle--hide-label"} ${a(t).size==="m"?" mc-toggle--m":""}`,"svelte-t87zbg"),C(l,"id",n()),C(l,"name",n()),l.disabled=a(t).disabled,M!==(M=a(t).value)&&(l.value=(l.__value=a(t).value)??"")}),Q(H,[],l,()=>(a(t).value,v()),v),p(e,g)}),r(w),r(u),f(()=>C(w,"id",h())),p(z,u),T({get name(){return n()},set name(e){n(e),o()},get id(){return h()},set id(e=x){h(e),o()},get options(){return c()},set options(e){c(e),o()},get legend(){return m()},set legend(e){m(e),o()},get values(){return v()},set values(e=[]){v(e),o()}})}customElements.define("m-toggle-group",I($,{options:{attribute:"options",reflect:!0,type:"Array"},name:{},id:{},legend:{},values:{}},[],[],!0,R));
 //# sourceMappingURL=ToggleGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroup.js","sources":["../../../src/components/togglegroup/ToggleGroup.svelte"],"sourcesContent":["<svelte:options\n  customElement={{\n    tag: 'm-toggle-group',\n    props: {\n      options: { reflect: true, type: 'Array', attribute: 'options' },\n    },\n    extend: customElementForwardEvents,\n  }}\n/>\n\n<script lang=\"ts\">\n  import { customElementForwardEvents } from '../../utils';\n\n  interface ToggleGroupOption {\n    value: string;\n    id?: string;\n    label?: string;\n    disabled?: boolean;\n    indeterminate?: boolean;\n    isinvalid?: boolean;\n    size?: 's' | 'm';\n  }\n\n  interface Props {\n    options: Array<ToggleGroupOption>;\n    name: string;\n    id?: string;\n    legend?: string;\n    values?: Array<string | number>;\n  }\n\n  const uid = $props.id();\n  let {\n    name,\n    id = uid,\n    options,\n    legend,\n    values = $bindable([]),\n  }: Props = $props();\n\n  function getOptionId(index: number): string {\n    return options[index]?.id ?? `${id}-${index}`;\n  }\n</script>\n\n<fieldset class=\"mc-field mc-field--group\">\n  {#if legend}\n    <legend class=\"mc-field__legend\">\n      {legend}\n    </legend>\n  {/if}\n  <div {id} class=\"mc-field__container\">\n    {#each options as opt, index (getOptionId(index))}\n      <div\n        class=\"mc-toggle mc-field__item {!opt.label\n          ? ' mc-toggle--hide-label'\n          : ''} {opt.size === 'm' ? ' mc-toggle--m' : ''}\"\n      >\n        <label class=\"mc-toggle__container\">\n          <input\n            class=\"mc-toggle__input\"\n            id={name}\n            {name}\n            type=\"checkbox\"\n            bind:group={values}\n            value={opt.value}\n            disabled={opt.disabled}\n          />\n          {#if opt.label}\n            <span class=\"mc-toggle__label\">{opt.label}</span>\n          {/if}\n        </label>\n      </div>\n    {/each}\n  </div>\n</fieldset>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/field';\n  @use '@mozaic-ds/styles/components/toggle';\n</style>\n"],"names":["uid","$.props_id","name","$.prop","$$props","id","options","legend","values","$.proxy","getOptionId","index","_a","$$render","consequent","$.each","div","opt","$.template_effect","$.set_text","text_1","$.get","consequent_1","$.set_class","div_1","input","input_value","customElementForwardEvents"],"mappings":";;;;;2tPAAA,OA+BQA,EAAGC,EAAA,gCAEPC,EAAIC,EAAAC,EAAA,OAAA,CAAA,EACJC,aAAKL,CAAG,EACRM,EAAOH,EAAAC,EAAA,UAAA,CAAA,EACPG,EAAMJ,EAAAC,EAAA,SAAA,CAAA,EACNI,EAAML,EAAAC,EAAA,SAAA,GAAA,IAAAK,EAAA,CAAA,CAAA,CAAA,WAGCC,EAAYC,EAAuB,OACnC,QAAAC,EAAAN,EAAO,EAACK,CAAK,IAAb,YAAAC,EAAgB,KAAS,GAAAP,OAAMM,CAAK,EAC7C,gEAMKJ,EAAM,CAAA,CAAA,kBAFNA,EAAM,GAAAM,EAAAC,CAAA,iBAMFC,OAAAA,EAAAC,EAAA,GAAAV,GAAWW,EAAGN,IAASD,EAAYC,CAAK,KAA7BM,IAAG,iFAiBmBC,EAAA,IAAAC,EAAAC,EAAAC,EAAAJ,CAAG,EAAC,KAAK,CAAA,kBADtCI,EAAAJ,CAAG,EAAC,OAAKJ,EAAAS,CAAA,qBAdkBC,EAAAC,EAAA,EAAA,4BAAAH,EAAAJ,CAAG,EAAC,MAElC,GADA,wBACE,IAAGI,EAAAJ,CAAG,EAAC,OAAS,IAAM,gBAAkB,EAAE,GAAA,eAAA,WAKxCf,GAAI,kBAKEuB,EAAA,SAAAJ,EAAAJ,CAAG,EAAC,SADPS,KAAAA,EAAAL,EAAAJ,CAAG,EAAC,SAAJQ,EAAA,OAAAA,EAAA,QAAAJ,EAAAJ,CAAG,EAAC,QAAK,oBAATI,EAAAJ,CAAG,EAAC,MADCT,EAAM,GAANA,gIA9BfR,EAAG,oKASZ,+IArCY2B"}
+{"version":3,"file":"ToggleGroup.js","sources":["../../../src/components/togglegroup/ToggleGroup.svelte"],"sourcesContent":["<svelte:options\n  customElement={{\n    tag: 'm-toggle-group',\n    props: {\n      options: { reflect: true, type: 'Array', attribute: 'options' },\n    },\n    extend: customElementForwardEvents,\n  }}\n/>\n\n<script lang=\"ts\">\n  import { customElementForwardEvents } from '../../utils';\n\n  interface ToggleGroupOption {\n    value: string;\n    id?: string;\n    label?: string;\n    disabled?: boolean;\n    indeterminate?: boolean;\n    isinvalid?: boolean;\n    size?: 's' | 'm';\n  }\n\n  interface Props {\n    options: Array<ToggleGroupOption>;\n    name: string;\n    id?: string;\n    legend?: string;\n    values?: Array<string | number>;\n  }\n\n  const uid = $props.id();\n  let {\n    name,\n    id = uid,\n    options,\n    legend,\n    values = $bindable([]),\n  }: Props = $props();\n\n  function getOptionId(index: number): string {\n    return options[index]?.id ?? `${id}-${index}`;\n  }\n</script>\n\n<fieldset class=\"mc-field mc-field--group\">\n  {#if legend}\n    <legend class=\"mc-field__legend\">\n      {legend}\n    </legend>\n  {/if}\n  <div {id} class=\"mc-field__container\">\n    {#each options as opt, index (getOptionId(index))}\n      <div\n        class=\"mc-toggle mc-field__item {!opt.label\n          ? ' mc-toggle--hide-label'\n          : ''} {opt.size === 'm' ? ' mc-toggle--m' : ''}\"\n      >\n        <label class=\"mc-toggle__container\">\n          <input\n            class=\"mc-toggle__input\"\n            id={name}\n            {name}\n            type=\"checkbox\"\n            bind:group={values}\n            value={opt.value}\n            disabled={opt.disabled}\n          />\n          {#if opt.label}\n            <span class=\"mc-toggle__label\">{opt.label}</span>\n          {/if}\n        </label>\n      </div>\n    {/each}\n  </div>\n</fieldset>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/field';\n  @use '@mozaic-ds/styles/components/toggle';\n</style>\n"],"names":["uid","$.props_id","name","$.prop","$$props","id","options","legend","values","$.proxy","getOptionId","index","_a","$$render","consequent","$.each","div","opt","$.template_effect","$.set_text","text_1","$.get","consequent_1","$.set_class","div_1","input","input_value","customElementForwardEvents"],"mappings":";;;;;;;;8+NAAA,OA+BQA,EAAGC,EAAA,gCAEPC,EAAIC,EAAAC,EAAA,OAAA,CAAA,EACJC,aAAKL,CAAG,EACRM,EAAOH,EAAAC,EAAA,UAAA,CAAA,EACPG,EAAMJ,EAAAC,EAAA,SAAA,CAAA,EACNI,EAAML,EAAAC,EAAA,SAAA,GAAA,IAAAK,EAAA,CAAA,CAAA,CAAA,WAGCC,EAAYC,EAAuB,OACnC,QAAAC,EAAAN,EAAO,EAACK,CAAK,IAAb,YAAAC,EAAgB,KAAS,GAAAP,OAAMM,CAAK,EAC7C,gEAMKJ,EAAM,CAAA,CAAA,kBAFNA,EAAM,GAAAM,EAAAC,CAAA,iBAMFC,OAAAA,EAAAC,EAAA,GAAAV,GAAWW,EAAGN,IAASD,EAAYC,CAAK,KAA7BM,IAAG,iFAiBmBC,EAAA,IAAAC,EAAAC,EAAAC,EAAAJ,CAAG,EAAC,KAAK,CAAA,kBADtCI,EAAAJ,CAAG,EAAC,OAAKJ,EAAAS,CAAA,qBAdkBC,EAAAC,EAAA,EAAA,4BAAAH,EAAAJ,CAAG,EAAC,MAElC,GADA,wBACE,IAAGI,EAAAJ,CAAG,EAAC,OAAS,IAAM,gBAAkB,EAAE,GAAA,eAAA,WAKxCf,GAAI,kBAKEuB,EAAA,SAAAJ,EAAAJ,CAAG,EAAC,SADPS,KAAAA,EAAAL,EAAAJ,CAAG,EAAC,SAAJQ,EAAA,OAAAA,EAAA,QAAAJ,EAAAJ,CAAG,EAAC,QAAK,oBAATI,EAAAJ,CAAG,EAAC,MADCT,EAAM,GAANA,gIA9BfR,EAAG,oKASZ,+IArCY2B"}

package/dist/components/togglegroup/ToggleGroup.svelte

@@ -78,22 +78,25 @@
 <style>/**
  * Do not edit directly, this file was auto-generated.
  */
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
 /* stylelint-disable string-no-newline */
 .mc-field__label, .mc-field__legend {
-  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);
+  font-size: 0.875rem;
+  line-height: 1.3;
+  font-weight: 400;
+  color: #000000;
 }
 .mc-field__legend {
   padding-inline: 0;
 }
 .mc-field__requirement, .mc-field__help {
-  font-size: var(--font-size-50, 0.75rem);
-  line-height: var(--line-height-m, 1.5);
-  font-weight: var(--font-weight-regular, 400);
+  font-size: 0.75rem;
+  line-height: 1.5;
+  font-weight: 400;
   vertical-align: top;
-  color: var(--field-color-requirement, #666666);
+  color: #666666;
 }
 .mc-field__help {
   display: block;
@@ -103,8 +106,8 @@
   margin-top: 0.5rem;
 }
 .mc-field__validation-message {
-  font-size: var(--font-size-100, 0.875rem);
-  line-height: var(--line-height-m, 1.5);
+  font-size: 0.875rem;
+  line-height: 1.5;
   display: inline-flex;
   gap: 0.25rem;
   margin-top: 0.25rem;
@@ -115,19 +118,19 @@
   width: 1.25rem;
 }
 .mc-field__validation-message.is-valid {
-  color: var(--field-color-validation-valid, #117f03);
+  color: #117f03;
 }
 .mc-field__validation-message.is-valid::before {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--field-color-validation-valid, %23117f03)' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E");
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='%23117f03' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E");
 }
 .mc-field__validation-message.is-invalid {
-  color: var(--field-color-validation-invalid, #c61112);
+  color: #c61112;
 }
 .mc-field__validation-message.is-invalid::before {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--field-color-validation-invalid, %23c61112)' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E");
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='%23c61112' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E");
 }
 .mc-field__validation-message.is-loading {
-  color: var(--field-color-validation-loading, #666666);
+  color: #666666;
 }
 .mc-field--group {
   border-width: 0;
@@ -164,16 +167,16 @@
   transition: box-shadow 200ms ease;
   height: 1.5rem;
   width: 2.5rem;
-  background-color: var(--forms-color-background-unchecked, #666666);
-  border-radius: var(--radius-l, 1rem);
+  background-color: #666666;
+  border-radius: 1rem;
   flex-shrink: 0;
 }
 .mc-toggle__container::after {
   height: 1.25rem;
   width: 1.25rem;
-  background-color: var(--forms-color-icon-inverse, #ffffff);
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--forms-color-background-unchecked, %23666666)' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.364a.75.75 0 1 0-1.06-1.061L10 8.939 6.364 5.303a.75.75 0 0 0-1.06 1.06L8.94 10l-3.637 3.636a.75.75 0 1 0 1.06 1.06L10 11.062l3.636 3.636a.75.75 0 0 0 1.061-1.06L11.061 10z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
-  border-radius: var(--radius-full, 100%);
+  background-color: #ffffff;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='%23666666' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.364a.75.75 0 1 0-1.06-1.061L10 8.939 6.364 5.303a.75.75 0 0 0-1.06 1.06L8.94 10l-3.637 3.636a.75.75 0 1 0 1.06 1.06L10 11.062l3.636 3.636a.75.75 0 0 0 1.061-1.06L11.061 10z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
+  border-radius: 100%;
   background-position: center;
   left: 0.375rem;
   position: absolute;
@@ -191,36 +194,36 @@
   width: 1px;
 }
 .mc-toggle__label {
-  color: var(--forms-color-text-default, #000000);
-  font-size: var(--font-size-150, 1rem);
-  font-weight: var(--font-weight-regular, 400);
-  line-height: var(--line-height-m, 1.5);
+  color: #000000;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
 }
 .mc-toggle:has(:checked) .mc-toggle__container::before {
-  background-color: var(--forms-color-background-checked, #117f03);
+  background-color: #117f03;
 }
 .mc-toggle:has(:checked) .mc-toggle__container::after {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--forms-color-background-checked, %23117f03)' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.553a.75.75 0 0 1 0 1.06l-5.833 5.834a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.97 1.97 5.303-5.304a.75.75 0 0 1 1.06 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='%23117f03' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.553a.75.75 0 0 1 0 1.06l-5.833 5.834a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.97 1.97 5.303-5.304a.75.75 0 0 1 1.06 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
   transform: translate(1rem, -50%);
 }
 .mc-toggle:has(:disabled) .mc-toggle__container {
   cursor: not-allowed;
 }
 .mc-toggle:has(:disabled) .mc-toggle__container::before {
-  background-color: var(--forms-color-background-disabled, #d9d9d9);
+  background-color: #d9d9d9;
 }
 .mc-toggle:has(:disabled) .mc-toggle__container::after {
-  background-color: var(--forms-color-icon-disabled, #737373);
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--forms-color-background-disabled, %23d9d9d9)' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.364a.75.75 0 1 0-1.06-1.061L10 8.939 6.364 5.303a.75.75 0 0 0-1.06 1.06L8.94 10l-3.637 3.636a.75.75 0 1 0 1.06 1.06L10 11.062l3.636 3.636a.75.75 0 0 0 1.061-1.06L11.061 10z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
+  background-color: #737373;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='%23d9d9d9' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.364a.75.75 0 1 0-1.06-1.061L10 8.939 6.364 5.303a.75.75 0 0 0-1.06 1.06L8.94 10l-3.637 3.636a.75.75 0 1 0 1.06 1.06L10 11.062l3.636 3.636a.75.75 0 0 0 1.061-1.06L11.061 10z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
 }
 .mc-toggle:has(:disabled) .mc-toggle__label {
-  color: var(--forms-color-text-disabled, #737373);
+  color: #737373;
 }
 .mc-toggle:has(:disabled:checked) .mc-toggle__container::after {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--forms-color-background-disabled, %23d9d9d9)' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.553a.75.75 0 0 1 0 1.06l-5.833 5.834a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.97 1.97 5.303-5.304a.75.75 0 0 1 1.06 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='%23d9d9d9' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.553a.75.75 0 0 1 0 1.06l-5.833 5.834a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.97 1.97 5.303-5.304a.75.75 0 0 1 1.06 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
 }
 .mc-toggle:has(:focus-visible) .mc-toggle__container::before {
-  box-shadow: 0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));
+  box-shadow: 0 0 0 0.125rem var(--focus-color-mid, #ffffff), 0 0 0 0.25rem var(--focus-color-outer, #000000);
   outline: 0.125rem solid transparent;
   outline-offset: 0.125rem;
 }
@@ -231,18 +234,18 @@
 .mc-toggle--m .mc-toggle__container::after {
   height: 1.5rem;
   width: 1.5rem;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='var(--forms-color-background-unchecked, %23666666)' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.707a1 1 0 0 0-1.414-1.414L12 10.586 7.707 6.293a1 1 0 0 0-1.414 1.414L10.586 12l-4.293 4.293a1 1 0 1 0 1.414 1.414L12 13.414l4.293 4.293a1 1 0 0 0 1.414-1.414L13.414 12z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.707a1 1 0 0 0-1.414-1.414L12 10.586 7.707 6.293a1 1 0 0 0-1.414 1.414L10.586 12l-4.293 4.293a1 1 0 1 0 1.414 1.414L12 13.414l4.293 4.293a1 1 0 0 0 1.414-1.414L13.414 12z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
   left: 0.5rem;
 }
 .mc-toggle--m:has(:checked) .mc-toggle__container::after {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='var(--forms-color-background-checked, %23117f03)' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.793a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414 0l-3-3a1 1 0 1 1 1.414-1.414L10 14.086l6.293-6.293a1 1 0 0 1 1.414 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='%23117f03' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.793a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414 0l-3-3a1 1 0 1 1 1.414-1.414L10 14.086l6.293-6.293a1 1 0 0 1 1.414 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
   transform: translate(1.5rem, -50%);
 }
 .mc-toggle--m:has(:disabled) .mc-toggle__container::after {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='var(--forms-color-background-disabled, %23d9d9d9)' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.707a1 1 0 0 0-1.414-1.414L12 10.586 7.707 6.293a1 1 0 0 0-1.414 1.414L10.586 12l-4.293 4.293a1 1 0 1 0 1.414 1.414L12 13.414l4.293 4.293a1 1 0 0 0 1.414-1.414L13.414 12z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='%23d9d9d9' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.707a1 1 0 0 0-1.414-1.414L12 10.586 7.707 6.293a1 1 0 0 0-1.414 1.414L10.586 12l-4.293 4.293a1 1 0 1 0 1.414 1.414L12 13.414l4.293 4.293a1 1 0 0 0 1.414-1.414L13.414 12z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
 }
 .mc-toggle--m:has(:disabled:checked) .mc-toggle__container::after {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='var(--forms-color-background-disabled, %23d9d9d9)' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.793a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414 0l-3-3a1 1 0 1 1 1.414-1.414L10 14.086l6.293-6.293a1 1 0 0 1 1.414 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='%23d9d9d9' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.793a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414 0l-3-3a1 1 0 1 1 1.414-1.414L10 14.086l6.293-6.293a1 1 0 0 1 1.414 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
 }
 .mc-toggle--hide-label .mc-toggle__label {
   clip-path: inset(100%);

package/dist/components/tooltip/Tooltip.js

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

package/dist/components/tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../src/components/tooltip/Tooltip.svelte"],"sourcesContent":["<svelte:options\n  customElement={{\n    tag: 'm-tooltip',\n    props: {\n      options: { reflect: true, type: 'Boolean', attribute: 'pointer' },\n    },\n  }}\n/>\n\n<script lang=\"ts\">\n  interface Props {\n    id: string;\n    text: string;\n    position?: 'top' | 'bottom' | 'left' | 'right';\n    pointer?: boolean;\n  }\n\n  let { id, text, position = 'top', pointer = true }: Props = $props();\n</script>\n\n<div\n  class=\"mc-tooltip\"\n  class:mc-tooltip--no-pointer={!pointer}\n  class:mc-tooltip--top={position === 'top'}\n  class:mc-tooltip--bottom={position === 'bottom'}\n  class:mc-tooltip--left={position === 'left'}\n  class:mc-tooltip--right={position === 'right'}\n  aria-describedby={id}\n>\n  <slot />\n  <span {id} class=\"mc-tooltip__content\" role=\"tooltip\">\n    {text}\n  </span>\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/tooltip';\n</style>\n"],"names":["id","$.prop","$$props","text","position","pointer"],"mappings":";;;;49FAAA,oBAiBQA,EAAEC,EAAAC,EAAA,KAAA,CAAA,EAAEC,EAAIF,EAAAC,EAAA,OAAA,CAAA,EAAEE,mBAAW,KAAK,EAAEC,kBAAU,EAAI,mKAU9BL,GAAE,oBAIjBG,GAAI,oCATwBE,EAAO,EACf,kBAAAD,EAAQ,IAAK,MACV,qBAAAA,EAAQ,IAAK,SACf,mBAAAA,EAAQ,IAAK,OACZ,oBAAAA,EAAQ,IAAK,sJATX,MAAK,mDAAY,GAAI,YAClD"}
+{"version":3,"file":"Tooltip.js","sources":["../../../src/components/tooltip/Tooltip.svelte"],"sourcesContent":["<svelte:options\n  customElement={{\n    tag: 'm-tooltip',\n    props: {\n      options: { reflect: true, type: 'Boolean', attribute: 'pointer' },\n    },\n  }}\n/>\n\n<script lang=\"ts\">\n  interface Props {\n    id: string;\n    text: string;\n    position?: 'top' | 'bottom' | 'left' | 'right';\n    pointer?: boolean;\n  }\n\n  let { id, text, position = 'top', pointer = true }: Props = $props();\n</script>\n\n<div\n  class=\"mc-tooltip\"\n  class:mc-tooltip--no-pointer={!pointer}\n  class:mc-tooltip--top={position === 'top'}\n  class:mc-tooltip--bottom={position === 'bottom'}\n  class:mc-tooltip--left={position === 'left'}\n  class:mc-tooltip--right={position === 'right'}\n  aria-describedby={id}\n>\n  <slot />\n  <span {id} class=\"mc-tooltip__content\" role=\"tooltip\">\n    {text}\n  </span>\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/tooltip';\n</style>\n"],"names":["id","$.prop","$$props","text","position","pointer"],"mappings":";;;;;;;85FAAA,oBAiBQA,EAAEC,EAAAC,EAAA,KAAA,CAAA,EAAEC,EAAIF,EAAAC,EAAA,OAAA,CAAA,EAAEE,mBAAW,KAAK,EAAEC,kBAAU,EAAI,mKAU9BL,GAAE,oBAIjBG,GAAI,oCATwBE,EAAO,EACf,kBAAAD,EAAQ,IAAK,MACV,qBAAAA,EAAQ,IAAK,SACf,mBAAAA,EAAQ,IAAK,OACZ,oBAAAA,EAAQ,IAAK,sJATX,MAAK,mDAAY,GAAI,YAClD"}

package/dist/components/tooltip/Tooltip.svelte

@@ -36,6 +36,9 @@
 <style>/**
  * Do not edit directly, this file was auto-generated.
  */
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
 .mc-tooltip {
   display: inline-flex;
   position: relative;
@@ -47,9 +50,9 @@
   visibility: visible;
 }
 .mc-tooltip__content {
-  font-size: var(--font-size-100, 0.875rem);
-  border-radius: var(--radius-s, 0.25rem);
-  line-height: var(--line-height-s, 1.3);
+  font-size: 0.875rem;
+  border-radius: 0.25rem;
+  line-height: 1.3;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
@@ -57,14 +60,14 @@
   align-items: center;
   max-width: 16rem;
   min-width: 4rem;
-  background-color: var(--tooltip-color-background, #242938);
+  background-color: #242938;
   box-sizing: border-box;
-  color: var(--tooltip-color-text, #ffffff);
+  color: #ffffff;
   position: absolute;
   text-align: center;
   visibility: hidden;
   z-index: var(--tooltip-z-index, 1);
-  border: var(--border-s, 1px) solid var(--tooltip-color-border, #636d88);
+  border: 1px solid #636d88;
   word-break: break-all;
   padding: 0.375rem 0.5rem;
 }
@@ -74,7 +77,7 @@
   }
 }
 .mc-tooltip__content::before {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='0.5rem' width='0.5rem' viewBox='0 0 8 8'%3E%3Cpath fill='var(--tooltip-color-border, %23636d88)' d='M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z'/%3E%3C/svg%3E");
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='0.5rem' width='0.5rem' viewBox='0 0 8 8'%3E%3Cpath fill='%23636d88' d='M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z'/%3E%3C/svg%3E");
   background-color: transparent;
   background-repeat: no-repeat;
   background-size: 0.625rem;
@@ -84,7 +87,7 @@
   width: 0.625rem;
 }
 .mc-tooltip__content::after {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='0.5rem' width='0.5rem' viewBox='0 0 8 8'%3E%3Cpath fill='var(--tooltip-color-background, %23242938)' d='M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z'/%3E%3C/svg%3E");
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='0.5rem' width='0.5rem' viewBox='0 0 8 8'%3E%3Cpath fill='%23242938' d='M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z'/%3E%3C/svg%3E");
   background-color: transparent;
   background-repeat: no-repeat;
   background-size: 0.5rem;