@mozaic-ds/web-components 1.0.0-alpha.9 → 1.0.0-beta.1

package/dist/components/link/Link.svelte.d.ts

@@ -1,4 +1,14 @@
 import type { LinkIconPosition, LinkSize, LinkStyle } from './link.types';
+interface Props {
+    href: string;
+    target: string;
+    appearance?: LinkStyle;
+    disabled?: boolean;
+    size?: LinkSize;
+    inline?: boolean;
+    iconposition?: LinkIconPosition | undefined;
+    [key: string]: any;
+}
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -17,26 +27,15 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
 } ? Props extends Record<string, never> ? any : {
     children?: any;
 } : {});
-declare const Link: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    [x: string]: any;
-    href: string;
-    target: string;
-    style?: LinkStyle;
-    disabled?: boolean | undefined;
-    size?: LinkSize | undefined;
-    inline?: boolean | undefined;
-    iconposition?: LinkIconPosition | undefined;
-}, {
+declare const Link: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<Props, {
     icon: {};
     default: {};
 }>, {
-    click: MouseEvent;
-} & {
     [evt: string]: CustomEvent<any>;
 }, {
     icon: {};
     default: {};
-}, {}, string>;
+}, {}, "">;
 type Link = InstanceType<typeof Link>;
 export default Link;
 //# sourceMappingURL=Link.svelte.d.ts.map

package/dist/components/link/Link.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/link/Link.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AA8D1E,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,IAAI;;UAf6I,MAAM;YAAU,MAAM;;;WAAwD,QAAQ;;;;;;;;;;;;;cAezH,CAAC;AACnG,KAAK,IAAI,GAAG,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC;AACxC,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Link.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/link/Link.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAExE,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC5C,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AA8DH,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,IAAI;;;;;;;;UAAmF,CAAC;AAC5E,KAAK,IAAI,GAAG,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC;AACxC,eAAe,IAAI,CAAC"}

package/dist/components/link/link.types.d.ts

@@ -1,4 +1,4 @@
 export type LinkSize = 's' | 'm';
-export type LinkStyle = 'accent' | 'inverse' | 'secondary' | 'primary' | undefined;
+export type LinkStyle = 'accent' | 'inverse' | 'secondary' | 'standard' | undefined;
 export type LinkIconPosition = 'left' | 'right';
 //# sourceMappingURL=link.types.d.ts.map

