@mozaic-ds/web-components 1.0.0-beta.7 → 1.0.0

package/dist/this.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"this.js","sources":["../node_modules/svelte/src/internal/client/dom/elements/bindings/this.js"],"sourcesContent":["import { STATE_SYMBOL } from '#client/constants';\nimport { effect, render_effect } from '../../../reactivity/effects.js';\nimport { untrack } from '../../../runtime.js';\nimport { queue_micro_task } from '../../task.js';\n\n/**\n * @param {any} bound_value\n * @param {Element} element_or_component\n * @returns {boolean}\n */\nfunction is_bound_this(bound_value, element_or_component) {\n\treturn (\n\t\tbound_value === element_or_component || bound_value?.[STATE_SYMBOL] === element_or_component\n\t);\n}\n\n/**\n * @param {any} element_or_component\n * @param {(value: unknown, ...parts: unknown[]) => void} update\n * @param {(...parts: unknown[]) => unknown} get_value\n * @param {() => unknown[]} [get_parts] Set if the this binding is used inside an each block,\n * \t\t\t\t\t\t\t\t\t\treturns all the parts of the each block context that are used in the expression\n * @returns {void}\n */\nexport function bind_this(element_or_component = {}, update, get_value, get_parts) {\n\teffect(() => {\n\t\t/** @type {unknown[]} */\n\t\tvar old_parts;\n\n\t\t/** @type {unknown[]} */\n\t\tvar parts;\n\n\t\trender_effect(() => {\n\t\t\told_parts = parts;\n\t\t\t// We only track changes to the parts, not the value itself to avoid unnecessary reruns.\n\t\t\tparts = get_parts?.() || [];\n\n\t\t\tuntrack(() => {\n\t\t\t\tif (element_or_component !== get_value(...parts)) {\n\t\t\t\t\tupdate(element_or_component, ...parts);\n\t\t\t\t\t// If this is an effect rerun (cause: each block context changes), then nullfiy the binding at\n\t\t\t\t\t// the previous position if it isn't already taken over by a different effect.\n\t\t\t\t\tif (old_parts && is_bound_this(get_value(...old_parts), element_or_component)) {\n\t\t\t\t\t\tupdate(null, ...old_parts);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\n\t\treturn () => {\n\t\t\t// We cannot use effects in the teardown phase, we we use a microtask instead.\n\t\t\tqueue_micro_task(() => {\n\t\t\t\tif (parts && is_bound_this(get_value(...parts), element_or_component)) {\n\t\t\t\t\tupdate(null, ...parts);\n\t\t\t\t}\n\t\t\t});\n\t\t};\n\t});\n\n\treturn element_or_component;\n}\n"],"names":["is_bound_this","bound_value","element_or_component","STATE_SYMBOL","bind_this","update","get_value","get_parts","effect","old_parts","parts","render_effect","untrack","queue_micro_task"],"mappings":"uEAUA,SAASA,EAAcC,EAAaC,EAAsB,CACzD,OACCD,IAAgBC,IAAwBD,GAAA,YAAAA,EAAcE,MAAkBD,CAE1E,CAUO,SAASE,EAAUF,EAAuB,CAAA,EAAIG,EAAQC,EAAWC,EAAW,CAClF,OAAAC,EAAO,IAAM,CAEZ,IAAIC,EAGAC,EAEJ,OAAAC,EAAc,IAAM,CACnBF,EAAYC,EAEZA,GAAQH,GAAA,YAAAA,MAAiB,CAAA,EAEzBK,EAAQ,IAAM,CACTV,IAAyBI,EAAU,GAAGI,CAAK,IAC9CL,EAAOH,EAAsB,GAAGQ,CAAK,EAGjCD,GAAaT,EAAcM,EAAU,GAAGG,CAAS,EAAGP,CAAoB,GAC3EG,EAAO,KAAM,GAAGI,CAAS,EAG5B,CAAC,CACF,CAAC,EAEM,IAAM,CAEZI,EAAiB,IAAM,CAClBH,GAASV,EAAcM,EAAU,GAAGI,CAAK,EAAGR,CAAoB,GACnEG,EAAO,KAAM,GAAGK,CAAK,CAEvB,CAAC,CACF,CACD,CAAC,EAEMR,CACR","x_google_ignoreList":[0]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mozaic-ds/web-components",
-  "version": "1.0.0-beta.7",
+  "version": "1.0.0",
   "description": "Web component Mozaic DS implementation",
   "license": "MIT",
   "engines": {
@@ -29,12 +29,14 @@
     "build": "vite build",
     "watch": "vite build --watch",
     "build:svelte": "svelte-package --input src/",
+    "test": "vitest run",
     "clean": "rm -rf dist/",
     "start": "npm-run-all --parallel watch storybook",
     "build:storybook": "npm run build && storybook build --stats-json",
     "build-storybook": "npm run build:storybook",
     "build:lib": "npm run clean && npm run build:svelte && npm run build",
     "storybook": "storybook dev -p 6006",
+    "docs": "node generate-docs.js",
     "check": "svelte-check --tsconfig ./tsconfig.json --compiler-warnings 'css-unused-selector:ignore'",
     "eslint": "eslint src",
     "lint-staged": "lint-staged",
@@ -70,15 +72,19 @@
     "@storybook/web-components-vite": "^9.1.5",
     "@sveltejs/kit": "^2.20.8",
     "@sveltejs/package": "^2.5.0",
-    "@sveltejs/vite-plugin-svelte": "^5.0.3",
+    "@sveltejs/vite-plugin-svelte": "^5.1.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/svelte": "^5.2.8",
     "@tsconfig/svelte": "^5.0.4",
     "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@typescript-eslint/parser": "^7.18.0",
+    "@vitest/coverage-v8": "^3.2.4",
     "chromatic": "^6.3.3",
     "eslint": "^8.57.0",
     "eslint-plugin-storybook": "^9.1.5",
     "eslint-plugin-svelte": "^2.45.1",
     "husky": "^6.0.0",
+    "jsdom": "^27.0.0",
     "lint-staged": "^11.2.6",
     "mdx-mermaid": "^1.3.2",
     "mermaid": "^10.9.0",
@@ -90,10 +96,12 @@
     "release-it": "^17.0.0",
     "sass": "^1.85.1",
     "storybook": "^9.1.5",
+    "storybook-addon-tag-badges": "^2.0.2",
     "svelte-check": "^4.1.4",
     "svelte-loader": "^3.2.3",
     "typescript": "^5.5.0",
-    "vite": "^6.2.1"
+    "vite": "^6.2.1",
+    "vitest": "^3.2.4"
   },
   "lint-staged": {
     "src/**/*.{js,ts,svelte}": [

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

@@ -1,13 +0,0 @@
-export type ButtonStyle = 'standard' | 'accent' | 'danger' | 'inverse' | undefined;
-export type ButtonSize = 's' | 'm' | 'l';
-export type ButtonResponsiveSize = 's@from-m' | 's@from-l' | 's@from-xl' | 's@from-xxl' | 'm@from-m' | 'm@from-l' | 'm@from-xl' | 'm@from-xxl' | 'l@from-m' | 'l@from-l' | 'l@from-xl' | 'l@from-xxl' | undefined;
-export type ButtonResponsiveWidth = 'fit@from-m' | 'fit@from-l' | 'fit@from-xl' | 'fit@from-xxl' | 'full' | 'full@from-m' | 'full@from-l' | 'full@from-xl' | 'full@from-xxl' | undefined;
-export type ButtonIconMode = 'left' | 'right' | 'only' | undefined;
-export type ButtonType = 'button' | 'reset' | 'submit' | null | undefined;
-export type LoaderTheme = 'primary' | 'dark' | 'light' | undefined;
-export type ButtonLoader = {
-    enabled: boolean;
-    position: 'left' | 'right' | undefined;
-    theme: LoaderTheme;
-};
-//# sourceMappingURL=button.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GACnB,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,SAAS,CAAC;AACd,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AACzC,MAAM,MAAM,oBAAoB,GAC5B,UAAU,GACV,UAAU,GACV,WAAW,GACX,YAAY,GACZ,UAAU,GACV,UAAU,GACV,WAAW,GACX,YAAY,GACZ,UAAU,GACV,UAAU,GACV,WAAW,GACX,YAAY,GACZ,SAAS,CAAC;AACd,MAAM,MAAM,qBAAqB,GAC7B,YAAY,GACZ,YAAY,GACZ,aAAa,GACb,cAAc,GACd,MAAM,GACN,aAAa,GACb,aAAa,GACb,cAAc,GACd,eAAe,GACf,SAAS,CAAC;AAEd,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AACnE,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,IAAI,GAAG,SAAS,CAAC;AAC1E,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AACnE,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IACvC,KAAK,EAAE,WAAW,CAAC;CACpB,CAAC"}

package/dist/components/button/button.types.js

@@ -1 +0,0 @@
-export {};

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

@@ -1,9 +0,0 @@
-export interface CheckboxGroupOption {
-    value: string;
-    id?: string;
-    label?: string;
-    disabled?: boolean;
-    indeterminate?: boolean;
-    isinvalid?: boolean;
-}
-//# sourceMappingURL=checkboxgroup.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"checkboxgroup.types.d.ts","sourceRoot":"","sources":["../../../src/components/checkboxgroup/checkboxgroup.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/dist/components/checkboxgroup/checkboxgroup.types.js

@@ -1 +0,0 @@
-export {};

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

@@ -1,4 +0,0 @@
-export type LinkSize = 's' | 'm';
-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 +0,0 @@
-{"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/link/link.types.js

@@ -1 +0,0 @@
-export {};

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

@@ -1,3 +0,0 @@
-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 +0,0 @@
-{"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/loader/loader.types.js

@@ -1 +0,0 @@
-export {};

package/dist/components/numberbadge/NumberBadge.types.d.ts

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

package/dist/components/numberbadge/NumberBadge.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NumberBadge.types.d.ts","sourceRoot":"","sources":["../../../src/components/numberbadge/NumberBadge.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/numberbadge/NumberBadge.types.js

@@ -1 +0,0 @@
-export {};

package/dist/components/overlayloader/OverlayLoader.js

@@ -1,27 +0,0 @@
-import{c as f,p as b,a as p,b as o,f as u,d as y,t as g,e as h,h as k,i as _,j as n,r as x}from"../../custom-element.js";import{s as z}from"../../attributes.js";import{L}from"../loader/Loader.js";import"../../if.js";var j=u('<div><div role="dialog" tabindex="-1" class="svelte-8axyxv"><!></div></div>');const w={hash:"svelte-8axyxv",code:`/**
- * Do not edit directly, this file was auto-generated.
- */
-
-@keyframes svelte-8axyxv-rotate-loader {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(270deg);
-  }
-}
-@keyframes svelte-8axyxv-animate-dash-loader {
-  0% {
-    stroke-dasharray: 1, 200;
-    stroke-dashoffset: 0;
-  }
-  50% {
-    stroke-dasharray: 89, 200;
-    stroke-dashoffset: -35px;
-  }
-  100% {
-    stroke-dasharray: 89, 200;
-    stroke-dashoffset: -124px;
-  }
-}.mc-overlay-loader.svelte-8axyxv {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:var(--overlay-z-index, 2);}.mc-overlay-loader.is-visible.svelte-8axyxv {opacity:1;pointer-events:all;transition:opacity 0.4s ease, visibility 0ms;visibility:visible;}.mc-overlay-loader.svelte-8axyxv {align-items:center;display:flex;justify-content:center;}`};function D(v,a){b(a,!0),p(v,w);let s=o(a,"isvisible",7,!1),i=o(a,"text",7),r=o(a,"dialoglabel",7);var c={get isvisible(){return s()},set isvisible(e=!1){s(e),n()},get text(){return i()},set text(e){i(e),n()},get dialoglabel(){return r()},set dialoglabel(e){r(e),n()}},t=j();let d;var l=y(t),m=y(l);return L(m,{size:"l",theme:"inverse",get text(){return i()}}),x(l),x(t),g(e=>{d=h(t,1,"mc-overlay-loader svelte-8axyxv",null,d,e),z(l,"aria-labelledby",r())},[()=>({"is-visible":s()})]),k(v,t),_(c)}customElements.define("m-overlay-loader",f(D,{isvisible:{},text:{},dialoglabel:{}},[],[],!0));
-//# sourceMappingURL=OverlayLoader.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"OverlayLoader.js","sources":["../../../src/components/overlayloader/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":";;;;;;;;;;;;;;;;;;;;;;;;;yeAAA,gBAUQ,IAAAA,oBAAY,EAAK,EAAEC,EAAIC,EAAAC,EAAA,OAAA,CAAA,EAAEC,EAAWF,EAAAC,EAAA,cAAA,CAAA,qDAAxB,GAAK,0SAI2BC,GAAW,uBADdJ,EAAS,GAAA,cAF1D"}

package/dist/components/overlayloader/OverlayLoader.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta } from '@storybook/html-vite';
-/**
- * The `MOverlayLoader` component is the **Svelte / WebComponent** implementation of the **Overlay Loader** component of Mozaic Design System.
- */
-declare const _default: Meta;
-export default _default;
-export declare const Default: any;
-//# sourceMappingURL=OverlayLoader.stories.d.ts.map

package/dist/components/overlayloader/OverlayLoader.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"OverlayLoader.stories.d.ts","sourceRoot":"","sources":["../../../src/components/overlayloader/OverlayLoader.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAW,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAG1D;;GAEG;wBAcE,IAAI;AAZT,wBAYU;AA+BV,eAAO,MAAM,OAAO,KAAoB,CAAC"}

package/dist/components/overlayloader/OverlayLoader.stories.js

@@ -1,50 +0,0 @@
-import { userEvent, within, expect } from 'storybook/test';
-/**
- * The `MOverlayLoader` component is the **Svelte / WebComponent** implementation of the **Overlay Loader** component of Mozaic Design System.
- */
-export default {
-    title: 'Overlay/OverlayLoader',
-    argTypes: {
-        isvisible: {
-            description: 'Define if the overlay loader is visible or not',
-            control: 'boolean',
-        },
-        text: {
-            description: 'Loader text',
-            control: 'text',
-        },
-    },
-};
-const Template = (args) => {
-    const wrapper = document.createElement('div');
-    const MOverlayLoader = document.createElement('m-overlay-loader');
-    const trigger = document.createElement('m-button');
-    const label = document.createElement('span');
-    label.innerText = 'Launch Overlay';
-    trigger.appendChild(label);
-    trigger.addEventListener('click', () => {
-        MOverlayLoader.setAttribute('isvisible', 'true');
-        setTimeout(() => {
-            MOverlayLoader.removeAttribute('isvisible');
-        }, 5000);
-    });
-    if (args.isvisible) {
-        MOverlayLoader.setAttribute('isvisible', 'true');
-    }
-    if (args.text) {
-        MOverlayLoader.setAttribute('text', args.text);
-    }
-    wrapper.appendChild(trigger);
-    wrapper.appendChild(MOverlayLoader);
-    return wrapper;
-};
-export const Default = Template.bind({});
-Default.args = {};
-Default.play = async ({ canvasElement }) => {
-    const MButton = canvasElement.querySelector('m-button');
-    const trigger = MButton?.shadowRoot.querySelector('button');
-    expect(trigger).not.toBeNull();
-    await userEvent.click(MButton);
-    const overlayLoader = canvasElement.querySelector('m-overlay-loader');
-    expect(overlayLoader).toHaveAttribute('isvisible', 'true');
-};

package/dist/components/overlayloader/OverlayLoader.svelte

@@ -1,160 +0,0 @@
-<svelte:options customElement="m-overlay-loader" />
-
-<script lang="ts">
-  import Loader from '../loader/Loader.svelte';
-  interface Props {
-    isvisible?: boolean;
-    text: string;
-    dialoglabel: string;
-  }
-
-  let { isvisible = false, text, dialoglabel }: Props = $props();
-</script>
-
-<div class="mc-overlay-loader" class:is-visible={isvisible}>
-  <div role="dialog" tabindex="-1" aria-labelledby={dialoglabel}>
-    <Loader size="l" theme="inverse" {text} />
-  </div>
-</div>
-
-<style>/**
- * Do not edit directly, this file was auto-generated.
- */
-.mc-loader .mc-loader__spinner {
-  height: 2rem;
-  width: 2rem;
-}
-.mc-loader .mc-loader__path {
-  stroke-width: 4;
-}
-.mc-loader {
-  color: var(--loader-color-standard, #464e63);
-}
-.mc-loader .mc-loader__path {
-  stroke: currentColor;
-}
-.mc-loader {
-  align-items: center;
-  display: inline-flex;
-  flex-direction: column;
-}
-.mc-loader__spinner:not(:only-child) {
-  margin-bottom: 1rem;
-}
-.mc-loader__icon {
-  animation: rotate-loader 2s linear infinite;
-  transform-origin: center;
-}
-.mc-loader__path {
-  fill: none;
-  stroke-dasharray: 1, 200;
-  stroke-dashoffset: 0;
-  stroke-linecap: round;
-  animation: animate-dash-loader 2s ease-in-out infinite;
-}
-.mc-loader__text {
-  font-size: var(--font-size-150, 1rem);
-  color: currentcolor;
-}
-.mc-loader:not(.mc-loader--text-visible) .mc-loader__text {
-  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 .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;
-}
-.mc-loader--s .mc-loader__path {
-  stroke-width: 4;
-}
-.mc-loader--l .mc-loader__spinner {
-  height: 4rem;
-  width: 4rem;
-}
-.mc-loader--l .mc-loader__path {
-  stroke-width: 8;
-}
-.mc-loader--accent {
-  color: var(--loader-color-accent, #117f03);
-}
-.mc-loader--accent .mc-loader__path {
-  stroke: currentColor;
-}
-.mc-loader--inverse {
-  color: var(--loader-color-inverse, #ffffff);
-}
-.mc-loader--inverse .mc-loader__path {
-  stroke: currentColor;
-}
-
-@keyframes rotate-loader {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(270deg);
-  }
-}
-@keyframes animate-dash-loader {
-  0% {
-    stroke-dasharray: 1, 200;
-    stroke-dashoffset: 0;
-  }
-  50% {
-    stroke-dasharray: 89, 200;
-    stroke-dashoffset: -35px;
-  }
-  100% {
-    stroke-dasharray: 89, 200;
-    stroke-dashoffset: -124px;
-  }
-}
-.mc-overlay {
-  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: var(--overlay-z-index, 2);
-}
-.mc-overlay.is-visible {
-  opacity: 1;
-  pointer-events: all;
-  transition: opacity 0.4s ease, visibility 0ms;
-  visibility: visible;
-}
-
-.mc-overlay-loader {
-  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: var(--overlay-z-index, 2);
-}
-.mc-overlay-loader.is-visible {
-  opacity: 1;
-  pointer-events: all;
-  transition: opacity 0.4s ease, visibility 0ms;
-  visibility: visible;
-}
-.mc-overlay-loader {
-  align-items: center;
-  display: flex;
-  justify-content: center;
-}</style>

package/dist/components/overlayloader/OverlayLoader.svelte.d.ts

@@ -1,9 +0,0 @@
-interface Props {
-    isvisible?: boolean;
-    text: string;
-    dialoglabel: string;
-}
-declare const OverlayLoader: import("svelte").Component<Props, {}, "">;
-type OverlayLoader = ReturnType<typeof OverlayLoader>;
-export default OverlayLoader;
-//# sourceMappingURL=OverlayLoader.svelte.d.ts.map

package/dist/components/overlayloader/OverlayLoader.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"OverlayLoader.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/overlayloader/OverlayLoader.svelte.ts"],"names":[],"mappings":"AAKE,UAAU,KAAK;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AAoBH,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/components/quantityselector/quantitySelector.types.d.ts

@@ -1,2 +0,0 @@
-export type QuantitySelectorSize = 's' | 'm';
-//# sourceMappingURL=quantitySelector.types.d.ts.map

package/dist/components/quantityselector/quantitySelector.types.d.ts.map

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

package/dist/components/quantityselector/quantitySelector.types.js

@@ -1 +0,0 @@
-export {};

package/dist/components/radiogroup/radioGroup.types.d.ts

@@ -1,9 +0,0 @@
-export interface RadioGroupOption {
-    id: string | undefined;
-    name?: string | undefined;
-    label?: string;
-    value: string;
-    disabled?: boolean | undefined;
-    checked?: boolean | undefined;
-}
-//# sourceMappingURL=radioGroup.types.d.ts.map

package/dist/components/radiogroup/radioGroup.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"radioGroup.types.d.ts","sourceRoot":"","sources":["../../../src/components/radiogroup/radioGroup.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B"}

package/dist/components/radiogroup/radioGroup.types.js

@@ -1 +0,0 @@
-export {};

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

@@ -1,9 +0,0 @@
-export interface SelectOption {
-    id: string | undefined;
-    text: string;
-    value: string;
-    attributes: string | undefined;
-    disabled: boolean | undefined;
-}
-export type SelectSize = 's' | 'm';
-//# sourceMappingURL=select.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"select.types.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B;AACD,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC"}

package/dist/components/select/select.types.js

@@ -1 +0,0 @@
-export {};

package/dist/components/statusbadge/StatusBadge.types.d.ts

@@ -1,2 +0,0 @@
-export type StatusBadgeStyle = 'error' | 'success' | 'warning' | 'neutral' | 'info';
-//# sourceMappingURL=StatusBadge.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"StatusBadge.types.d.ts","sourceRoot":"","sources":["../../../src/components/statusbadge/StatusBadge.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GACxB,OAAO,GACP,SAAS,GACT,SAAS,GACT,SAAS,GACT,MAAM,CAAC"}

package/dist/components/statusbadge/StatusBadge.types.js

@@ -1 +0,0 @@
-export {};

package/dist/components/statusdot/StatusDot.types.d.ts

@@ -1,3 +0,0 @@
-export type DotStatus = 'error' | 'success' | 'warning' | 'neutral' | 'info';
-export type DotSize = 's' | 'm' | 'l';
-//# sourceMappingURL=StatusDot.types.d.ts.map

package/dist/components/statusdot/StatusDot.types.d.ts.map

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

package/dist/components/statusdot/StatusDot.types.js

@@ -1 +0,0 @@
-export {};

package/dist/components/tabs/Tab.js

@@ -1,4 +0,0 @@
-import{c as T,p as B,a as F,b,f as v,h as d,i as G,j as u,d as r,r as l,D as H,s as j}from"../../custom-element.js";import{i as y}from"../../if.js";import{s as m}from"../../slot.js";import{b as z,C}from"../../attributes.js";var I=v('<span class="mc-tabs__icon svelte-x6ouqs"><!></span>'),J=v('<button><!> <span class="mc-tabs__label svelte-x6ouqs"><!></span></button>'),K=v('<span class="mc-tabs__icon svelte-x6ouqs"><!></span>'),M=v('<a><!> <span class="mc-tabs__label svelte-x6ouqs"><!></span></a>'),N=v('<li class="mc-tabs__item" role="presentation"><!></li>');const O={hash:"svelte-x6ouqs",code:`/**
- * Do not edit directly, this file was auto-generated.
- */.mc-tabs.svelte-x6ouqs {background-color:var(--tabs-color-background-default, #ffffff);position:relative;width:100%;height:3.5rem;}.mc-tabs__list.svelte-x6ouqs {list-style-type:none;padding-inline-start:0;margin-block:0;display:flex;gap:0.5rem;padding:0.5rem 0.25rem;}.mc-tabs__tab.svelte-x6ouqs {font-size:var(--font-size-100, 0.875rem);font-weight:var(--font-weight-semi-bold, 600);align-items:center;background:none;border:none;border-radius:var(--radius-s, 0.25rem);color:var(--tabs-color-text-default, #404040);cursor:pointer;display:flex;gap:0.25rem;height:2.5rem;justify-content:center;outline:none;padding-left:0.75rem;padding-right:0.75rem;position:relative;text-decoration:none;}.mc-tabs__tab.svelte-x6ouqs:hover {background-color:var(--tabs-color-background-hover, rgba(0, 0, 0, 0.05));}.mc-tabs__tab.svelte-x6ouqs: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-tabs__tab--selected.svelte-x6ouqs {color:var(--tabs-color-text-selected, #006902);background-color:var(--tabs-color-background-selected, #ebf5de);}.mc-tabs__tab--selected.svelte-x6ouqs:hover {background-color:var(--tabs-color-background-selected-hover, #c5e39e);}.mc-tabs__tab--disabled.svelte-x6ouqs {color:var(--tabs-color-text-disabled, #b3b3b3);cursor:not-allowed;}.mc-tabs__tab--disabled.svelte-x6ouqs:hover {background:none;}.mc-tabs__label.svelte-x6ouqs {pointer-events:none;}.mc-tabs__icon.svelte-x6ouqs {fill:currentcolor;height:1.5rem;width:1.5rem;}`};function P(w,t){B(t,!0),F(w,O);let n=b(t,"selected",7,!1),g=b(t,"href",7),h=b(t,"tag",7,"button"),f=b(t,"disabled",7,!1),_=b(t,"hasiconslot",7,!1),S=H(t,["$$slots","$$events","$$legacy","$$host","selected","href","tag","disabled","hasiconslot"]);var D={get selected(){return n()},set selected(e=!1){n(e),u()},get href(){return g()},set href(e){g(e),u()},get tag(){return h()},set tag(e="button"){h(e),u()},get disabled(){return f()},set disabled(e=!1){f(e),u()},get hasiconslot(){return _()},set hasiconslot(e=!1){_(e),u()}},x=N(),A=r(x);{var E=e=>{var s=J();z(s,a=>({type:"button",role:"tab","aria-selected":n(),class:"mc-tabs__tab",...S,[C]:a}),[()=>({"mc-tabs__tab--selected":n(),"mc-tabs__tab--disabled":f()})],void 0,"svelte-x6ouqs");var c=r(s);{var p=a=>{var o=I(),k=r(o);m(k,t,"icon",{}),l(o),d(a,o)};y(c,a=>{_()&&a(p)})}var i=j(c,2),q=r(i);m(q,t,"default",{}),l(i),l(s),d(e,s)},L=e=>{var s=M();z(s,a=>({href:g(),role:"tab","aria-selected":n(),class:"mc-tabs__tab",...S,[C]:a}),[()=>({"mc-tabs__tab--selected":n(),"mc-tabs__tab--disabled":f()})],void 0,"svelte-x6ouqs");var c=r(s);{var p=a=>{var o=K(),k=r(o);m(k,t,"icon",{}),l(o),d(a,o)};y(c,a=>{_()&&a(p)})}var i=j(c,2),q=r(i);m(q,t,"default",{}),l(i),l(s),d(e,s)};y(A,e=>{h()==="button"?e(E):e(L,!1)})}return l(x),d(w,x),G(D)}customElements.define("mc-tab",T(P,{selected:{},href:{},tag:{},disabled:{},hasiconslot:{}},["icon","default"],[],!0));
-//# sourceMappingURL=Tab.js.map

package/dist/components/tabs/Tab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.js","sources":["../../../src/components/tabs/Tab.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'mc-tab' }} />\n\n<script lang=\"ts\">\n  interface Props {\n    selected?: boolean;\n    href?: string;\n    tag?: 'a' | 'button';\n    disabled?: boolean;\n    hasiconslot?: boolean;\n    [key: string]: any; // pour on:click etc.\n  }\n\n  let {\n    selected = false,\n    href,\n    tag = 'button',\n    disabled = false,\n    hasiconslot = false,\n    ...events\n  }: Props = $props();\n</script>\n\n<li class=\"mc-tabs__item\" role=\"presentation\">\n  {#if tag === 'button'}\n    <button\n      type=\"button\"\n      role=\"tab\"\n      aria-selected={selected}\n      class=\"mc-tabs__tab\"\n      class:mc-tabs__tab--selected={selected}\n      class:mc-tabs__tab--disabled={disabled}\n      {...events}\n    >\n      {#if hasiconslot}\n        <span class=\"mc-tabs__icon\">\n          <slot name=\"icon\" />\n        </span>\n      {/if}\n\n      <span class=\"mc-tabs__label\">\n        <slot />\n      </span>\n    </button>\n  {:else}\n    <a\n      {href}\n      role=\"tab\"\n      aria-selected={selected}\n      class=\"mc-tabs__tab\"\n      class:mc-tabs__tab--selected={selected}\n      class:mc-tabs__tab--disabled={disabled}\n      {...events}\n    >\n      {#if hasiconslot}\n        <span class=\"mc-tabs__icon\">\n          <slot name=\"icon\" />\n        </span>\n      {/if}\n      <span class=\"mc-tabs__label\">\n        <slot />\n      </span>\n    </a>\n  {/if}\n</li>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/tabs';\n</style>\n"],"names":["selected","href","$.prop","$$props","tag","disabled","hasiconslot","events","$.rest_props","$$render","consequent","consequent_2","consequent_1","alternate"],"mappings":";;0nDAAA,gBAaI,IAAAA,mBAAW,EAAK,EAChBC,EAAIC,EAAAC,EAAA,OAAA,CAAA,EACJC,cAAM,QAAQ,EACdC,mBAAW,EAAK,EAChBC,sBAAc,EAAK,EAChBC,EAAAC,EAAAL,EAAA,8IALQ,GAAK,wFAEV,SAAQ,qDACH,GAAK,2DACF,GAAK,gGAUFH,EAAQ,0BAInBO,0CAF0BP,EAAQ,2BACRK,EAAQ,0GAGjCC,EAAW,GAAAG,EAAAC,CAAA,2HAcDV,EAAQ,0BAInBO,0CAF0BP,EAAQ,2BACRK,EAAQ,0GAGjCC,EAAW,GAAAG,EAAAE,CAAA,sEA9BfP,EAAG,IAAK,SAAQK,EAAAG,CAAA,EAAAH,EAAAI,EAAA,EAAA,2BAHvB"}

