@mozaic-ds/web-components 1.0.0-alpha.5 → 1.0.0-alpha.7

package/dist/{statusbadge → components/statusbadge}/StatusDot.js

@@ -1,4 +1,4 @@
-import{c as u,p as l,a as n,b as c,t as m,f as i,g as b,h as g,i as d,k as v}from"../custom-element.js";var w=m("<div></div>");const h={hash:"svelte-bwqsm9",code:`/**
+import{c as u,p as l,a as n,b as c,t as m,f as i,g as b,h as g,i as d,k as v}from"../../custom-element.js";var w=m("<div></div>");const h={hash:"svelte-bwqsm9",code:`/**
  * Do not edit directly, this file was auto-generated.
  */.mc-status-dot.svelte-bwqsm9 {background-color:var(--status-dot-color-background-information, #0074aa);height:0.5rem;width:0.5rem;border-radius:100%;display:inline-block;}.mc-status-dot--s.svelte-bwqsm9 {height:0.25rem;width:0.25rem;}.mc-status-dot--l.svelte-bwqsm9 {height:1rem;width:1rem;}.mc-status-dot--success.svelte-bwqsm9 {background-color:var(--status-dot-color-background-success, #117f03);}.mc-status-dot--danger.svelte-bwqsm9 {background-color:var(--status-dot-color-background-danger, #c61112);}.mc-status-dot--warning.svelte-bwqsm9 {background-color:var(--status-dot-color-background-warning, #b64f00);}.mc-status-dot--neutral.svelte-bwqsm9 {background-color:var(--status-dot-color-background-neutral, #666666);}`};function f(o,e){l(e,!0),n(o,h);let t=c(e,"style",7),s=c(e,"size",7);var r=w();return i(()=>v(r,1,`mc-status-dot ${(s()?`mc-status-dot--${s()}`:"")??""}  ${(t()?`mc-status-dot--${t()}`:"")??""}`,"svelte-bwqsm9")),b(o,r),g({get style(){return t()},set style(a){t(a),d()},get size(){return s()},set size(a){s(a),d()}})}customElements.define("m-status-dot",u(f,{style:{},size:{}},[],[],!1));export{f as S};
 //# sourceMappingURL=StatusDot.js.map

package/dist/components/statusbadge/StatusDot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusDot.js","sources":["../../../src/components/statusbadge/StatusDot.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-status-dot', shadow: 'none' }} />\n\n<script lang=\"ts\">\n  import type { BadgeStyle, BadgeSize } from './badge.types';\n\n  interface Props {\n    style: BadgeStyle;\n    size: BadgeSize;\n  }\n\n  let { style, size }: Props = $props();\n</script>\n\n<div\n  class=\"mc-status-dot {size ? `mc-status-dot--${size}` : ''}  {style\n    ? `mc-status-dot--${style}`\n    : ''}\"\n></div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/status-dot';\n</style>\n"],"names":["style","$.prop","$$props","size"],"mappings":";;8vBAUQA,EAAKC,EAAAC,EAAA,QAAA,CAAA,EAAEC,EAAIF,EAAAC,EAAA,OAAA,CAAA,iDAIKC,EAAI,EAAA,kBAAqBA,EAAI,CAAK,GAAA,aAAMH,EACxC,EAAA,kBAAAA,MAClB,KAAE,EAAA,GAAA,eAAA,CAAA"}

package/dist/components/statusbadge/StatusDot.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusDot.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/statusbadge/StatusDot.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAGzD,UAAU,KAAK;IACb,KAAK,EAAE,UAAU,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC;CACjB;AAkBH,QAAA,MAAM,SAAS,2CAAsC,CAAC;AACtD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/components/statusbadge/badge.types.d.ts.map

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

package/dist/{textarea → components/textarea}/Textarea.js

@@ -1,4 +1,4 @@
-import{d as w,c as y,p as _,a as k,b as o,t as D,f as E,g as q,h as z,i as t,q as I,k as O}from"../custom-element.js";import{s as l}from"../attributes.js";import{b as S}from"../input.js";import{c as T}from"../index-client.js";var j=D('<textarea spellcheck="false"></textarea>');const A={hash:"svelte-15vrvs3",code:`/**
+import{d as w,c as y,p as _,a as k,b as o,t as D,f as E,g as q,h as z,i as t,q as I,k as O}from"../../custom-element.js";import{s as l}from"../../attributes.js";import{b as S}from"../../input.js";import{c as T}from"../../index-client.js";var j=D('<textarea spellcheck="false"></textarea>');const A={hash:"svelte-15vrvs3",code:`/**
  * Do not edit directly, this file was auto-generated.
  */
 /* stylelint-disable string-no-newline */

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sources":["../../../src/components/textarea/Textarea.svelte"],"sourcesContent":["<svelte:options customElement=\"m-textarea\" />\n\n<script lang=\"ts\">\n  import { createEventDispatcher } from 'svelte';\n\n  interface Props {\n    name: string;\n    value: string;\n    placeholder: string;\n    rows?: number;\n    isinvalid: boolean;\n    disabled?: boolean;\n    minlength: number;\n    maxlength: number;\n    readonly: boolean;\n  }\n\n  let {\n    name,\n    value = $bindable(),\n    placeholder,\n    rows = 2,\n    isinvalid,\n    disabled = false,\n    minlength,\n    maxlength,\n    readonly,\n  }: Props = $props();\n\n  const dispatch = createEventDispatcher();\n\n  function onInput(e: Event) {\n    let value = (e.target as HTMLInputElement).value;\n    dispatch('on-input', value);\n  }\n</script>\n\n<textarea\n  bind:value\n  class=\"mc-textarea\"\n  class:is-invalid={isinvalid}\n  aria-invalid={isinvalid}\n  {name}\n  id={name}\n  {placeholder}\n  {rows}\n  {disabled}\n  {minlength}\n  {maxlength}\n  {readonly}\n  spellcheck=\"false\"\n  oninput={onInput}\n></textarea>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/field';\n  @use '@mozaic-ds/styles/components/textarea';\n</style>\n"],"names":["name","$.prop","$$props","value","placeholder","rows","isinvalid","disabled","minlength","maxlength","readonly","dispatch","createEventDispatcher","onInput"],"mappings":";;;;;snDAkBIA,EAAIC,EAAAC,EAAA,OAAA,CAAA,EACJC,EAAKF,EAAAC,EAAA,QAAA,EAAA,EACLE,EAAWH,EAAAC,EAAA,cAAA,CAAA,EACXG,eAAO,CAAC,EACRC,EAASL,EAAAC,EAAA,YAAA,CAAA,EACTK,mBAAW,EAAK,EAChBC,EAASP,EAAAC,EAAA,YAAA,CAAA,EACTO,EAASR,EAAAC,EAAA,YAAA,CAAA,EACTQ,EAAQT,EAAAC,EAAA,WAAA,CAAA,EAGJ,MAAAS,EAAWC,EAAqB,WAE7BC,EAAQ,EAAU,CACrB,IAAAV,EAAS,EAAE,OAA4B,MAC3CQ,EAAS,WAAYR,CAAK,CAC5B,uCAiBSU,mEAXSP,EAAS,EAAA,qBACbA,GAAS,2BAEnBN,GAAI,6TAtBC,EAAC,4GAEG,GAAK"}

package/dist/{toggle/Toggle.svelte.d.ts.map → components/textarea/Textarea.svelte.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"Toggle.svelte.d.ts","sourceRoot":"","sources":["../../src/components/toggle/Toggle.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAI/C,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf;AAuCH,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;AAKD,QAAA,MAAM,MAAM;;;;qBAA6E,CAAC;AACxE,KAAK,MAAM,GAAG,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC;AAC5C,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Textarea.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/textarea/Textarea.svelte.ts"],"names":[],"mappings":"AAME,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAiCH,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;AAKD,QAAA,MAAM,QAAQ;;;;mBAA6E,CAAC;AAC1E,KAAK,QAAQ,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC;AAChD,eAAe,QAAQ,CAAC"}

package/dist/{textinput → components/textinput}/Textinput.js

@@ -1,4 +1,4 @@
-import{l as A,u as R,d as U,c as X,a as Y,b as n,t as D,f as K,g as Z,h as $,p as ee,e as m,s as B,m as T,n as V,r as u,k as te,o as ne,i as o,j as oe}from"../custom-element.js";import{i as W}from"../if.js";import{s as ie,a as re}from"../slot.js";import{r as le,b as se}from"../attributes.js";import{b as ae}from"../input.js";function ce(a,t,c){A(()=>{var i=R(()=>t(a,c==null?void 0:c())||{});if(i!=null&&i.destroy)return()=>i.destroy()})}function ve(a,t){console.log(t()),t("")}var de=D('<span class="mc-text-input__icon svelte-1ovon7j"><!></span>'),me=D('<div class="mc-controls-options js-control-options svelte-1ovon7j"><button type="button" class="mc-controls-options__button svelte-1ovon7j"><svg class="mc-controls-options__icon svelte-1ovon7j" 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-1ovon7j"></path></svg> <span class="mc-controls-options__label svelte-1ovon7j"> </span></button></div>'),ue=D("<div><!> <input> <!></div>");const pe={hash:"svelte-1ovon7j",code:`/**
+import{l as A,u as R,d as U,c as X,a as Y,b as n,t as D,f as K,g as Z,h as $,p as ee,e as m,s as B,m as T,n as V,r as u,k as te,o as ne,i as o,j as oe}from"../../custom-element.js";import{i as W}from"../../if.js";import{s as ie,a as re}from"../../slot.js";import{r as le,b as se}from"../../attributes.js";import{b as ae}from"../../input.js";function ce(a,t,c){A(()=>{var i=R(()=>t(a,c==null?void 0:c())||{});if(i!=null&&i.destroy)return()=>i.destroy()})}function ve(a,t){console.log(t()),t("")}var de=D('<span class="mc-text-input__icon svelte-1ovon7j"><!></span>'),me=D('<div class="mc-controls-options js-control-options svelte-1ovon7j"><button type="button" class="mc-controls-options__button svelte-1ovon7j"><svg class="mc-controls-options__icon svelte-1ovon7j" 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-1ovon7j"></path></svg> <span class="mc-controls-options__label svelte-1ovon7j"> </span></button></div>'),ue=D("<div><!> <input> <!></div>");const pe={hash:"svelte-1ovon7j",code:`/**
  * Do not edit directly, this file was auto-generated.
  */.mc-controls-options.svelte-1ovon7j {align-items:center;display:inline-flex;justify-content:center;gap:0.5rem;}.mc-controls-options__button.svelte-1ovon7j {background-color:transparent;border-width:0;color:initial;font-family:inherit;outline:none;appearance:none;cursor:pointer;padding:0;}.mc-controls-options__icon.svelte-1ovon7j {fill:var(--forms-color-icon-clear, #666666);}.mc-controls-options__button.svelte-1ovon7j, .mc-controls-options__icon.svelte-1ovon7j {height:1.5rem;width:1.5rem;}.mc-controls-options__label.svelte-1ovon7j {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}.mc-controls-options__unit.svelte-1ovon7j {font-size:1rem;line-height:1.3;font-weight:600;color:var(--forms-color-text-default, #000000);}
 

package/dist/components/textinput/Textinput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textinput.js","sources":["../../../node_modules/svelte/src/internal/client/dom/elements/actions.js","../../../src/components/textinput/Textinput.svelte"],"sourcesContent":["/** @import { ActionPayload } from '#client' */\nimport { effect, render_effect } from '../../reactivity/effects.js';\nimport { safe_not_equal } from '../../reactivity/equality.js';\nimport { deep_read_state, untrack } from '../../runtime.js';\n\n/**\n * @template P\n * @param {Element} dom\n * @param {(dom: Element, value?: P) => ActionPayload<P>} action\n * @param {() => P} [get_value]\n * @returns {void}\n */\nexport function action(dom, action, get_value) {\n\teffect(() => {\n\t\tvar payload = untrack(() => action(dom, get_value?.()) || {});\n\n\t\tif (get_value && payload?.update) {\n\t\t\tvar inited = false;\n\t\t\t/** @type {P} */\n\t\t\tvar prev = /** @type {any} */ ({}); // initialize with something so it's never equal on first run\n\n\t\t\trender_effect(() => {\n\t\t\t\tvar value = get_value();\n\n\t\t\t\t// Action's update method is coarse-grained, i.e. when anything in the passed value changes, update.\n\t\t\t\t// This works in legacy mode because of mutable_source being updated as a whole, but when using $state\n\t\t\t\t// together with actions and mutation, it wouldn't notice the change without a deep read.\n\t\t\t\tdeep_read_state(value);\n\n\t\t\t\tif (inited && safe_not_equal(prev, value)) {\n\t\t\t\t\tprev = value;\n\t\t\t\t\t/** @type {Function} */ (payload.update)(value);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tinited = true;\n\t\t}\n\n\t\tif (payload?.destroy) {\n\t\t\treturn () => /** @type {Function} */ (payload.destroy)();\n\t\t}\n\t});\n}\n","<svelte:options customElement=\"m-textinput\" />\n\n<script lang=\"ts\">\n  import type { TextInputSize, TextInputType } from './textinput.types';\n\n  interface Props {\n    name: string;\n    value: string;\n    placeholder: string;\n    inputtype?: TextInputType;\n    isvalid: boolean;\n    isinvalid: boolean;\n    disabled?: boolean;\n    size?: TextInputSize;\n    iconname: string;\n    rightalign: boolean;\n    min: string;\n    max: string;\n    minlength: number;\n    maxlength: number;\n    required?: boolean;\n    clearlabel?: string;\n    isclearable?: boolean;\n  }\n\n  let {\n    name,\n    value,\n    placeholder,\n    inputtype = 'text',\n    isvalid,\n    isinvalid,\n    disabled = false,\n    size = 'm',\n    iconname,\n    rightalign,\n    min,\n    max,\n    minlength,\n    maxlength,\n    required = false,\n    clearlabel = 'Clear content',\n    isclearable = false,\n    ...events\n  }: Props = $props();\n\n  let inputType = $derived(inputtype);\n  let displayClear = $derived(isclearable && value ? true : false);\n\n  function getClasses(\n    isValid: boolean,\n    isInvalid: boolean,\n    size: TextInputSize,\n    iconname: string,\n  ): string {\n    const classes = ['mc-text-input', 'mc-field__input'];\n\n    if (isValid) {\n      classes.push('is-valid');\n    }\n\n    if (isInvalid) {\n      classes.push('is-invalid');\n    }\n\n    if (size === 's') {\n      classes.push('mc-text-input--s');\n    }\n\n    if (iconname) {\n      classes.push('mc-left-icon-input__input');\n    }\n\n    if (rightalign) {\n      classes.push('right-align');\n    }\n\n    return classes.join(' ');\n  }\n\n  const setType = (node: any) => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n    node.type = inputType;\n  };\n\n  function resetValue() {\n    console.log(value);\n    value = '';\n  }\n</script>\n\n<div class=\"{getClasses(isvalid, isinvalid, size, iconname)} \">\n  {#if $$slots.icon}\n    <span class=\"mc-text-input__icon\">\n      <slot name=\"icon\" />\n    </span>\n  {/if}\n  <input\n    bind:value\n    use:setType\n    class=\"mc-text-input__control\"\n    aria-invalid={isinvalid}\n    {name}\n    id={name}\n    {placeholder}\n    {disabled}\n    {min}\n    {max}\n    {minlength}\n    {maxlength}\n    spellcheck=\"false\"\n    {required}\n    {...events}\n  />\n  <!-- Control options -->\n  {#if displayClear}\n    <div class=\"mc-controls-options js-control-options\">\n      <!-- Clear Button -->\n      <button\n        type=\"button\"\n        class=\"mc-controls-options__button\"\n        onclick={resetValue}\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</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/controls-options';\n  @use '@mozaic-ds/styles/components/text-input';\n\n  .right-align {\n    text-align: right;\n  }\n</style>\n"],"names":["action","dom","get_value","effect","payload","untrack","resetValue","_","value","name","$.prop","$$props","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max","minlength","maxlength","required","clearlabel","isclearable","events","$.rest_props","inputType","displayClear","getClasses","isValid","isInvalid","classes","setType","node","$.get","$$slots","$$render","consequent","consequent_1"],"mappings":"qVAYO,SAASA,GAAOC,EAAKD,EAAQE,EAAW,CAC9CC,EAAO,IAAM,CACZ,IAAIC,EAAUC,EAAQ,IAAML,EAAOC,EAAKC,GAAA,YAAAA,GAAa,GAAK,EAAE,EAwB5D,GAAIE,GAAA,MAAAA,EAAS,QACZ,MAAO,IAA+BA,EAAQ,QAAU,CAE3D,CAAE,CACF,CC2CW,SAAAE,GAAaC,EAAAC,EAAA,CACpB,QAAQ,IAAIA,GAAK,EACjBA,EAAQ,EAAE,CACZ;;;;;;;;;8IA9DEC,EAAIC,EAAAC,EAAA,OAAA,CAAA,EACJH,EAAKE,EAAAC,EAAA,QAAA,CAAA,EACLC,EAAWF,EAAAC,EAAA,cAAA,CAAA,EACXE,oBAAY,MAAM,EAClBC,EAAOJ,EAAAC,EAAA,UAAA,CAAA,EACPI,EAASL,EAAAC,EAAA,YAAA,CAAA,EACTK,mBAAW,EAAK,EAChBC,eAAO,GAAG,EACVC,EAAQR,EAAAC,EAAA,WAAA,CAAA,EACRQ,EAAUT,EAAAC,EAAA,aAAA,CAAA,EACVS,EAAGV,EAAAC,EAAA,MAAA,CAAA,EACHU,EAAGX,EAAAC,EAAA,MAAA,CAAA,EACHW,EAASZ,EAAAC,EAAA,YAAA,CAAA,EACTY,EAASb,EAAAC,EAAA,YAAA,CAAA,EACTa,mBAAW,EAAK,EAChBC,qBAAa,eAAe,EAC5BC,sBAAc,EAAK,EAChBC,EAAAC,GAAAjB,EAAA,+NAGDkB,IAAqBhB,CAAS,EAC9BiB,QAAwB,GAAAJ,EAAW,GAAIlB,EAAQ,EAAY,WAEtDuB,EACPC,EACAC,EACAhB,EACAC,EACQ,OACFgB,EAAO,CAAI,gBAAiB,iBAAiB,EAE/C,OAAAF,GACFE,EAAQ,KAAK,UAAU,EAGrBD,GACFC,EAAQ,KAAK,YAAY,EAGvBjB,IAAS,KACXiB,EAAQ,KAAK,kBAAkB,EAG7BhB,GACFgB,EAAQ,KAAK,2BAA2B,EAGtCf,EAAU,GACZe,EAAQ,KAAK,aAAa,EAGrBA,EAAQ,KAAK,GAAG,CACzB,OAEMC,EAAWC,GAAc,CAE7BA,EAAK,KAAIC,EAAGR,CAAS,CACtB,wFASIS,EAAQ,MAAIC,EAAAC,CAAA,8HA6BFlC,GAAUE,CAAA,sDAQuBiB,EAAU,CAAA,CAAA,oBAdrDK,CAAY,GAAAS,EAAAE,CAAA,mHAdD1B,EAAS,cAEnBN,EAAI,8GASJkB,uBArBK,IAAAI,EAAWjB,EAAO,EAAEC,EAAS,EAAEE,IAAMC,EAAQ,CAAA,iNA9D1C,OAAM,+JAGP,GAAK,6CACT,IAAG,uWAOC,GAAK,yDACH,gBAAe,2DACd,GAAK","x_google_ignoreList":[0]}

package/dist/components/textinput/Textinput.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textinput.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/textinput/Textinput.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGpE,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAkGH,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;AAUD,QAAA,MAAM,SAAS;;;;UAAmF,CAAC;AACjF,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC;AAClD,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"textinput.types.d.ts","sourceRoot":"","sources":["../../../src/components/textinput/textinput.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GACrB,MAAM,GACN,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,KAAK,GACL,MAAM,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,GAAG,GAAG,GAAG,CAAC"}

package/dist/{toggle → components/toggle}/Toggle.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","sources":["../../../src/components/toggle/Toggle.svelte"],"sourcesContent":["<svelte:options customElement=\"m-toggle\" />\n\n<script lang=\"ts\">\n  import type { ToggleSize } from './toggle.types';\n  import { createEventDispatcher } from 'svelte';\n\n  interface Props {\n    name: string;\n    checked: boolean;\n    disabled?: boolean;\n    size?: ToggleSize;\n    label: string;\n  }\n\n  let {\n    name,\n    checked = $bindable(),\n    disabled = false,\n    size = 'm',\n    label,\n  }: Props = $props();\n\n  let dispatch = createEventDispatcher();\n\n  function handleState(): void {\n    checked = !checked;\n    dispatch('change', checked);\n  }\n</script>\n\n<div\n  class=\"mc-toggle {!label ? ' mc-toggle--hide-label' : ''} {size === 'm'\n    ? ' mc-toggle--m'\n    : ''}\"\n>\n  <label class=\"mc-toggle__container\">\n    <input\n      class=\"mc-toggle__input\"\n      id={name}\n      {name}\n      type=\"checkbox\"\n      {checked}\n      {disabled}\n      onclick={handleState}\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":["handleState","_","checked","dispatch","name","$.prop","$$props","disabled","size","label","createEventDispatcher","$$render","consequent"],"mappings":"yQAwBW,SAAAA,EAAoBC,EAAAC,EAAAC,EAAA,CAC3BD,GAAWA,GAAO,EAClBC,EAAS,SAAUD,GAAO,CAC5B;;8kPAZEE,EAAIC,EAAAC,EAAA,OAAA,CAAA,EACJJ,EAAOG,EAAAC,EAAA,UAAA,EAAA,EACPC,mBAAW,EAAK,EAChBC,eAAO,GAAG,EACVC,EAAKJ,EAAAC,EAAA,QAAA,CAAA,EAGHH,EAAWO,EAAqB,0CAqBvBV,EAAWE,EAAAC,CAAA,6DAGYM,EAAK,CAAA,CAAA,kBADlCA,EAAK,GAAAE,EAAAC,CAAA,gDAdOH,EAAK,EAA8B,GAA3B,2BAA6B,EAAA,KAAGD,EAAI,IAAK,IAChE,gBACA,KAAE,EAAA,GAAA,eAAA,WAKEJ,GAAI,gMArBC,GAAK,6CACT,IAAG"}

package/dist/components/toggle/Toggle.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/toggle/Toggle.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAI/C,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf;AAuCH,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;AAKD,QAAA,MAAM,MAAM;;;;qBAA6E,CAAC;AACxE,KAAK,MAAM,GAAG,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC;AAC5C,eAAe,MAAM,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.types.d.ts","sourceRoot":"","sources":["../../../src/components/toggle/toggle.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC"}

package/dist/main.d.ts

@@ -0,0 +1,18 @@
+import Button from './components/button/Button.svelte';
+import Checkbox from './components/checkbox/Checkbox.svelte';
+import CheckboxGroup from './components/checkboxgroup/checkboxGroup.svelte';
+import Textarea from './components/textarea/Textarea.svelte';
+import Select from './components/select/Select.svelte';
+import Toggle from './components/toggle/Toggle.svelte';
+import Field from './components/field/Field.svelte';
+import Link from './components/link/Link.svelte';
+import Loader from './components/loader/Loader.svelte';
+import Textinput from './components/textinput/Textinput.svelte';
+import Overlay from './components/overlay/Overlay.svelte';
+import OverlayLoader from './components/overlay/OverlayLoader.svelte';
+import Radio from './components/radio/Radio.svelte';
+import RadioGroup from './components/radiogroup/RadioGroup.svelte';
+import QuantitySelector from './components/quantityselector/QuantitySelector.svelte';
+import Badge from './components/badge/Badge.svelte';
+export { Button, Checkbox, CheckboxGroup, Textarea, Select, Toggle, Field, Link, Loader, Textinput, Overlay, OverlayLoader, Radio, RadioGroup, QuantitySelector, Badge, };
+//# sourceMappingURL=main.d.ts.map

package/dist/main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,QAAQ,MAAM,uCAAuC,CAAC;AAC7D,OAAO,aAAa,MAAM,iDAAiD,CAAC;AAC5E,OAAO,QAAQ,MAAM,uCAAuC,CAAC;AAC7D,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,KAAK,MAAM,iCAAiC,CAAC;AACpD,OAAO,IAAI,MAAM,+BAA+B,CAAC;AACjD,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,SAAS,MAAM,yCAAyC,CAAC;AAChE,OAAO,OAAO,MAAM,qCAAqC,CAAC;AAC1D,OAAO,aAAa,MAAM,2CAA2C,CAAC;AACtE,OAAO,KAAK,MAAM,iCAAiC,CAAC;AACpD,OAAO,UAAU,MAAM,2CAA2C,CAAC;AACnE,OAAO,gBAAgB,MAAM,uDAAuD,CAAC;AACrF,OAAO,KAAK,MAAM,iCAAiC,CAAC;AAEpD,OAAO,EACL,MAAM,EACN,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,MAAM,EACN,MAAM,EACN,KAAK,EACL,IAAI,EACJ,MAAM,EACN,SAAS,EACT,OAAO,EACP,aAAa,EACb,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,KAAK,GACN,CAAC"}

package/dist/main.js

@@ -0,0 +1,17 @@
+import Button from './components/button/Button.svelte';
+import Checkbox from './components/checkbox/Checkbox.svelte';
+import CheckboxGroup from './components/checkboxgroup/checkboxGroup.svelte';
+import Textarea from './components/textarea/Textarea.svelte';
+import Select from './components/select/Select.svelte';
+import Toggle from './components/toggle/Toggle.svelte';
+import Field from './components/field/Field.svelte';
+import Link from './components/link/Link.svelte';
+import Loader from './components/loader/Loader.svelte';
+import Textinput from './components/textinput/Textinput.svelte';
+import Overlay from './components/overlay/Overlay.svelte';
+import OverlayLoader from './components/overlay/OverlayLoader.svelte';
+import Radio from './components/radio/Radio.svelte';
+import RadioGroup from './components/radiogroup/RadioGroup.svelte';
+import QuantitySelector from './components/quantityselector/QuantitySelector.svelte';
+import Badge from './components/badge/Badge.svelte';
+export { Button, Checkbox, CheckboxGroup, Textarea, Select, Toggle, Field, Link, Loader, Textinput, Overlay, OverlayLoader, Radio, RadioGroup, QuantitySelector, Badge, };

package/dist/stories/Contributing.stories.mdx

@@ -0,0 +1 @@
+Contributing

package/dist/stories/HowToWrite.stories.mdx

@@ -0,0 +1,86 @@
+import { Meta } from '@storybook/addon-docs';
+
+<Meta title="Write stories" />
+
+<h1 align="center">How to write stories</h1>
+
+To test and showcase our web components library we've decided to use stories from Storybook.
+To have a consistent project and be easy to contribute to, we have to enforce the story's `title`, `name`, and `description`.
+It will ensure that all cases are covered.
+
+## General rules
+
+Use your stories as tests to cover most cases, keep in mind those test cases:
+
+- Mock all data scenarios
+- Long label or user input
+- Error case
+- Loading state
+- No data
+
+## Names
+
+- If you only have one story, name it `default`.
+- If you have one main story, and a few other cases, name it `default`.
+- Try not to use the component state as story name e.g. `disabled`.
+
+## Names
+
+- If you only have one story, name it `default`.
+- If you have one main story, and a few other cases, name it `default`.
+- Try not to use the component state as story name e.g. `disabled`.
+
+## How it works
+
+Create a story named `{ComponentName}.stories.ts` in `src/stories/{componentname)/`.
+
+We're using an html version of [storybook](https://storybook.js.org/docs/html/writing-stories/introduction) to showcase web components.
+
+1 - Import storybook Object
+
+```js
+import type { Story, Meta } from '@storybook/html';
+```
+
+2 - Instantiate the story
+
+```js
+export default {
+  title: 'Components/{ComponentName}',
+  argTypes: {
+    label: { control: 'text' },
+    size: {
+      control: { type: 'radio' },
+      options: ['s', 'm', 'l'],
+    },
+    disabled: { control: 'boolean' },
+    ...
+  },
+} as Meta;
+```
+
+3 - Create a story template
+The template can be treated as the `default` story.
+
+```js
+const Template: Story = (args) => {
+  // Initiate the web-component
+  const primary = document.createElement('m-your-component');
+
+  // Set props to the component
+  primary.setAttribute('label', 'Primary');
+  primary.setAttribute('size', args.size);
+
+  // Return HTMl as string format
+  return `<div>${primary.outerHTML}</div>`;
+};
+```
+
+4 - Bind story to template
+
+```js
+export const Bordered = Template.bind({});
+Bordered.args = {
+  bordered: true,
+};
+```

package/dist/stories/Introduction.stories.mdx

@@ -0,0 +1,131 @@
+import { Meta } from '@storybook/addon-docs';
+
+<Meta title="Introduction" />
+
+<style></style>
+
+<h1 align="center">Mozaic-web-components</h1>
+
+> This project contains a collection of Svelte and Web Component that implements the [Mozaic Design System](https://github.com/adeo/mozaic-design-system) guidelines.
+
+<p align="center">
+  <a href="https://github.com/adeo/mozaic-web-components/blob/master/.eslintrc.js">
+    <img
+      src="https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)"
+      alt="Prettier badge"
+    />
+  </a>
+  <a href="https://github.com/adeo/mozaic-web-components/issues">
+    <img
+      src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg"
+      alt="PRs welcome"
+    />
+  </a>
+</p>
+
+# Getting Started
+
+All the available components are showcased in our [Storybook](https://ubiquitous-giggle-7b5b6e33.pages.github.io/?path=/story/components-button--solid).
+
+To install mozaic `web-components` in your project, you will need to run the following command using `npm`:
+
+```
+npm install --save @mozaic-ds/web-components
+```
+
+If you prefer `Yarn`, use the following command instead:
+
+```
+yarn add @mozaic-ds/web-components
+```
+
+## Usage
+
+Our library offers Svelte components and Web components.
+
+1 - Svelte
+
+Import the Button component:
+
+```js
+import Button from '@mozaic-ds/web-components/public/components/button/Button.svelte';
+// import Mozaic icons as web component
+import '@mozaic-ds/icons-svelte';
+```
+
+2 - Web components
+
+We currently offers two ways to load web-components
+
+Import all components:
+The easiest way to consume mozaic-web-components, is to import all the web-components and make them available in your application.
+
+```js
+// In the entry point file of your application - usually src/main.js
+import '@mozaic-ds/web-components/public/bundle.js';
+import '@mozaic-ds/icons-svelte';
+```
+
+Import component individually:
+
+If you do not want to use all the components of the library, but only some of them, you can proceed as follows:
+
+```js
+// In the entry point file of your application - usually src/main.js
+
+import Button from '@mozaic-ds/web-components/public/components/button/Button.js';
+if (!customElements.get('m-button')) {
+  customElements.define('m-button', Button);
+}
+...
+import ChevronRight20 from '@mozaic-ds/icons-svelte/dist/custom-elements/ChevronRight20/ChevronRight20.js';
+
+if (!customElements.get('ui-chevron-right-20')) {
+  customElements.define(
+    'ui-chevron-right-20',
+    ChevronRight20
+  )
+}
+```
+
+> NOTE: We recommend you to define mozaic web component using the prefix `m-*`
+
+Once you've imported the component, you can use our components in the same manner as native HTML tags:
+
+```html
+<m-button label="Label" size="m"></m-button>
+<m-ratings
+  size="s"
+  value="3"
+  suffixlabel="7 reviews"
+  a11ylabel="Global score: 4/5"
+></m-ratings>
+...
+```
+
+### Adeo Preset
+
+In order to use Mozaic web components with Adeo preset, you have to import a specific path:
+
+```js
+import '@mozaic-ds/web-components/public/adeo/...';
+```
+
+> NOTE: This is for global or individual imports
+
+## Project setup
+
+```
+npm install
+npm run build && npm run build:icons
+```
+
+### Compiles and hot-reloads for development
+
+```
+npm run start
+```
+
+Contributing
+
+We're always looking for contributors to help us fix bugs, build features, or help us improve the documentation. If you're intersted chec out our [Contribution Guide](https://github.com/adeo/mozaic-web-components/wiki/Contributing).

package/dist/stories/Status.stories.mdx

@@ -0,0 +1,56 @@
+import { Meta } from '@storybook/addon-docs';
+
+<Meta title="Status" />
+
+# Components status
+
+✔️ - Published | 💛 - Planned | 💙 - Work in progress | ✖️ - Not planned
+
+| Component          | Status |
+| ------------------ | ------ |
+| Accordion          | ✔️     |
+| Badge              | ✔️     |
+| BarChart           | ✔️     |
+| Breadcrumbs        | ✔️     |
+| Button             | ✔️     |
+| Card               | ✔️     |
+| CheckBox           | ✔️     |
+| CheckBox group     | ✔️     |
+| Divider            | ✖️     |
+| DonutChart         | ✔️     |
+| Datatable          | ✔️     |
+| Field              | ✔️     |
+| FileUploader       | 💙     |
+| Flag               | ✔️     |
+| Header             | ✔️     |
+| GroupBarChart      | ✔️     |
+| Heading            | ✖️     |
+| Hero               | ✔️     |
+| Layer              | ✔️     |
+| LineChart          | ✔️     |
+| Link               | ✔️     |
+| Modal              | ✔️     |
+| Notification       | ✔️     |
+| OptionButton       | 💙     |
+| OptionCard         | 💙     |
+| Notification       | ✔️     |
+| Pagination         | ✔️     |
+| Password input     | ✖️     |
+| Phone number input | 💙     |
+| ProgressBar        | ✔️     |
+| Radio              | ✔️     |
+| Radio group        | ✔️     |
+| RatingStarsInput   | ✔️     |
+| RatingStars        | ✔️     |
+| QuantitySelector   | ✔️     |
+| Select             | ✔️     |
+| Sidebar            | ✔️     |
+| StackBarChart      | ✔️     |
+| Stepper            | ✔️     |
+| Tabs               | ✔️     |
+| Tags               | ✔️     |
+| Text               | ✔️     |
+| TextArea           | ✔️     |
+| TextInput          | ✔️     |
+| Toggle             | ✔️     |
+| Tooltip            | ✔️     |

package/dist/stories/SupportAndOnboarding.stories.mdx

@@ -0,0 +1,62 @@
+import { Meta } from '@storybook/addon-docs';
+
+<Meta
+  title="Support & Onboarding"
+  parameters={{
+    layout: 'fullscreen',
+    viewMode: 'docs',
+    previewTabs: {
+      canvas: { hidden: true },
+    },
+  }}
+/>
+
+<style>
+  {`
+  .mc-button--mdx {
+    color: #fff;
+  }
+`}
+</style>
+
+# Need help?
+
+## Support
+
+Any feedback, ideas or questions?
+
+The **Mozaic Design System team** would welcome any feedback, ideas, or requirements that you have.<br/>
+Our goal is to make your lives easier.
+
+If you want to get more detailed information on the components or any other topic related to Mozaic web-components, you can contact us through the channels below.
+
+- Join the [#mozaic-web-component](https://adeo-tech-community.slack.com/archives/C021A2J25C4) channel on **Slack**
+- Join the [#mozaic-support](https://app.slack.com/client/T4R6RCZFA/CKQJZL7C4/) channel on **Slack**
+- Join our [Workplace group](https://adeo.workplace.com/groups/427492661454646/) **Mozaic Design System**
+
+## Demo
+
+Once a month, on the last Thursday of the month, the Design System team organises a retro/demo.
+
+On the agenda:
+
+- Presentation of the main features on the library of the past month
+- Open discussion about your needs, feedbacks & requests
+- Technical discussion about the direction of the project.
+
+Want to be a part of it?! <br/>
+Nothing could be easier, you just have to add the **Demo - Mozaic-Web-Component** agenda to yours, by clicking on this link below:
+
+- Join our [Mozaic web components demo](https://calendar.google.com/calendar/u/1?cid=Y19jYmU2ZmFmM2NkODE1NGYyMzkyOTU3MzQyZDdhNjIyNmU2YmVhYjNlNjkwMTM1YjY4MDM0MDJlYTgzNTdhMzA0QGdyb3VwLmNhbGVuZGFyLmdvb2dsZS5jb20)
+
+## Onboarding Sessions
+
+Are you new to using a design system, and in particular Mozaic?<br/>
+Do you want to know more about how **Mozaic** works, and more specifically how to use Mozaic-web-components?<br/>
+You need a personalized support to install or configure your project?
+
+The **Mozaic Design System team** is at your disposal for that.
+
+Do not hesitate to book a slot for **an onboarding session**, by going to this url:
+
+- I book an [onboarding session](https://calendar.google.com/calendar/u/0/appointments/AcZssZ13Wlk-9EHijqW461I_re20kxmteeTAm850Ob4=)

package/dist/stories/badge/Badge.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryFn, Meta } from '@storybook/html';
+declare const _default: Meta;
+export default _default;
+export declare const Default: StoryFn;
+export declare const CustomLabel: StoryFn;
+export declare const AccentStyle: StoryFn;
+export declare const SmallSize: StoryFn;
+//# sourceMappingURL=Badge.stories.d.ts.map

package/dist/stories/badge/Badge.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/badge/Badge.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;wBAwChD,IAAI;AA7BT,wBA6BU;AAWV,eAAO,MAAM,OAAO,SAAoB,CAAC;AAQzC,eAAO,MAAM,WAAW,SAAoB,CAAC;AAQ7C,eAAO,MAAM,WAAW,SAAoB,CAAC;AAO7C,eAAO,MAAM,SAAS,SAAoB,CAAC"}

package/dist/stories/badge/Badge.stories.js

@@ -0,0 +1,68 @@
+import { action } from '@storybook/addon-actions';
+import { BADGE } from '@geometricpanda/storybook-addon-badges';
+import { userEvent, within, expect } from '@storybook/test';
+export default {
+    title: 'Indicators/Badge (number)',
+    argTypes: {
+        label: {
+            description: 'Specify the badge label',
+            control: 'text',
+        },
+        style: {
+            description: 'Specify the badge type',
+            control: { type: 'radio' },
+            options: ['standard', 'accent', 'danger', 'inverse'],
+        },
+        size: {
+            description: 'Specify the size of the badge, available sizes are `s`, `m`',
+            control: { type: 'radio' },
+            options: ['s', 'm'],
+        },
+        change: {
+            name: 'click',
+            action: 'click',
+            table: {
+                category: 'Events',
+            },
+        },
+    },
+    parameters: {
+        badges: [BADGE.STABLE],
+    },
+};
+const Template = (args) => {
+    const primary = document.createElement('m-badge');
+    primary.setAttribute('label', args.label || '99');
+    if (args.style)
+        primary.setAttribute('style', args.style);
+    if (args.size)
+        primary.setAttribute('size', args.size || 'm');
+    primary.addEventListener('click', action('click'));
+    return primary;
+};
+export const Default = Template.bind({});
+Default.args = {};
+Default.play = async ({ canvasElement }) => {
+    const badge = within(canvasElement).getByText('99');
+    expect(badge).not.toBeNull();
+    await userEvent.click(badge);
+};
+export const CustomLabel = Template.bind({});
+CustomLabel.args = { label: 'X' };
+CustomLabel.play = async ({ canvasElement }) => {
+    const badge = within(canvasElement).getByText('X');
+    expect(badge).not.toBeNull();
+    await userEvent.click(badge);
+};
+export const AccentStyle = Template.bind({});
+AccentStyle.args = { style: 'accent' };
+AccentStyle.play = async ({ canvasElement }) => {
+    const badge = canvasElement.querySelector('m-badge');
+    expect(badge).toHaveAttribute('style', 'accent');
+};
+export const SmallSize = Template.bind({});
+SmallSize.args = { size: 's' };
+SmallSize.play = async ({ canvasElement }) => {
+    const badge = canvasElement.querySelector('m-badge');
+    expect(badge).toHaveAttribute('size', 's');
+};

package/dist/stories/button/Button.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryFn, Meta } from '@storybook/html';
+declare const _default: Meta;
+export default _default;
+export declare const Filled: StoryFn;
+export declare const Outlined: StoryFn;
+export declare const Ghost: StoryFn;
+export declare const Icon: StoryFn;
+//# sourceMappingURL=Button.stories.d.ts.map

package/dist/stories/button/Button.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/button/Button.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;wBAwEhD,IAAI;AA7DT,wBA6DU;AAyBV,eAAO,MAAM,MAAM,SAAoB,CAAC;AAUxC,eAAO,MAAM,QAAQ,SAAoB,CAAC;AAc1C,eAAO,MAAM,KAAK,SAAoB,CAAC;AAqBvC,eAAO,MAAM,IAAI,SAAoB,CAAC"}