package/dist/components/link/link.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.types.d.ts","sourceRoot":"","sources":["../../../src/components/link/link.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,GAAG,GAAG,GAAG,CAAC;AACjC,MAAM,MAAM,SAAS,GACjB,QAAQ,GACR,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,CAAC;AACd,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAC"}
+{"version":3,"file":"link.types.d.ts","sourceRoot":"","sources":["../../../src/components/link/link.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,GAAG,GAAG,GAAG,CAAC;AACjC,MAAM,MAAM,SAAS,GACjB,QAAQ,GACR,SAAS,GACT,WAAW,GACX,UAAU,GACV,SAAS,CAAC;AACd,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAC"}

package/dist/components/loader/Loader.js

@@ -1,10 +1,10 @@
-import{c as B,p as j,a as L,b as d,t as w,s as R,e as n,f as _,k as D,B as E,g as f,h as S,i as c,r as i,j as V}from"../../custom-element.js";import{i as q}from"../../if.js";import{s as v}from"../../attributes.js";var A=w('<span class="mc-loader__text svelte-ud0phk"> </span>'),F=w('<div><span class="mc-loader__spinner svelte-ud0phk"><svg class="mc-loader__icon svelte-ud0phk" xmlns="http://www.w3.org/2000/svg"><circle class="mc-loader__path svelte-ud0phk" cx="50%" cy="50%"></circle></svg></span> <!></div>');const G={hash:"svelte-ud0phk",code:`/**
+import{c as B,a as R,b as j,d as n,f as x,s as L,g as m,t as f,R as D,m as E,h as u,i as S,j as c,r as i,k as V}from"../../custom-element.js";import{i as q}from"../../if.js";import{s as w}from"../../attributes.js";var A=x('<span class="mc-loader__text svelte-lrmt37"> </span>'),F=x('<div><span class="mc-loader__spinner svelte-lrmt37"><svg class="mc-loader__icon svelte-lrmt37" xmlns="http://www.w3.org/2000/svg"><circle class="mc-loader__path svelte-lrmt37" cx="50%" cy="50%"></circle></svg></span> <!></div>');const G={hash:"svelte-lrmt37",code:`/**
  * Do not edit directly, this file was auto-generated.
- */.mc-loader.svelte-ud0phk {color:var(--loader-color-standard, #464e63);align-items:center;display:inline-flex;flex-direction:column;}.mc-loader.svelte-ud0phk .mc-loader__spinner:where(.svelte-ud0phk) {height:2rem;width:2rem;}.mc-loader.svelte-ud0phk .mc-loader__path:where(.svelte-ud0phk) {stroke-width:4;}.mc-loader.svelte-ud0phk .mc-loader__path:where(.svelte-ud0phk) {stroke:currentColor;}.mc-loader__spinner.svelte-ud0phk:not(:only-child) {margin-bottom:1rem;}.mc-loader__icon.svelte-ud0phk {
-  animation: svelte-ud0phk-rotate-loader 2s linear infinite;transform-origin:center;}.mc-loader__path.svelte-ud0phk {fill:none;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round;
-  animation: svelte-ud0phk-animate-dash-loader 2s ease-in-out infinite;}.mc-loader__text.svelte-ud0phk {font-size:1rem;color:currentcolor;}.mc-loader.svelte-ud0phk:not(.mc-loader--text-visible) .mc-loader__text:where(.svelte-ud0phk) {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}.mc-loader--s.svelte-ud0phk .mc-loader__spinner:where(.svelte-ud0phk) {height:1.5rem;width:1.5rem;}.mc-loader--s.svelte-ud0phk .mc-loader__path:where(.svelte-ud0phk) {stroke-width:4;}.mc-loader--l.svelte-ud0phk .mc-loader__spinner:where(.svelte-ud0phk) {height:4rem;width:4rem;}.mc-loader--l.svelte-ud0phk .mc-loader__path:where(.svelte-ud0phk) {stroke-width:8;}.mc-loader--accent.svelte-ud0phk {color:var(--loader-color-accent, #117f03);}.mc-loader--accent.svelte-ud0phk .mc-loader__path:where(.svelte-ud0phk) {stroke:currentColor;}.mc-loader--inverse.svelte-ud0phk {color:var(--loader-color-inverse, #ffffff);}.mc-loader--inverse.svelte-ud0phk .mc-loader__path:where(.svelte-ud0phk) {stroke:currentColor;}
+ */.mc-loader.svelte-lrmt37 {color:var(--loader-color-standard, #464e63);align-items:center;display:inline-flex;flex-direction:column;}.mc-loader.svelte-lrmt37 .mc-loader__spinner:where(.svelte-lrmt37) {height:2rem;width:2rem;}.mc-loader.svelte-lrmt37 .mc-loader__path:where(.svelte-lrmt37) {stroke-width:4;}.mc-loader.svelte-lrmt37 .mc-loader__path:where(.svelte-lrmt37) {stroke:currentColor;}.mc-loader__spinner.svelte-lrmt37:not(:only-child) {margin-bottom:1rem;}.mc-loader__icon.svelte-lrmt37 {
+  animation: svelte-lrmt37-rotate-loader 2s linear infinite;transform-origin:center;}.mc-loader__path.svelte-lrmt37 {fill:none;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round;
+  animation: svelte-lrmt37-animate-dash-loader 2s ease-in-out infinite;}.mc-loader__text.svelte-lrmt37 {font-size:1rem;color:currentcolor;}.mc-loader.svelte-lrmt37:not(.mc-loader--text-visible) .mc-loader__text:where(.svelte-lrmt37) {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}.mc-loader--xs.svelte-lrmt37 .mc-loader__spinner:where(.svelte-lrmt37) {height:1.25rem;width:1.25rem;}.mc-loader--xs.svelte-lrmt37 .mc-loader__path:where(.svelte-lrmt37) {stroke-width:2;}.mc-loader--s.svelte-lrmt37 .mc-loader__spinner:where(.svelte-lrmt37) {height:1.5rem;width:1.5rem;}.mc-loader--s.svelte-lrmt37 .mc-loader__path:where(.svelte-lrmt37) {stroke-width:4;}.mc-loader--l.svelte-lrmt37 .mc-loader__spinner:where(.svelte-lrmt37) {height:4rem;width:4rem;}.mc-loader--l.svelte-lrmt37 .mc-loader__path:where(.svelte-lrmt37) {stroke-width:8;}.mc-loader--accent.svelte-lrmt37 {color:var(--loader-color-accent, #117f03);}.mc-loader--accent.svelte-lrmt37 .mc-loader__path:where(.svelte-lrmt37) {stroke:currentColor;}.mc-loader--inverse.svelte-lrmt37 {color:var(--loader-color-inverse, #ffffff);}.mc-loader--inverse.svelte-lrmt37 .mc-loader__path:where(.svelte-lrmt37) {stroke:currentColor;}
 
-@keyframes svelte-ud0phk-rotate-loader {
+@keyframes svelte-lrmt37-rotate-loader {
   0% {
     transform: rotate(0deg);
   }
@@ -12,7 +12,7 @@ import{c as B,p as j,a as L,b as d,t as w,s as R,e as n,f as _,k as D,B as E,g a
     transform: rotate(270deg);
   }
 }
-@keyframes svelte-ud0phk-animate-dash-loader {
+@keyframes svelte-lrmt37-animate-dash-loader {
   0% {
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
@@ -25,5 +25,5 @@ import{c as B,p as j,a as L,b as d,t as w,s as R,e as n,f as _,k as D,B as E,g a
     stroke-dasharray: 89, 200;
     stroke-dashoffset: -124px;
   }
-}`};function H(k,s){j(s,!0),L(k,G);let a=d(s,"size",7),h=d(s,"theme",7),o=d(s,"text",7),p=d(s,"style",7);function x(e,t){const r=["mc-loader"];return e&&r.push(`mc-loader--${e}`),t&&r.push(`mc-loader--${t}`),r.join(" ")}function g(e){let t;switch(e){case"s":t="0 0 24 24";break;case"l":t="0 0 64 64";break;default:t="0 0 32 32"}return t}function y(e){let t;switch(e){case"s":t=6;break;case"l":t=19;break;default:t=9}return t}var l=F(),m=n(l),u=n(m),b=n(u);i(u),i(m);var z=R(m,2);{var C=e=>{var t=A(),r=n(t,!0);i(t),_(()=>V(r,o())),f(e,t)};q(z,e=>{o()&&e(C)})}return i(l),_((e,t,r)=>{D(l,1,E(e),"svelte-ud0phk"),v(l,"style",p()),v(u,"viewBox",t),v(b,"r",r)},[()=>x(a(),h()),()=>g(a()),()=>y(a())]),f(k,l),S({get size(){return a()},set size(e){a(e),c()},get theme(){return h()},set theme(e){h(e),c()},get text(){return o()},set text(e){o(e),c()},get style(){return p()},set style(e){p(e),c()}})}customElements.define("m-loader",B(H,{size:{},theme:{},text:{},style:{}},[],[],!0));export{H as L};
+}`};function H(p,l){R(l,!0),j(p,G);let a=n(l,"size",7),d=n(l,"theme",7),s=n(l,"text",7),_=n(l,"appearance",7);function k(e,t){const r=["mc-loader"];return e&&r.push(`mc-loader--${e}`),t&&r.push(`mc-loader--${t}`),r.join(" ")}function g(e){let t;switch(e){case"s":t="0 0 24 24";break;case"l":t="0 0 64 64";break;default:t="0 0 32 32"}return t}function y(e){let t;switch(e){case"s":t=6;break;case"l":t=19;break;default:t=9}return t}var o=F(),h=m(o),v=m(h),b=m(v);i(v),i(h);var z=L(h,2);{var C=e=>{var t=A(),r=m(t,!0);i(t),f(()=>V(r,s())),u(e,t)};q(z,e=>{s()&&e(C)})}return i(o),f((e,t,r)=>{E(o,1,e,"svelte-lrmt37"),w(v,"viewBox",t),w(b,"r",r)},[()=>D(k(a(),d())),()=>g(a()),()=>y(a())]),u(p,o),S({get size(){return a()},set size(e){a(e),c()},get theme(){return d()},set theme(e){d(e),c()},get text(){return s()},set text(e){s(e),c()},get appearance(){return _()},set appearance(e){_(e),c()}})}customElements.define("m-loader",B(H,{size:{},theme:{},text:{},appearance:{}},[],[],!0));export{H as L};
 //# sourceMappingURL=Loader.js.map

package/dist/components/loader/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sources":["../../../src/components/loader/Loader.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-loader' }} />\n\n<script lang=\"ts\">\n  import type { LoaderSize, LoaderTheme } from './loader.types';\n\n  interface Props {\n    size: LoaderSize;\n    theme: LoaderTheme;\n    text: string;\n    style: string;\n  }\n\n  let { size, theme, text, style }: Props = $props();\n\n  function setClasses(size: LoaderSize, theme: LoaderTheme) {\n    const classes = ['mc-loader'];\n\n    if (size) {\n      classes.push(`mc-loader--${size}`);\n    }\n\n    if (theme) {\n      classes.push(`mc-loader--${theme}`);\n    }\n\n    return classes.join(' ');\n  }\n\n  function setViewBox(size: LoaderSize) {\n    let viewBox: string;\n\n    switch (size) {\n      case 's':\n        viewBox = '0 0 24 24';\n        break;\n      case 'l':\n        viewBox = '0 0 64 64';\n        break;\n      default:\n        viewBox = '0 0 32 32';\n    }\n\n    return viewBox;\n  }\n\n  function setCircleRadius(size: LoaderSize) {\n    let circleRadius: number;\n\n    switch (size) {\n      case 's':\n        circleRadius = 6;\n        break;\n      case 'l':\n        circleRadius = 19;\n        break;\n      default:\n        circleRadius = 9;\n    }\n\n    return circleRadius;\n  }\n</script>\n\n<div class={setClasses(size, theme)} {style}>\n  <span class=\"mc-loader__spinner\">\n    <svg\n      class=\"mc-loader__icon\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox={setViewBox(size)}\n    >\n      <circle\n        class=\"mc-loader__path\"\n        cx=\"50%\"\n        cy=\"50%\"\n        r={setCircleRadius(size)}\n      />\n    </svg>\n  </span>\n\n  {#if text}\n    <span class=\"mc-loader__text\">\n      {text}\n    </span>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/loader';\n</style>\n"],"names":["size","$.prop","$$props","theme","text","style","setClasses","classes","setViewBox","viewBox","setCircleRadius","circleRadius","$$render","consequent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;uCAYQA,EAAIC,EAAAC,EAAA,OAAA,CAAA,EAAEC,EAAKF,EAAAC,EAAA,QAAA,CAAA,EAAEE,EAAIH,EAAAC,EAAA,OAAA,CAAA,EAAEG,EAAKJ,EAAAC,EAAA,QAAA,CAAA,EAErB,SAAAI,EAAWN,EAAkBG,EAAoB,CAClD,MAAAI,GAAW,WAAW,EAExB,OAAAP,GACFO,EAAQ,KAAI,cAAeP,CAAI,EAAA,EAG7BG,GACFI,EAAQ,KAAI,cAAeJ,CAAK,EAAA,EAG3BI,EAAQ,KAAK,GAAG,CACzB,UAESC,EAAWR,EAAkB,KAChCS,SAEIT,EAAI,KACL,IACHS,EAAU,sBAEP,IACHA,EAAU,0BAGVA,EAAU,mBAGPA,CACT,UAESC,EAAgBV,EAAkB,KACrCW,SAEIX,EAAI,KACL,IACHW,EAAe,YAEZ,IACHA,EAAe,iBAGfA,EAAe,SAGZA,CACT,qGAqBKP,EAAI,CAAA,CAAA,kBAFJA,EAAI,GAAAQ,EAAAC,CAAA,2GAhBCP,EAAWN,IAAMG,GAAK,EAKnB,IAAAK,EAAWR,GAAI,EAMnB,IAAAU,EAAgBV,EAAI,CAAA"}
+{"version":3,"file":"Loader.js","sources":["../../../src/components/loader/Loader.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-loader' }} />\n\n<script lang=\"ts\">\n  import type { LoaderSize, LoaderTheme } from './loader.types';\n\n  interface Props {\n    size: LoaderSize;\n    theme: LoaderTheme;\n    text: string;\n  }\n\n  let { size, theme, text, appearance }: Props = $props();\n\n  function setClasses(size: LoaderSize, theme: LoaderTheme) {\n    const classes = ['mc-loader'];\n\n    if (size) {\n      classes.push(`mc-loader--${size}`);\n    }\n\n    if (theme) {\n      classes.push(`mc-loader--${theme}`);\n    }\n\n    return classes.join(' ');\n  }\n\n  function setViewBox(size: LoaderSize) {\n    let viewBox: string;\n\n    switch (size) {\n      case 's':\n        viewBox = '0 0 24 24';\n        break;\n      case 'l':\n        viewBox = '0 0 64 64';\n        break;\n      default:\n        viewBox = '0 0 32 32';\n    }\n\n    return viewBox;\n  }\n\n  function setCircleRadius(size: LoaderSize) {\n    let circleRadius: number;\n\n    switch (size) {\n      case 's':\n        circleRadius = 6;\n        break;\n      case 'l':\n        circleRadius = 19;\n        break;\n      default:\n        circleRadius = 9;\n    }\n\n    return circleRadius;\n  }\n</script>\n\n<div class={setClasses(size, theme)}>\n  <span class=\"mc-loader__spinner\">\n    <svg\n      class=\"mc-loader__icon\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox={setViewBox(size)}\n    >\n      <circle\n        class=\"mc-loader__path\"\n        cx=\"50%\"\n        cy=\"50%\"\n        r={setCircleRadius(size)}\n      />\n    </svg>\n  </span>\n\n  {#if text}\n    <span class=\"mc-loader__text\">\n      {text}\n    </span>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/loader';\n</style>\n"],"names":["size","$.prop","$$props","theme","text","appearance","setClasses","classes","setViewBox","viewBox","setCircleRadius","circleRadius","$$render","consequent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;uCAWQA,EAAIC,EAAAC,EAAA,OAAA,CAAA,EAAEC,EAAKF,EAAAC,EAAA,QAAA,CAAA,EAAEE,EAAIH,EAAAC,EAAA,OAAA,CAAA,EAAEG,EAAUJ,EAAAC,EAAA,aAAA,CAAA,EAE1B,SAAAI,EAAWN,EAAkBG,EAAoB,CAClD,MAAAI,GAAW,WAAW,EAExB,OAAAP,GACFO,EAAQ,KAAI,cAAeP,CAAI,EAAA,EAG7BG,GACFI,EAAQ,KAAI,cAAeJ,CAAK,EAAA,EAG3BI,EAAQ,KAAK,GAAG,CACzB,UAESC,EAAWR,EAAkB,KAChCS,SAEIT,EAAI,KACL,IACHS,EAAU,sBAEP,IACHA,EAAU,0BAGVA,EAAU,mBAGPA,CACT,UAESC,EAAgBV,EAAkB,KACrCW,SAEIX,EAAI,KACL,IACHW,EAAe,YAEZ,IACHA,EAAe,iBAGfA,EAAe,SAGZA,CACT,qGAqBKP,EAAI,CAAA,CAAA,kBAFJA,EAAI,GAAAQ,EAAAC,CAAA,yFAhBCP,EAAWN,EAAI,EAAEG,EAAK,CAAA,CAAA,EAKnB,IAAAK,EAAWR,GAAI,EAMnB,IAAAU,EAAgBV,EAAI,CAAA"}

package/dist/components/loader/Loader.svelte

@@ -7,10 +7,9 @@
     size: LoaderSize;
     theme: LoaderTheme;
     text: string;
-    style: string;
   }
 
-  let { size, theme, text, style }: Props = $props();
+  let { size, theme, text, appearance }: Props = $props();
 
   function setClasses(size: LoaderSize, theme: LoaderTheme) {
     const classes = ['mc-loader'];
@@ -61,7 +60,7 @@
   }
 </script>
 
-<div class={setClasses(size, theme)} {style}>
+<div class={setClasses(size, theme)}>
   <span class="mc-loader__spinner">
     <svg
       class="mc-loader__icon"
@@ -131,6 +130,13 @@
   padding: 0;
   width: 1px;
 }
+.mc-loader--xs .mc-loader__spinner {
+  height: 1.25rem;
+  width: 1.25rem;
+}
+.mc-loader--xs .mc-loader__path {
+  stroke-width: 2;
+}
 .mc-loader--s .mc-loader__spinner {
   height: 1.5rem;
   width: 1.5rem;

package/dist/components/loader/Loader.svelte.d.ts

@@ -3,7 +3,6 @@ interface Props {
     size: LoaderSize;
     theme: LoaderTheme;
     text: string;
-    style: string;
 }
 declare const Loader: import("svelte").Component<Props, {}, "">;
 type Loader = ReturnType<typeof Loader>;

package/dist/components/loader/Loader.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/loader/Loader.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG5D,UAAU,KAAK;IACb,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,WAAW,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AA4EH,QAAA,MAAM,MAAM,2CAAsC,CAAC;AACnD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Loader.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/loader/Loader.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG5D,UAAU,KAAK;IACb,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,WAAW,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd;AA4EH,QAAA,MAAM,MAAM,2CAAsC,CAAC;AACnD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

package/dist/components/loader/loader.types.d.ts

@@ -1,3 +1,3 @@
-export type LoaderSize = 's' | 'm' | 'l' | undefined;
+export type LoaderSize = 'xs' | 's' | 'm' | 'l' | undefined;
 export type LoaderTheme = 'inverse' | 'accent' | 'standard' | undefined;
 //# sourceMappingURL=loader.types.d.ts.map

package/dist/components/loader/loader.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loader.types.d.ts","sourceRoot":"","sources":["../../../src/components/loader/loader.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,SAAS,CAAC;AACrD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC"}
+{"version":3,"file":"loader.types.d.ts","sourceRoot":"","sources":["../../../src/components/loader/loader.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,SAAS,CAAC;AAC5D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC"}

package/dist/components/number-badge/NumberBadge.js

@@ -0,0 +1,4 @@
+import{c as g,a as i,b as u,d as o,f,t as v,R as p,m as h,k as z,g as y,h as x,i as k,j as d,r as _}from"../../custom-element.js";var w=f("<div> </div>");const j={hash:"svelte-1m62yzg",code:`/**
+ * Do not edit directly, this file was auto-generated.
+ */.mc-number-badge.svelte-1m62yzg {color:var(--number-badge-color-text-standard, #ffffff);background-color:var(--number-badge-color-background-standard, #464e63);height:1rem;min-width:1rem;padding-inline:0.125rem;font-size:0.625rem;border-radius:1rem;font-weight:600;display:inline-flex;align-items:center;box-sizing:border-box;justify-content:center;}.mc-number-badge--m.svelte-1m62yzg {height:1.5rem;min-width:1.5rem;padding-inline:0.25rem;font-size:0.75rem;}.mc-number-badge--accent.svelte-1m62yzg {color:var(--number-badge-color-text-accent, #ffffff);background-color:var(--number-badge-color-background-accent, #117f03);}.mc-number-badge--danger.svelte-1m62yzg {color:var(--number-badge-color-text-danger, #ffffff);background-color:var(--number-badge-color-background-danger, #c61112);}.mc-number-badge--inverse.svelte-1m62yzg {color:var(--number-badge-color-text-inverse, #464e63);background-color:var(--number-badge-color-background-inverse, #ffffff);}`};function B(m,a){i(a,!0),u(m,j);let s=o(a,"label",7,""),r=o(a,"appearance",7,"standard"),n=o(a,"size",7,"s");function l(e){const c=["mc-number-badge"];return r()&&c.push(`mc-number-badge--${r()}`),n()&&c.push(`mc-number-badge--${n()}`),c.join(" ")}var t=w(),b=y(t,!0);return _(t),v(e=>{h(t,1,e,"svelte-1m62yzg"),z(b,s())},[()=>p(l(r()))]),x(m,t),k({get label(){return s()},set label(e=""){s(e),d()},get appearance(){return r()},set appearance(e="standard"){r(e),d()},get size(){return n()},set size(e="s"){n(e),d()}})}customElements.define("m-number-badge",g(B,{label:{},appearance:{},size:{}},[],[],!0));
+//# sourceMappingURL=NumberBadge.js.map

package/dist/components/number-badge/NumberBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberBadge.js","sources":["../../../src/components/number-badge/NumberBadge.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-number-badge' }} />\n\n<script lang=\"ts\">\n  import type { BadgeStyle, BadgeSize } from './number-badge.types';\n  interface Props {\n    label: string;\n    appearance: BadgeStyle;\n    size: BadgeSize;\n  }\n\n  let { label = '', appearance = 'standard', size = 's' }: Props = $props();\n\n  function setClasses(style: BadgeStyle) {\n    const classes = ['mc-number-badge'];\n\n    if (appearance) {\n      classes.push(`mc-number-badge--${appearance}`);\n    }\n\n    if (size) {\n      classes.push(`mc-number-badge--${size}`);\n    }\n\n    return classes.join(' ');\n  }\n</script>\n\n<div class={setClasses(appearance)}>\n  {label}\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/number-badge';\n</style>\n"],"names":["label","appearance","size","setClasses","style","classes","$.clsx"],"mappings":";;k+BAUQ,IAAAA,gBAAQ,EAAE,EAAEC,qBAAa,UAAU,EAAEC,eAAO,GAAG,WAE5CC,EAAWC,EAAmB,CAC/B,MAAAC,GAAW,iBAAiB,EAE9B,OAAAJ,EAAU,GACZI,EAAQ,KAAI,oBAAqBJ,EAAU,CAAA,EAAA,EAGzCC,EAAI,GACNG,EAAQ,KAAI,oBAAqBH,EAAI,CAAA,EAAA,EAGhCG,EAAQ,KAAK,GAAG,CACzB,qEAICL,GAAK,IADI,IAAAM,EAAAH,EAAWF,GAAU,CAAA,kDAjBjB,GAAE,yDAAe,WAAU,6CAAS,IAAG"}

package/dist/components/number-badge/NumberBadge.svelte

@@ -0,0 +1,66 @@
+<svelte:options customElement={{ tag: 'm-number-badge' }} />
+
+<script lang="ts">
+  import type { BadgeStyle, BadgeSize } from './number-badge.types';
+  interface Props {
+    label: string;
+    appearance: BadgeStyle;
+    size: BadgeSize;
+  }
+
+  let { label = '', appearance = 'standard', size = 's' }: Props = $props();
+
+  function setClasses(style: BadgeStyle) {
+    const classes = ['mc-number-badge'];
+
+    if (appearance) {
+      classes.push(`mc-number-badge--${appearance}`);
+    }
+
+    if (size) {
+      classes.push(`mc-number-badge--${size}`);
+    }
+
+    return classes.join(' ');
+  }
+</script>
+
+<div class={setClasses(appearance)}>
+  {label}
+</div>
+
+<style>/**
+ * Do not edit directly, this file was auto-generated.
+ */
+.mc-number-badge {
+  color: var(--number-badge-color-text-standard, #ffffff);
+  background-color: var(--number-badge-color-background-standard, #464e63);
+  height: 1rem;
+  min-width: 1rem;
+  padding-inline: 0.125rem;
+  font-size: 0.625rem;
+  border-radius: 1rem;
+  font-weight: 600;
+  display: inline-flex;
+  align-items: center;
+  box-sizing: border-box;
+  justify-content: center;
+}
+.mc-number-badge--m {
+  height: 1.5rem;
+  min-width: 1.5rem;
+  padding-inline: 0.25rem;
+  font-size: 0.75rem;
+}
+.mc-number-badge--accent {
+  color: var(--number-badge-color-text-accent, #ffffff);
+  background-color: var(--number-badge-color-background-accent, #117f03);
+}
+.mc-number-badge--danger {
+  color: var(--number-badge-color-text-danger, #ffffff);
+  background-color: var(--number-badge-color-background-danger, #c61112);
+}
+.mc-number-badge--inverse {
+  color: var(--number-badge-color-text-inverse, #464e63);
+  background-color: var(--number-badge-color-background-inverse, #ffffff);
+}</style>

package/dist/components/number-badge/NumberBadge.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { BadgeStyle, BadgeSize } from './number-badge.types';
+interface Props {
+    label: string;
+    appearance: BadgeStyle;
+    size: BadgeSize;
+}
+declare const NumberBadge: import("svelte").Component<Props, {}, "">;
+type NumberBadge = ReturnType<typeof NumberBadge>;
+export default NumberBadge;
+//# sourceMappingURL=NumberBadge.svelte.d.ts.map

package/dist/components/number-badge/NumberBadge.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberBadge.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/number-badge/NumberBadge.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEhE,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,UAAU,CAAC;IACvB,IAAI,EAAE,SAAS,CAAC;CACjB;AAgCH,QAAA,MAAM,WAAW,2CAAsC,CAAC;AACxD,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/components/number-badge/number-badge.types.d.ts

@@ -0,0 +1,3 @@
+export type BadgeStyle = 'error' | 'accent' | 'inverse' | 'standard';
+export type BadgeSize = 's' | 'm';
+//# sourceMappingURL=number-badge.types.d.ts.map

package/dist/components/number-badge/number-badge.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/number-badge/number-badge.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;AACrE,MAAM,MAAM,SAAS,GAAG,GAAG,GAAG,GAAG,CAAC"}

package/dist/components/overlay/Overlay.js

@@ -1,24 +1,4 @@
-import{c,p as f,a as m,b as l,t as h,e as d,f as u,g as y,h as g,i as p,r as v,k as w}from"../../custom-element.js";import{a as z}from"../../slot.js";import{s as x}from"../../attributes.js";var _=h('<div><div role="dialog" tabindex="-1"><!></div></div>');const M={hash:"svelte-tbzuju",code:`/**
+import{c as m,a as u,b as f,d as v,f as y,g as n,t as p,m as g,h,i as _,j as d,r as b}from"../../custom-element.js";import{s as k}from"../../slot.js";import{s as x}from"../../attributes.js";var j=y('<div><div role="dialog" tabindex="-1"><!></div></div>');const w={hash:"svelte-11rk7lh",code:`/**
  * Do not edit directly, this file was auto-generated.
- */
-/**
- * Maps to store shadow properties for top shadows.
- * @type Map
- */
-/**
- * Maps to store shadow properties for bottom shadows.
- * @type Map
- */
-/**
- * Mixin to define the box-shadow properties for a given direction and size.
- *
- * @param {String} $direction - The direction of the shadow ('top' or 'bottom').
- * @param {String} $size - The size of the shadow ('xs', 's', 'm', 'l').
- */
-/**
- * Mixin to generate shadow classes for the specified direction (top or bottom).
- * This mixin iterates over the predefined sizes and creates a CSS class for each size.
- *
- * @param {String} $direction - The direction of the shadow ('top' or 'bottom').
- */.mc-overlay.svelte-tbzuju {filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998;}.mc-overlay.is-visible.svelte-tbzuju {opacity:1;pointer-events:all;transition:opacity 0.4s ease, visibility 0ms;visibility:visible;}`};function S(n,e){f(e,!0),m(n,M);let t=l(e,"isvisible",7,!1),s=l(e,"dialoglabel",7);var i=_();let r;var a=d(i),b=d(a);return z(b,e,"default",{}),v(a),v(i),u(()=>{r=w(i,1,"mc-overlay svelte-tbzuju",null,r,{"is-visible":t()}),x(a,"aria-labelledby",s())}),y(n,i),g({get isvisible(){return t()},set isvisible(o=!1){t(o),p()},get dialoglabel(){return s()},set dialoglabel(o){s(o),p()}})}customElements.define("m-overlay",c(S,{isvisible:{},dialoglabel:{}},["default"],[],!0));
+ */.mc-overlay.svelte-11rk7lh {background-color:var(--overlay-color-background, rgba(0, 0, 0, 0.5));filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998;}.mc-overlay.is-visible.svelte-11rk7lh {opacity:1;pointer-events:all;transition:opacity 0.4s ease, visibility 0ms;visibility:visible;}`};function z(r,i){u(i,!0),f(r,w);let l=v(i,"isvisible",7,!1),a=v(i,"dialoglabel",7);var s=j();let o;var t=n(s),c=n(t);return k(c,i,"default",{}),b(t),b(s),p(e=>{o=g(s,1,"mc-overlay svelte-11rk7lh",null,o,e),x(t,"aria-labelledby",a())},[()=>({"is-visible":l()})]),h(r,s),_({get isvisible(){return l()},set isvisible(e=!1){l(e),d()},get dialoglabel(){return a()},set dialoglabel(e){a(e),d()}})}customElements.define("m-overlay",m(z,{isvisible:{},dialoglabel:{}},["default"],[],!0));
 //# sourceMappingURL=Overlay.js.map

package/dist/components/overlay/Overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.js","sources":["../../../src/components/overlay/Overlay.svelte"],"sourcesContent":["<svelte:options customElement=\"m-overlay\" />\n\n<script lang=\"ts\">\n  interface Props {\n    isvisible?: boolean;\n    dialoglabel: string;\n  }\n\n  let { isvisible = false, dialoglabel }: Props = $props();\n</script>\n\n<div class=\"mc-overlay\" class:is-visible={isvisible}>\n  <div role=\"dialog\" tabindex=\"-1\" aria-labelledby={dialoglabel}>\n    <!-- @slot Use this slot to insert a centered content inside the overlay -->\n    <slot />\n  </div>\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/overlay';\n</style>\n"],"names":["isvisible","dialoglabel","$.prop","$$props"],"mappings":";;;;;;;;;;;;;;;;;;;;;;gVAQQ,IAAAA,oBAAY,EAAK,EAAEC,EAAWC,EAAAC,EAAA,cAAA,CAAA,wIAGIH,EAAS,EAAA,wBACCC,GAAW,0DAJ3C,GAAK"}
+{"version":3,"file":"Overlay.js","sources":["../../../src/components/overlay/Overlay.svelte"],"sourcesContent":["<svelte:options customElement=\"m-overlay\" />\n\n<script lang=\"ts\">\n  interface Props {\n    isvisible?: boolean;\n    dialoglabel: string;\n  }\n\n  let { isvisible = false, dialoglabel }: Props = $props();\n</script>\n\n<div class=\"mc-overlay\" class:is-visible={isvisible}>\n  <div role=\"dialog\" tabindex=\"-1\" aria-labelledby={dialoglabel}>\n    <!-- @slot Use this slot to insert a centered content inside the overlay -->\n    <slot />\n  </div>\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/overlay';\n</style>\n"],"names":["isvisible","dialoglabel","$.prop","$$props"],"mappings":";;uZAQQ,IAAAA,oBAAY,EAAK,EAAEC,EAAWC,EAAAC,EAAA,cAAA,CAAA,mJAIcF,GAAW,uBADrBD,EAAS,GAAA,yDAH/B,GAAK"}

package/dist/components/overlay/Overlay.svelte

@@ -19,59 +19,8 @@
 <style>/**
  * Do not edit directly, this file was auto-generated.
  */
-/**
- * Maps to store shadow properties for top shadows.
- * @type Map
- */
-/**
- * Maps to store shadow properties for bottom shadows.
- * @type Map
- */
-/**
- * Mixin to define the box-shadow properties for a given direction and size.
- *
- * @param {String} $direction - The direction of the shadow ('top' or 'bottom').
- * @param {String} $size - The size of the shadow ('xs', 's', 'm', 'l').
- */
-/**
- * Mixin to generate shadow classes for the specified direction (top or bottom).
- * This mixin iterates over the predefined sizes and creates a CSS class for each size.
- *
- * @param {String} $direction - The direction of the shadow ('top' or 'bottom').
- */
-.shadow--top-xs {
-  box-shadow: 0px -3px 5px -2px;
-}
-
-.shadow--top-s {
-  box-shadow: 0px -5px 10px -2px;
-}
-
-.shadow--top-m {
-  box-shadow: 0px -10px 20px -4px;
-}
-
-.shadow--top-l {
-  box-shadow: 0px -20px 40px -8px;
-}
-
-.shadow--bottom-xs {
-  box-shadow: 0px 3px 5px -2px;
-}
-
-.shadow--bottom-s {
-  box-shadow: 0px 5px 10px -2px;
-}
-
-.shadow--bottom-m {
-  box-shadow: 0px 10px 20px -4px;
-}
-
-.shadow--bottom-l {
-  box-shadow: 0px 20px 40px -8px;
-}
-
 .mc-overlay {
+  background-color: var(--overlay-color-background, rgba(0, 0, 0, 0.5));
   filter: blur(1px);
   inset: 0;
   opacity: 0;
@@ -88,6 +37,7 @@
 }
 
 .mc-overlay-loader {
+  background-color: var(--overlay-color-background, rgba(0, 0, 0, 0.5));
   inset: 0;
   opacity: 0;
   position: fixed;

package/dist/components/overlay/OverlayLoader.js

@@ -1,8 +1,8 @@
-import{c as m,p as h,a as b,b as r,t as y,e as v,f as g,g as x,h as u,i as l,r as f,k as w}from"../../custom-element.js";import{s as k}from"../../attributes.js";import{L as z}from"../loader/Loader.js";import"../../if.js";var _=y('<div><div role="dialog" tabindex="-1" class="svelte-ne5o65"><!></div></div>');const M={hash:"svelte-ne5o65",code:`/**
+import{c as b,a as y,b as g,d as o,f as p,g as v,t as u,m as k,h,i as x,j as n,r as c}from"../../custom-element.js";import{s as _}from"../../attributes.js";import{L}from"../loader/Loader.js";import"../../if.js";var j=p('<div><div role="dialog" tabindex="-1" class="svelte-fklr0f"><!></div></div>');const z={hash:"svelte-fklr0f",code:`/**
  * Do not edit directly, this file was auto-generated.
  */
 
-@keyframes svelte-ne5o65-rotate-loader {
+@keyframes svelte-fklr0f-rotate-loader {
   0% {
     transform: rotate(0deg);
   }
@@ -10,7 +10,7 @@ import{c as m,p as h,a as b,b as r,t as y,e as v,f as g,g as x,h as u,i as l,r a
     transform: rotate(270deg);
   }
 }
-@keyframes svelte-ne5o65-animate-dash-loader {
+@keyframes svelte-fklr0f-animate-dash-loader {
   0% {
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
@@ -23,25 +23,5 @@ import{c as m,p as h,a as b,b as r,t as y,e as v,f as g,g as x,h as u,i as l,r a
     stroke-dasharray: 89, 200;
     stroke-dashoffset: -124px;
   }
-}
-/**
- * Maps to store shadow properties for top shadows.
- * @type Map
- */
-/**
- * Maps to store shadow properties for bottom shadows.
- * @type Map
- */
-/**
- * Mixin to define the box-shadow properties for a given direction and size.
- *
- * @param {String} $direction - The direction of the shadow ('top' or 'bottom').
- * @param {String} $size - The size of the shadow ('xs', 's', 'm', 'l').
- */
-/**
- * Mixin to generate shadow classes for the specified direction (top or bottom).
- * This mixin iterates over the predefined sizes and creates a CSS class for each size.
- *
- * @param {String} $direction - The direction of the shadow ('top' or 'bottom').
- */.mc-overlay-loader.svelte-ne5o65 {inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998;align-items:center;display:flex;justify-content:center;}.mc-overlay-loader.is-visible.svelte-ne5o65 {opacity:1;pointer-events:all;transition:opacity 0.4s ease, visibility 0ms;visibility:visible;}`};function S(d,t){h(t,!0),b(d,M);let a=r(t,"isvisible",7,!1),i=r(t,"text",7),o=r(t,"dialoglabel",7);var s=_();let p;var n=v(s),c=v(n);return z(c,{size:"l",theme:"inverse",get text(){return i()}}),f(n),f(s),g(()=>{p=w(s,1,"mc-overlay-loader svelte-ne5o65",null,p,{"is-visible":a()}),k(n,"aria-labelledby",o())}),x(d,s),u({get isvisible(){return a()},set isvisible(e=!1){a(e),l()},get text(){return i()},set text(e){i(e),l()},get dialoglabel(){return o()},set dialoglabel(e){o(e),l()}})}customElements.define("m-overlay-loader",m(S,{isvisible:{},text:{},dialoglabel:{}},[],[],!0));
+}.mc-overlay-loader.svelte-fklr0f {background-color:var(--overlay-color-background, rgba(0, 0, 0, 0.5));inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998;align-items:center;display:flex;justify-content:center;}.mc-overlay-loader.is-visible.svelte-fklr0f {opacity:1;pointer-events:all;transition:opacity 0.4s ease, visibility 0ms;visibility:visible;}`};function w(d,t){y(t,!0),g(d,z);let a=o(t,"isvisible",7,!1),r=o(t,"text",7),i=o(t,"dialoglabel",7);var s=j();let f;var l=v(s),m=v(l);return L(m,{size:"l",theme:"inverse",get text(){return r()}}),c(l),c(s),u(e=>{f=k(s,1,"mc-overlay-loader svelte-fklr0f",null,f,e),_(l,"aria-labelledby",i())},[()=>({"is-visible":a()})]),h(d,s),x({get isvisible(){return a()},set isvisible(e=!1){a(e),n()},get text(){return r()},set text(e){r(e),n()},get dialoglabel(){return i()},set dialoglabel(e){i(e),n()}})}customElements.define("m-overlay-loader",b(w,{isvisible:{},text:{},dialoglabel:{}},[],[],!0));
 //# sourceMappingURL=OverlayLoader.js.map

package/dist/components/overlay/OverlayLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayLoader.js","sources":["../../../src/components/overlay/OverlayLoader.svelte"],"sourcesContent":["<svelte:options customElement=\"m-overlay-loader\" />\n\n<script lang=\"ts\">\n  import Loader from '../loader/Loader.svelte';\n  interface Props {\n    isvisible?: boolean;\n    text: string;\n    dialoglabel: string;\n  }\n\n  let { isvisible = false, text, dialoglabel }: Props = $props();\n</script>\n\n<div class=\"mc-overlay-loader\" class:is-visible={isvisible}>\n  <div role=\"dialog\" tabindex=\"-1\" aria-labelledby={dialoglabel}>\n    <Loader size=\"l\" theme=\"inverse\" {text} />\n  </div>\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/loader';\n  @use '@mozaic-ds/styles/components/overlay';\n</style>\n"],"names":["isvisible","text","$.prop","$$props","dialoglabel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oYAUQ,IAAAA,oBAAY,EAAK,EAAEC,EAAIC,EAAAC,EAAA,OAAA,CAAA,EAAEC,EAAWF,EAAAC,EAAA,cAAA,CAAA,kLAGKH,EAAS,EAAA,wBACNI,GAAW,0DAJ3C,GAAK"}
+{"version":3,"file":"OverlayLoader.js","sources":["../../../src/components/overlay/OverlayLoader.svelte"],"sourcesContent":["<svelte:options customElement=\"m-overlay-loader\" />\n\n<script lang=\"ts\">\n  import Loader from '../loader/Loader.svelte';\n  interface Props {\n    isvisible?: boolean;\n    text: string;\n    dialoglabel: string;\n  }\n\n  let { isvisible = false, text, dialoglabel }: Props = $props();\n</script>\n\n<div class=\"mc-overlay-loader\" class:is-visible={isvisible}>\n  <div role=\"dialog\" tabindex=\"-1\" aria-labelledby={dialoglabel}>\n    <Loader size=\"l\" theme=\"inverse\" {text} />\n  </div>\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/loader';\n  @use '@mozaic-ds/styles/components/overlay';\n</style>\n"],"names":["isvisible","text","$.prop","$$props","dialoglabel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;ucAUQ,IAAAA,oBAAY,EAAK,EAAEC,EAAIC,EAAAC,EAAA,OAAA,CAAA,EAAEC,EAAWF,EAAAC,EAAA,cAAA,CAAA,4LAIQC,GAAW,uBADdJ,EAAS,GAAA,yDAHtC,GAAK"}

package/dist/components/overlay/OverlayLoader.svelte

@@ -64,6 +64,13 @@
   padding: 0;
   width: 1px;
 }
+.mc-loader--xs .mc-loader__spinner {
+  height: 1.25rem;
+  width: 1.25rem;
+}
+.mc-loader--xs .mc-loader__path {
+  stroke-width: 2;
+}
 .mc-loader--s .mc-loader__spinner {
   height: 1.5rem;
   width: 1.5rem;
@@ -113,59 +120,8 @@
     stroke-dashoffset: -124px;
   }
 }
-/**
- * Maps to store shadow properties for top shadows.
- * @type Map
- */
-/**
- * Maps to store shadow properties for bottom shadows.
- * @type Map
- */
-/**
- * Mixin to define the box-shadow properties for a given direction and size.
- *
- * @param {String} $direction - The direction of the shadow ('top' or 'bottom').
- * @param {String} $size - The size of the shadow ('xs', 's', 'm', 'l').
- */
-/**
- * Mixin to generate shadow classes for the specified direction (top or bottom).
- * This mixin iterates over the predefined sizes and creates a CSS class for each size.
- *
- * @param {String} $direction - The direction of the shadow ('top' or 'bottom').
- */
-.shadow--top-xs {
-  box-shadow: 0px -3px 5px -2px;
-}
-
-.shadow--top-s {
-  box-shadow: 0px -5px 10px -2px;
-}
-
-.shadow--top-m {
-  box-shadow: 0px -10px 20px -4px;
-}
-
-.shadow--top-l {
-  box-shadow: 0px -20px 40px -8px;
-}
-
-.shadow--bottom-xs {
-  box-shadow: 0px 3px 5px -2px;
-}
-
-.shadow--bottom-s {
-  box-shadow: 0px 5px 10px -2px;
-}
-
-.shadow--bottom-m {
-  box-shadow: 0px 10px 20px -4px;
-}
-
-.shadow--bottom-l {
-  box-shadow: 0px 20px 40px -8px;
-}
-
 .mc-overlay {
+  background-color: var(--overlay-color-background, rgba(0, 0, 0, 0.5));
   filter: blur(1px);
   inset: 0;
   opacity: 0;
@@ -182,6 +138,7 @@
 }
 
 .mc-overlay-loader {
+  background-color: var(--overlay-color-background, rgba(0, 0, 0, 0.5));
   inset: 0;
   opacity: 0;
   position: fixed;

package/dist/components/passwordinput/PasswordInput.js

@@ -0,0 +1,10 @@
+import{q,c as D,a as E,b as G,d as t,f as V,w as I,l as i,S as K,g as c,s as L,t as B,h as C,i as A,j as o,W as J,r as d,k as F,m as N}from"../../custom-element.js";import{i as O}from"../../if.js";import{b as Q,r as R}from"../../attributes.js";import{a as T}from"../../input.js";import{B as U}from"../button/Button.js";import"../../slot.js";import"../loader/Loader.js";function X(y,r,a){r(""),a()()}var Y=V('<div class="mc-controls-options svelte-1vreyrn"><button class="mc-controls-options__button svelte-1vreyrn" type="button"><svg class="mc-controls-options__icon svelte-1vreyrn" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2ZM8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" class="svelte-1vreyrn"></path></svg> <span class="mc-controls-options__label svelte-1vreyrn"> </span></button></div>'),$=V('<span class="svelte-1vreyrn"> </span>'),ee=V("<div><input/> <!> <!></div>");const re={hash:"svelte-1vreyrn",code:`/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+/* stylelint-disable string-no-newline */.mc-text-input.svelte-1vreyrn {transition:box-shadow 200ms ease;background-color:var(--forms-color-background-default, #ffffff);border:1px solid var(--forms-color-border-default, #666666);border-radius:0.25rem;transition:all ease 200ms;color:var(--forms-color-text-default, #000000);display:block;width:100%;height:3rem;box-sizing:border-box;display:flex;align-items:center;gap:0.5rem;}.mc-text-input__control.svelte-1vreyrn {background-color:transparent;border-width:0;font-family:inherit;outline:none;padding:0.75rem 0.6875rem;font-size:1rem;line-height:1.3;font-weight:400;flex-grow:1;}.mc-text-input__control[type=number].svelte-1vreyrn {
+  /* For Blink & WebKit rendering engines */
+  /* For Gecko rendering engine */appearance:textfield;}.mc-text-input__control[type=number].svelte-1vreyrn::-webkit-inner-spin-button, .mc-text-input__control[type=number].svelte-1vreyrn::-webkit-outer-spin-button {appearance:none;margin:0;}.mc-text-input__control[type=search].svelte-1vreyrn::-webkit-search-decoration, .mc-text-input__control[type=search].svelte-1vreyrn::-webkit-search-cancel-button {appearance:none;}.mc-text-input__control.svelte-1vreyrn::placeholder {color:var(--forms-color-placeholder, #666666);}.mc-text-input.svelte-1vreyrn:focus-within {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-text-input.svelte-1vreyrn:hover:not(:focus-within) {border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 1px var(--forms-color-border-hover, #4d4d4d);}.mc-text-input.svelte-1vreyrn:has(input:where(.svelte-1vreyrn):disabled) {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:none;}.mc-text-input.svelte-1vreyrn:has(input[readonly]:where(.svelte-1vreyrn)) {border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none;}.mc-text-input.svelte-1vreyrn:has(.mc-controls-options:where(.svelte-1vreyrn)) {padding-inline-end:0.6875rem;}.mc-text-input.svelte-1vreyrn:has(.mc-controls-options:where(.svelte-1vreyrn)) .mc-text-input__control:where(.svelte-1vreyrn) {padding-inline-end:0;}.mc-text-input.is-invalid.svelte-1vreyrn {border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 1px var(--forms-color-border-invalid, #ea302d);}.mc-text-input.is-invalid.svelte-1vreyrn:hover:not(:focus-within) {border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 1px var(--forms-color-border-invalid-hover, #c61112);}.mc-text-input.svelte-1vreyrn :where(.svelte-1vreyrn) {box-sizing:border-box;}
+
+/* stylelint-enable string-no-newline */.mc-controls-options.svelte-1vreyrn {align-items:center;display:inline-flex;justify-content:center;gap:0.5rem;}.mc-controls-options__button.svelte-1vreyrn {background-color:transparent;border-width:0;color:initial;font-family:inherit;outline:none;appearance:none;cursor:pointer;padding:0;border-radius:100%;}.mc-controls-options__button.svelte-1vreyrn:hover .mc-controls-options__icon:where(.svelte-1vreyrn) {fill:var(--forms-color-icon-clear-hover, #4d4d4d);}.mc-controls-options__button.svelte-1vreyrn:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-controls-options__icon.svelte-1vreyrn {fill:var(--forms-color-icon-clear, #666666);}.mc-controls-options__button.svelte-1vreyrn, .mc-controls-options__icon.svelte-1vreyrn {height:1.5rem;width:1.5rem;}.mc-controls-options__label.svelte-1vreyrn {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}`};function te(y,r){E(r,!0),G(y,re);let a=t(r,"id",7),g=t(r,"name",7),s=t(r,"value",15,""),_=t(r,"placeholder",7,""),v=t(r,"isinvalid",7,!1),u=t(r,"disabled",7,!1),x=t(r,"readonly",7,!1),w=t(r,"isclearable",7,!1),k=t(r,"clearlabel",7,"Clear content"),m=t(r,"buttonlabel",23,()=>({show:"Show",hide:"Hide"})),S=t(r,"onclear",7),z=t(r,"ontoggle",7),H=I(r,["$$slots","$$events","$$legacy","$$host","id","name","value","placeholder","isinvalid","disabled","readonly","isclearable","clearlabel","buttonlabel","onclear","ontoggle"]),l=K(!1);function M(){J(l,!i(l)),z()(i(l))}var p=ee(),b=c(p);R(b),Q(b,()=>({class:"mc-password-input__control mc-text-input__control",id:a(),name:g(),type:i(l)?"text":"password",placeholder:_(),disabled:u(),readonly:x(),"aria-invalid":v(),...H}),void 0,"svelte-1vreyrn");var j=L(b,2);{var P=e=>{var f=Y(),n=c(f);n.__click=[X,s,S];var h=L(c(n),2),Z=c(h,!0);d(h),d(n),d(f),B(()=>F(Z,k())),C(e,f)};O(j,e=>{w()&&s()&&e(P)})}var W=L(j,2);return U(W,{type:"button",role:"switch",tabindex:"0",get"aria-checked"(){return i(l)},size:"s",ghost:!0,get disabled(){return u()},onclick:M,children:(e,f)=>{var n=$(),h=c(n,!0);d(n),B(()=>F(h,i(l)?m().hide:m().show)),C(e,n)},$$slots:{default:!0}}),d(p),B(()=>N(p,1,`mc-password-input mc-text-input ${v()?"is-invalid":""}`,"svelte-1vreyrn")),T(b,s),C(y,p),A({get id(){return a()},set id(e){a(e),o()},get name(){return g()},set name(e){g(e),o()},get value(){return s()},set value(e=""){s(e),o()},get placeholder(){return _()},set placeholder(e=""){_(e),o()},get isinvalid(){return v()},set isinvalid(e=!1){v(e),o()},get disabled(){return u()},set disabled(e=!1){u(e),o()},get readonly(){return x()},set readonly(e=!1){x(e),o()},get isclearable(){return w()},set isclearable(e=!1){w(e),o()},get clearlabel(){return k()},set clearlabel(e="Clear content"){k(e),o()},get buttonlabel(){return m()},set buttonlabel(e={show:"Show",hide:"Hide"}){m(e),o()},get onclear(){return S()},set onclear(e){S(e),o()},get ontoggle(){return z()},set ontoggle(e){z(e),o()}})}q(["click"]);customElements.define("m-password-input",D(te,{id:{},name:{},value:{},placeholder:{},isinvalid:{},disabled:{},readonly:{},isclearable:{},clearlabel:{},buttonlabel:{},onclear:{},ontoggle:{}},[],[],!0));
+//# sourceMappingURL=PasswordInput.js.map

package/dist/components/passwordinput/PasswordInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.js","sources":["../../../src/components/passwordinput/PasswordInput.svelte"],"sourcesContent":["<svelte:options\n  customElement={{\n    tag: 'm-password-input',\n  }}\n/>\n\n<script lang=\"ts\">\n  import Button from '../button/Button.svelte';\n  interface Props {\n    id: string;\n    name?: string;\n    value?: string | number;\n    placeholder?: string;\n    isinvalid?: boolean;\n    disabled?: boolean;\n    readonly?: boolean;\n    isclearable?: boolean;\n    clearlabel?: string;\n    buttonlabel?: {\n      show: string;\n      hide: string;\n    };\n    [key: string]: any;\n  }\n\n  let {\n    id,\n    name,\n    value = $bindable(''),\n    placeholder = '',\n    isinvalid = false,\n    disabled = false,\n    readonly = false,\n    isclearable = false,\n    clearlabel = 'Clear content',\n    buttonlabel = { show: 'Show', hide: 'Hide' },\n    onclear,\n    ontoggle,\n    ...events\n  }: Props = $props();\n\n  let isVisible = $state(false);\n\n  function toggleVisibility() {\n    isVisible = !isVisible;\n    ontoggle(isVisible);\n  }\n\n  function clearValue() {\n    value = '';\n    onclear();\n  }\n</script>\n\n<div class=\"mc-password-input mc-text-input {isinvalid ? 'is-invalid' : ''}\">\n  <input\n    class=\"mc-password-input__control mc-text-input__control\"\n    {id}\n    {name}\n    type={isVisible ? 'text' : 'password'}\n    bind:value\n    {placeholder}\n    {disabled}\n    {readonly}\n    aria-invalid={isinvalid}\n    {...events}\n  />\n  {#if isclearable && value}\n    <div class=\"mc-controls-options\">\n      <button\n        class=\"mc-controls-options__button\"\n        type=\"button\"\n        onclick={clearValue}\n      >\n        <svg class=\"mc-controls-options__icon\" aria-hidden=\"true\">\n          <path\n            fill-rule=\"evenodd\"\n            d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2ZM8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z\"\n          />\n        </svg>\n        <span class=\"mc-controls-options__label\">{clearlabel}</span>\n      </button>\n    </div>\n  {/if}\n\n  <Button\n    type=\"button\"\n    role=\"switch\"\n    tabindex=\"0\"\n    aria-checked={isVisible}\n    size=\"s\"\n    ghost={true}\n    {disabled}\n    onclick={toggleVisibility}\n  >\n    <span>{isVisible ? buttonlabel.hide : buttonlabel.show}</span>\n  </Button>\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/password-input';\n  @use '@mozaic-ds/styles/components/text-input';\n  @use '@mozaic-ds/styles/components/controls-options';\n</style>\n"],"names":["clearValue","_","value","onclear","id","$.prop","$$props","name","placeholder","isinvalid","disabled","readonly","isclearable","clearlabel","buttonlabel","ontoggle","events","$.rest_props","isVisible","toggleVisibility","$.set","$$render","consequent","$.template_effect","$.set_text","text_1","$.get","$$value"],"mappings":"iXAgDW,SAAAA,EAAaC,EAAAC,EAAAC,EAAA,CACpBD,EAAQ,EAAE,EACVC,IAAO,CACT;;;;;;;;isCAzBEC,EAAEC,EAAAC,EAAA,KAAA,CAAA,EACFC,EAAIF,EAAAC,EAAA,OAAA,CAAA,EACJJ,iBAAkB,EAAE,EACpBM,sBAAc,EAAE,EAChBC,oBAAY,EAAK,EACjBC,mBAAW,EAAK,EAChBC,mBAAW,EAAK,EAChBC,sBAAc,EAAK,EACnBC,qBAAa,eAAe,EAC5BC,6BAAgB,KAAM,OAAQ,KAAM,MAAM,EAAA,EAC1CX,EAAOE,EAAAC,EAAA,UAAA,CAAA,EACPS,EAAQV,EAAAC,EAAA,WAAA,CAAA,EACLU,EAAAC,EAAAX,EAAA,8KAGDY,IAAmB,EAAK,EAEnB,SAAAC,GAAmB,CAC1BC,EAAAF,KAAaA,CAAS,CAAA,EACtBH,MAASG,CAAS,CAAA,CACpB,mHAaQA,CAAS,EAAG,OAAS,oEAKbT,EAAS,KACnBO,iFAOShB,EAAUE,EAAAC,CAAA,qDAQuBU,EAAU,CAAA,CAAA,kBAbrDD,EAAW,GAAIV,KAAKmB,EAAAC,CAAA,mGAsBTJ,CAAS,kBAEhB,sCAEEC,4CAEFI,EAAA,IAAAC,EAAAC,EAAAC,EAAAR,CAAS,EAAGJ,EAAW,EAAC,KAAOA,IAAY,IAAI,CAAA,qFAzCbL,EAAS,EAAG,aAAe,EAAE,GAAA,gBAAA,CAAA,6IA1BpD,GAAE,2DACN,GAAE,uDACJ,GAAK,qDACN,GAAK,qDACL,GAAK,2DACF,GAAK,yDACN,gBAAe,yCACZ,IAAA,YAAAkB,EAAA,CAAA,KAAM,OAAQ,KAAM,QAAM"}