package/dist/components/tabs/Tab.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tab.svelte.ts"],"names":[],"mappings":"AAGE,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,GAAG,GAAG,QAAQ,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AA+CH,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,GAAG;;;;;;;;UAAqF,CAAC;AAC7E,KAAK,GAAG,GAAG,YAAY,CAAC,OAAO,GAAG,CAAC,CAAC;AACtC,eAAe,GAAG,CAAC"}

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

@@ -1,3 +0,0 @@
-export type TextInputType = 'date' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text';
-export type TextInputSize = 's' | 'm';
-//# sourceMappingURL=textinput.types.d.ts.map

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

@@ -1 +0,0 @@
-{"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/components/textinput/textinput.types.js

@@ -1 +0,0 @@
-export {};

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

@@ -1,2 +0,0 @@
-export type ToggleSize = 's' | 'm';
-//# sourceMappingURL=toggle.types.d.ts.map

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

@@ -1 +0,0 @@
-{"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/components/toggle/toggle.types.js

@@ -1 +0,0 @@
-export {};

package/dist/index-client.js

@@ -1,2 +0,0 @@
-import{a3 as t,a4 as _,a2 as m,y as l,a5 as p}from"./custom-element.js";function s(e){throw new Error("https://svelte.dev/e/lifecycle_outside_component")}function v(e){t===null&&s(),_&&t.l!==null?y(t).m.push(e):m(()=>{const n=l(e);if(typeof n=="function")return n})}function x(e){t===null&&s(),v(()=>()=>l(e))}function d(e,n,{bubbles:c=!1,cancelable:a=!1}={}){return new CustomEvent(e,{detail:n,bubbles:c,cancelable:a})}function b(){const e=t;return e===null&&s(),(n,c,a)=>{var r;const o=(r=e.s.$$events)==null?void 0:r[n];if(o){const f=p(o)?o.slice():[o],u=d(n,c,a);for(const i of f)i.call(e.x,u);return!u.defaultPrevented}return!0}}function y(e){var n=e.l;return n.u??(n.u={a:[],b:[],m:[]})}export{x as a,b as c,v as o};
-//# sourceMappingURL=index-client.js.map

package/dist/index-client.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-client.js","sources":["../node_modules/svelte/src/internal/shared/errors.js","../node_modules/svelte/src/index-client.js"],"sourcesContent":["/* This file is generated by scripts/process-messages/index.js. Do not edit! */\n\nimport { DEV } from 'esm-env';\n\n/**\n * Cannot use `{@render children(...)}` if the parent component uses `let:` directives. Consider using a named snippet instead\n * @returns {never}\n */\nexport function invalid_default_snippet() {\n\tif (DEV) {\n\t\tconst error = new Error(`invalid_default_snippet\\nCannot use \\`{@render children(...)}\\` if the parent component uses \\`let:\\` directives. Consider using a named snippet instead\\nhttps://svelte.dev/e/invalid_default_snippet`);\n\n\t\terror.name = 'Svelte error';\n\n\t\tthrow error;\n\t} else {\n\t\tthrow new Error(`https://svelte.dev/e/invalid_default_snippet`);\n\t}\n}\n\n/**\n * A snippet function was passed invalid arguments. Snippets should only be instantiated via `{@render ...}`\n * @returns {never}\n */\nexport function invalid_snippet_arguments() {\n\tif (DEV) {\n\t\tconst error = new Error(`invalid_snippet_arguments\\nA snippet function was passed invalid arguments. Snippets should only be instantiated via \\`{@render ...}\\`\\nhttps://svelte.dev/e/invalid_snippet_arguments`);\n\n\t\terror.name = 'Svelte error';\n\n\t\tthrow error;\n\t} else {\n\t\tthrow new Error(`https://svelte.dev/e/invalid_snippet_arguments`);\n\t}\n}\n\n/**\n * `%name%(...)` can only be used during component initialisation\n * @param {string} name\n * @returns {never}\n */\nexport function lifecycle_outside_component(name) {\n\tif (DEV) {\n\t\tconst error = new Error(`lifecycle_outside_component\\n\\`${name}(...)\\` can only be used during component initialisation\\nhttps://svelte.dev/e/lifecycle_outside_component`);\n\n\t\terror.name = 'Svelte error';\n\n\t\tthrow error;\n\t} else {\n\t\tthrow new Error(`https://svelte.dev/e/lifecycle_outside_component`);\n\t}\n}\n\n/**\n * Attempted to render a snippet without a `{@render}` block. This would cause the snippet code to be stringified instead of its content being rendered to the DOM. To fix this, change `{snippet}` to `{@render snippet()}`.\n * @returns {never}\n */\nexport function snippet_without_render_tag() {\n\tif (DEV) {\n\t\tconst error = new Error(`snippet_without_render_tag\\nAttempted to render a snippet without a \\`{@render}\\` block. This would cause the snippet code to be stringified instead of its content being rendered to the DOM. To fix this, change \\`{snippet}\\` to \\`{@render snippet()}\\`.\\nhttps://svelte.dev/e/snippet_without_render_tag`);\n\n\t\terror.name = 'Svelte error';\n\n\t\tthrow error;\n\t} else {\n\t\tthrow new Error(`https://svelte.dev/e/snippet_without_render_tag`);\n\t}\n}\n\n/**\n * `%name%` is not a store with a `subscribe` method\n * @param {string} name\n * @returns {never}\n */\nexport function store_invalid_shape(name) {\n\tif (DEV) {\n\t\tconst error = new Error(`store_invalid_shape\\n\\`${name}\\` is not a store with a \\`subscribe\\` method\\nhttps://svelte.dev/e/store_invalid_shape`);\n\n\t\terror.name = 'Svelte error';\n\n\t\tthrow error;\n\t} else {\n\t\tthrow new Error(`https://svelte.dev/e/store_invalid_shape`);\n\t}\n}\n\n/**\n * The `this` prop on `<svelte:element>` must be a string, if defined\n * @returns {never}\n */\nexport function svelte_element_invalid_this_value() {\n\tif (DEV) {\n\t\tconst error = new Error(`svelte_element_invalid_this_value\\nThe \\`this\\` prop on \\`<svelte:element>\\` must be a string, if defined\\nhttps://svelte.dev/e/svelte_element_invalid_this_value`);\n\n\t\terror.name = 'Svelte error';\n\n\t\tthrow error;\n\t} else {\n\t\tthrow new Error(`https://svelte.dev/e/svelte_element_invalid_this_value`);\n\t}\n}","/** @import { ComponentContext, ComponentContextLegacy } from '#client' */\n/** @import { EventDispatcher } from './index.js' */\n/** @import { NotFunction } from './internal/types.js' */\nimport { active_reaction, untrack } from './internal/client/runtime.js';\nimport { is_array } from './internal/shared/utils.js';\nimport { user_effect } from './internal/client/index.js';\nimport * as e from './internal/client/errors.js';\nimport { legacy_mode_flag } from './internal/flags/index.js';\nimport { component_context } from './internal/client/context.js';\nimport { DEV } from 'esm-env';\n\nif (DEV) {\n\t/**\n\t * @param {string} rune\n\t */\n\tfunction throw_rune_error(rune) {\n\t\tif (!(rune in globalThis)) {\n\t\t\t// TODO if people start adjusting the \"this can contain runes\" config through v-p-s more, adjust this message\n\t\t\t/** @type {any} */\n\t\t\tlet value; // let's hope noone modifies this global, but belts and braces\n\t\t\tObject.defineProperty(globalThis, rune, {\n\t\t\t\tconfigurable: true,\n\t\t\t\t// eslint-disable-next-line getter-return\n\t\t\t\tget: () => {\n\t\t\t\t\tif (value !== undefined) {\n\t\t\t\t\t\treturn value;\n\t\t\t\t\t}\n\n\t\t\t\t\te.rune_outside_svelte(rune);\n\t\t\t\t},\n\t\t\t\tset: (v) => {\n\t\t\t\t\tvalue = v;\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tthrow_rune_error('$state');\n\tthrow_rune_error('$effect');\n\tthrow_rune_error('$derived');\n\tthrow_rune_error('$inspect');\n\tthrow_rune_error('$props');\n\tthrow_rune_error('$bindable');\n}\n\n/**\n * Returns an [`AbortSignal`](https://developer.mozilla.org/en-US/docs/Web/API/AbortSignal) that aborts when the current [derived](https://svelte.dev/docs/svelte/$derived) or [effect](https://svelte.dev/docs/svelte/$effect) re-runs or is destroyed.\n *\n * Must be called while a derived or effect is running.\n *\n * ```svelte\n * <script>\n * \timport { getAbortSignal } from 'svelte';\n *\n * \tlet { id } = $props();\n *\n * \tasync function getData(id) {\n * \t\tconst response = await fetch(`/items/${id}`, {\n * \t\t\tsignal: getAbortSignal()\n * \t\t});\n *\n * \t\treturn await response.json();\n * \t}\n *\n * \tconst data = $derived(await getData(id));\n * </script>\n * ```\n */\nexport function getAbortSignal() {\n\tif (active_reaction === null) {\n\t\te.get_abort_signal_outside_reaction();\n\t}\n\n\treturn (active_reaction.ac ??= new AbortController()).signal;\n}\n\n/**\n * `onMount`, like [`$effect`](https://svelte.dev/docs/svelte/$effect), schedules a function to run as soon as the component has been mounted to the DOM.\n * Unlike `$effect`, the provided function only runs once.\n *\n * It must be called during the component's initialisation (but doesn't need to live _inside_ the component;\n * it can be called from an external module). If a function is returned _synchronously_ from `onMount`,\n * it will be called when the component is unmounted.\n *\n * `onMount` functions do not run during [server-side rendering](https://svelte.dev/docs/svelte/svelte-server#render).\n *\n * @template T\n * @param {() => NotFunction<T> | Promise<NotFunction<T>> | (() => any)} fn\n * @returns {void}\n */\nexport function onMount(fn) {\n\tif (component_context === null) {\n\t\te.lifecycle_outside_component('onMount');\n\t}\n\n\tif (legacy_mode_flag && component_context.l !== null) {\n\t\tinit_update_callbacks(component_context).m.push(fn);\n\t} else {\n\t\tuser_effect(() => {\n\t\t\tconst cleanup = untrack(fn);\n\t\t\tif (typeof cleanup === 'function') return /** @type {() => void} */ (cleanup);\n\t\t});\n\t}\n}\n\n/**\n * Schedules a callback to run immediately before the component is unmounted.\n *\n * Out of `onMount`, `beforeUpdate`, `afterUpdate` and `onDestroy`, this is the\n * only one that runs inside a server-side component.\n *\n * @param {() => any} fn\n * @returns {void}\n */\nexport function onDestroy(fn) {\n\tif (component_context === null) {\n\t\te.lifecycle_outside_component('onDestroy');\n\t}\n\n\tonMount(() => () => untrack(fn));\n}\n\n/**\n * @template [T=any]\n * @param {string} type\n * @param {T} [detail]\n * @param {any}params_0\n * @returns {CustomEvent<T>}\n */\nfunction create_custom_event(type, detail, { bubbles = false, cancelable = false } = {}) {\n\treturn new CustomEvent(type, { detail, bubbles, cancelable });\n}\n\n/**\n * Creates an event dispatcher that can be used to dispatch [component events](https://svelte.dev/docs/svelte/legacy-on#Component-events).\n * Event dispatchers are functions that can take two arguments: `name` and `detail`.\n *\n * Component events created with `createEventDispatcher` create a\n * [CustomEvent](https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent).\n * These events do not [bubble](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events#Event_bubbling_and_capture).\n * The `detail` argument corresponds to the [CustomEvent.detail](https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/detail)\n * property and can contain any type of data.\n *\n * The event dispatcher can be typed to narrow the allowed event names and the type of the `detail` argument:\n * ```ts\n * const dispatch = createEventDispatcher<{\n *  loaded: null; // does not take a detail argument\n *  change: string; // takes a detail argument of type string, which is required\n *  optional: number | null; // takes an optional detail argument of type number\n * }>();\n * ```\n *\n * @deprecated Use callback props and/or the `$host()` rune instead — see [migration guide](https://svelte.dev/docs/svelte/v5-migration-guide#Event-changes-Component-events)\n * @template {Record<string, any>} [EventMap = any]\n * @returns {EventDispatcher<EventMap>}\n */\nexport function createEventDispatcher() {\n\tconst active_component_context = component_context;\n\tif (active_component_context === null) {\n\t\te.lifecycle_outside_component('createEventDispatcher');\n\t}\n\n\t/**\n\t * @param [detail]\n\t * @param [options]\n\t */\n\treturn (type, detail, options) => {\n\t\tconst events = /** @type {Record<string, Function | Function[]>} */ (\n\t\t\tactive_component_context.s.$$events\n\t\t)?.[/** @type {string} */ (type)];\n\n\t\tif (events) {\n\t\t\tconst callbacks = is_array(events) ? events.slice() : [events];\n\t\t\t// TODO are there situations where events could be dispatched\n\t\t\t// in a server (non-DOM) environment?\n\t\t\tconst event = create_custom_event(/** @type {string} */ (type), detail, options);\n\t\t\tfor (const fn of callbacks) {\n\t\t\t\tfn.call(active_component_context.x, event);\n\t\t\t}\n\t\t\treturn !event.defaultPrevented;\n\t\t}\n\n\t\treturn true;\n\t};\n}\n\n// TODO mark beforeUpdate and afterUpdate as deprecated in Svelte 6\n\n/**\n * Schedules a callback to run immediately before the component is updated after any state change.\n *\n * The first time the callback runs will be before the initial `onMount`.\n *\n * In runes mode use `$effect.pre` instead.\n *\n * @deprecated Use [`$effect.pre`](https://svelte.dev/docs/svelte/$effect#$effect.pre) instead\n * @param {() => void} fn\n * @returns {void}\n */\nexport function beforeUpdate(fn) {\n\tif (component_context === null) {\n\t\te.lifecycle_outside_component('beforeUpdate');\n\t}\n\n\tif (component_context.l === null) {\n\t\te.lifecycle_legacy_only('beforeUpdate');\n\t}\n\n\tinit_update_callbacks(component_context).b.push(fn);\n}\n\n/**\n * Schedules a callback to run immediately after the component has been updated.\n *\n * The first time the callback runs will be after the initial `onMount`.\n *\n * In runes mode use `$effect` instead.\n *\n * @deprecated Use [`$effect`](https://svelte.dev/docs/svelte/$effect) instead\n * @param {() => void} fn\n * @returns {void}\n */\nexport function afterUpdate(fn) {\n\tif (component_context === null) {\n\t\te.lifecycle_outside_component('afterUpdate');\n\t}\n\n\tif (component_context.l === null) {\n\t\te.lifecycle_legacy_only('afterUpdate');\n\t}\n\n\tinit_update_callbacks(component_context).a.push(fn);\n}\n\n/**\n * Legacy-mode: Init callbacks object for onMount/beforeUpdate/afterUpdate\n * @param {ComponentContext} context\n */\nfunction init_update_callbacks(context) {\n\tvar l = /** @type {ComponentContextLegacy} */ (context).l;\n\treturn (l.u ??= { a: [], b: [], m: [] });\n}\n\nexport { flushSync } from './internal/client/reactivity/batch.js';\nexport { getContext, getAllContexts, hasContext, setContext } from './internal/client/context.js';\nexport { hydrate, mount, unmount } from './internal/client/render.js';\nexport { tick, untrack, settled } from './internal/client/runtime.js';\nexport { createRawSnippet } from './internal/client/dom/blocks/snippet.js';\n"],"names":["lifecycle_outside_component","name","onMount","fn","component_context","e.lifecycle_outside_component","legacy_mode_flag","init_update_callbacks","user_effect","cleanup","untrack","onDestroy","create_custom_event","type","detail","bubbles","cancelable","createEventDispatcher","active_component_context","options","events","_a","callbacks","is_array","event","context","l"],"mappings":"wEAyCO,SAASA,EAA4BC,EAAM,CAQhD,MAAM,IAAI,MAAM,kDAAkD,CAEpE,CCuCO,SAASC,EAAQC,EAAI,CACvBC,IAAsB,MACzBC,EAAuC,EAGpCC,GAAoBF,EAAkB,IAAM,KAC/CG,EAAsBH,CAAiB,EAAE,EAAE,KAAKD,CAAE,EAElDK,EAAY,IAAM,CACjB,MAAMC,EAAUC,EAAQP,CAAE,EAC1B,GAAI,OAAOM,GAAY,WAAY,OAAkCA,CACtE,CAAC,CAEH,CAWO,SAASE,EAAUR,EAAI,CACzBC,IAAsB,MACzBC,EAAyC,EAG1CH,EAAQ,IAAM,IAAMQ,EAAQP,CAAE,CAAC,CAChC,CASA,SAASS,EAAoBC,EAAMC,EAAQ,CAAE,QAAAC,EAAU,GAAO,WAAAC,EAAa,EAAK,EAAK,GAAI,CACxF,OAAO,IAAI,YAAYH,EAAM,CAAE,OAAAC,EAAQ,QAAAC,EAAS,WAAAC,EAAY,CAC7D,CAyBO,SAASC,GAAwB,CACvC,MAAMC,EAA2Bd,EACjC,OAAIc,IAA6B,MAChCb,EAAqD,EAO/C,CAACQ,EAAMC,EAAQK,IAAY,OACjC,MAAMC,GACLC,EAAAH,EAAyB,EAAE,WAA3B,YAAAG,EAC0BR,GAE3B,GAAIO,EAAQ,CACX,MAAME,EAAYC,EAASH,CAAM,EAAIA,EAAO,MAAK,EAAK,CAACA,CAAM,EAGvDI,EAAQZ,EAA2CC,EAAOC,EAAQK,CAAO,EAC/E,UAAWhB,KAAMmB,EAChBnB,EAAG,KAAKe,EAAyB,EAAGM,CAAK,EAE1C,MAAO,CAACA,EAAM,gBACf,CAEA,MAAO,EACR,CACD,CAsDA,SAASjB,EAAsBkB,EAAS,CACvC,IAAIC,EAA2CD,EAAS,EACxD,OAAQC,EAAE,IAAFA,EAAE,EAAM,CAAE,EAAG,CAAA,EAAI,EAAG,CAAA,EAAI,EAAG,EAAE,EACtC","x_google_ignoreList":[0,1]}

package/dist/snippet.js

@@ -1,2 +0,0 @@
-import{J as o,K as f,L as i,_ as p,W as c,F as _,H as d}from"./custom-element.js";function l(e,n,...t){var s=e,r=p,a;o(()=>{r!==(r=n())&&(a&&(c(a),a=null),a=i(()=>r(s,...t)))},f),_&&(s=d)}export{l as s};
-//# sourceMappingURL=snippet.js.map

package/dist/snippet.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"snippet.js","sources":["../node_modules/svelte/src/internal/client/dom/blocks/snippet.js"],"sourcesContent":["/** @import { Snippet } from 'svelte' */\n/** @import { Effect, TemplateNode } from '#client' */\n/** @import { Getters } from '#shared' */\nimport { EFFECT_TRANSPARENT, ELEMENT_NODE } from '#client/constants';\nimport { branch, block, destroy_effect, teardown } from '../../reactivity/effects.js';\nimport {\n\tdev_current_component_function,\n\tset_dev_current_component_function\n} from '../../context.js';\nimport { hydrate_next, hydrate_node, hydrating } from '../hydration.js';\nimport { create_fragment_from_html } from '../reconciler.js';\nimport { assign_nodes } from '../template.js';\nimport * as w from '../../warnings.js';\nimport * as e from '../../errors.js';\nimport { DEV } from 'esm-env';\nimport { get_first_child, get_next_sibling } from '../operations.js';\nimport { noop } from '../../../shared/utils.js';\nimport { prevent_snippet_stringification } from '../../../shared/validate.js';\n\n/**\n * @template {(node: TemplateNode, ...args: any[]) => void} SnippetFn\n * @param {TemplateNode} node\n * @param {() => SnippetFn | null | undefined} get_snippet\n * @param {(() => any)[]} args\n * @returns {void}\n */\nexport function snippet(node, get_snippet, ...args) {\n\tvar anchor = node;\n\n\t/** @type {SnippetFn | null | undefined} */\n\t// @ts-ignore\n\tvar snippet = noop;\n\n\t/** @type {Effect | null} */\n\tvar snippet_effect;\n\n\tblock(() => {\n\t\tif (snippet === (snippet = get_snippet())) return;\n\n\t\tif (snippet_effect) {\n\t\t\tdestroy_effect(snippet_effect);\n\t\t\tsnippet_effect = null;\n\t\t}\n\n\t\tif (DEV && snippet == null) {\n\t\t\te.invalid_snippet();\n\t\t}\n\n\t\tsnippet_effect = branch(() => /** @type {SnippetFn} */ (snippet)(anchor, ...args));\n\t}, EFFECT_TRANSPARENT);\n\n\tif (hydrating) {\n\t\tanchor = hydrate_node;\n\t}\n}\n\n/**\n * In development, wrap the snippet function so that it passes validation, and so that the\n * correct component context is set for ownership checks\n * @param {any} component\n * @param {(node: TemplateNode, ...args: any[]) => void} fn\n */\nexport function wrap_snippet(component, fn) {\n\tconst snippet = (/** @type {TemplateNode} */ node, /** @type {any[]} */ ...args) => {\n\t\tvar previous_component_function = dev_current_component_function;\n\t\tset_dev_current_component_function(component);\n\n\t\ttry {\n\t\t\treturn fn(node, ...args);\n\t\t} finally {\n\t\t\tset_dev_current_component_function(previous_component_function);\n\t\t}\n\t};\n\n\tprevent_snippet_stringification(snippet);\n\n\treturn snippet;\n}\n\n/**\n * Create a snippet programmatically\n * @template {unknown[]} Params\n * @param {(...params: Getters<Params>) => {\n *   render: () => string\n *   setup?: (element: Element) => void | (() => void)\n * }} fn\n * @returns {Snippet<Params>}\n */\nexport function createRawSnippet(fn) {\n\t// @ts-expect-error the types are a lie\n\treturn (/** @type {TemplateNode} */ anchor, /** @type {Getters<Params>} */ ...params) => {\n\t\tvar snippet = fn(...params);\n\n\t\t/** @type {Element} */\n\t\tvar element;\n\n\t\tif (hydrating) {\n\t\t\telement = /** @type {Element} */ (hydrate_node);\n\t\t\thydrate_next();\n\t\t} else {\n\t\t\tvar html = snippet.render().trim();\n\t\t\tvar fragment = create_fragment_from_html(html);\n\t\t\telement = /** @type {Element} */ (get_first_child(fragment));\n\n\t\t\tif (DEV && (get_next_sibling(element) !== null || element.nodeType !== ELEMENT_NODE)) {\n\t\t\t\tw.invalid_raw_snippet_render();\n\t\t\t}\n\n\t\t\tanchor.before(element);\n\t\t}\n\n\t\tconst result = snippet.setup?.(element);\n\t\tassign_nodes(element, element);\n\n\t\tif (typeof result === 'function') {\n\t\t\tteardown(result);\n\t\t}\n\t};\n}\n"],"names":["snippet","node","get_snippet","args","anchor","noop","snippet_effect","block","destroy_effect","branch","EFFECT_TRANSPARENT","hydrating","hydrate_node"],"mappings":"kFA0BO,SAASA,EAAQC,EAAMC,KAAgBC,EAAM,CACnD,IAAIC,EAASH,EAITD,EAAUK,EAGVC,EAEJC,EAAM,IAAM,CACPP,KAAaA,EAAUE,EAAW,KAElCI,IACHE,EAAeF,CAAc,EAC7BA,EAAiB,MAOlBA,EAAiBG,EAAO,IAAgCT,EAASI,EAAQ,GAAGD,CAAI,CAAC,EAClF,EAAGO,CAAkB,EAEjBC,IACHP,EAASQ,EAEX","x_google_ignoreList":[0]}