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

package/dist/slot.js.map

@@ -1 +1 @@
-{"version":3,"file":"slot.js","sources":["../node_modules/svelte/src/internal/client/dom/blocks/slot.js"],"sourcesContent":["import { hydrate_next, hydrating } from '../hydration.js';\n\n/**\n * @param {Comment} anchor\n * @param {Record<string, any>} $$props\n * @param {string} name\n * @param {Record<string, unknown>} slot_props\n * @param {null | ((anchor: Comment) => void)} fallback_fn\n */\nexport function slot(anchor, $$props, name, slot_props, fallback_fn) {\n\tif (hydrating) {\n\t\thydrate_next();\n\t}\n\n\tvar slot_fn = $$props.$$slots?.[name];\n\t// Interop: Can use snippets to fill slots\n\tvar is_interop = false;\n\tif (slot_fn === true) {\n\t\tslot_fn = $$props[name === 'default' ? 'children' : name];\n\t\tis_interop = true;\n\t}\n\n\tif (slot_fn === undefined) {\n\t\tif (fallback_fn !== null) {\n\t\t\tfallback_fn(anchor);\n\t\t}\n\t} else {\n\t\tslot_fn(anchor, is_interop ? () => slot_props : slot_props);\n\t}\n}\n\n/**\n * @param {Record<string, any>} props\n * @returns {Record<string, boolean>}\n */\nexport function sanitize_slots(props) {\n\t/** @type {Record<string, boolean>} */\n\tconst sanitized = {};\n\tif (props.children) sanitized.default = true;\n\tfor (const key in props.$$slots) {\n\t\tsanitized[key] = true;\n\t}\n\treturn sanitized;\n}\n"],"names":["slot","anchor","$$props","name","slot_props","fallback_fn","hydrating","hydrate_next","slot_fn","_a","is_interop","sanitize_slots","props","sanitized","key"],"mappings":"+CASO,SAASA,EAAKC,EAAQC,EAASC,EAAMC,EAAYC,EAAa,OAChEC,GACHC,EAAc,EAGf,IAAIC,GAAUC,EAAAP,EAAQ,UAAR,YAAAO,EAAkBN,GAE5BO,EAAa,GACbF,IAAY,KACfA,EAAUN,EAAQC,IAAS,UAAY,WAAaA,CAAI,EACxDO,EAAa,IAGVF,IAAY,QAKfA,EAAQP,EAAQS,EAAa,IAAMN,EAAaA,CAAU,CAE5D,CAMO,SAASO,EAAeC,EAAO,CAErC,MAAMC,EAAY,CAAE,EAChBD,EAAM,WAAUC,EAAU,QAAU,IACxC,UAAWC,KAAOF,EAAM,QACvBC,EAAUC,CAAG,EAAI,GAElB,OAAOD,CACR","x_google_ignoreList":[0]}
+{"version":3,"file":"slot.js","sources":["../node_modules/svelte/src/internal/client/dom/blocks/slot.js"],"sourcesContent":["import { hydrate_next, hydrating } from '../hydration.js';\n\n/**\n * @param {Comment} anchor\n * @param {Record<string, any>} $$props\n * @param {string} name\n * @param {Record<string, unknown>} slot_props\n * @param {null | ((anchor: Comment) => void)} fallback_fn\n */\nexport function slot(anchor, $$props, name, slot_props, fallback_fn) {\n\tif (hydrating) {\n\t\thydrate_next();\n\t}\n\n\tvar slot_fn = $$props.$$slots?.[name];\n\t// Interop: Can use snippets to fill slots\n\tvar is_interop = false;\n\tif (slot_fn === true) {\n\t\tslot_fn = $$props[name === 'default' ? 'children' : name];\n\t\tis_interop = true;\n\t}\n\n\tif (slot_fn === undefined) {\n\t\tif (fallback_fn !== null) {\n\t\t\tfallback_fn(anchor);\n\t\t}\n\t} else {\n\t\tslot_fn(anchor, is_interop ? () => slot_props : slot_props);\n\t}\n}\n\n/**\n * @param {Record<string, any>} props\n * @returns {Record<string, boolean>}\n */\nexport function sanitize_slots(props) {\n\t/** @type {Record<string, boolean>} */\n\tconst sanitized = {};\n\tif (props.children) sanitized.default = true;\n\tfor (const key in props.$$slots) {\n\t\tsanitized[key] = true;\n\t}\n\treturn sanitized;\n}\n"],"names":["slot","anchor","$$props","name","slot_props","fallback_fn","hydrating","hydrate_next","slot_fn","_a","is_interop"],"mappings":"+CASO,SAASA,EAAKC,EAAQC,EAASC,EAAMC,EAAYC,EAAa,OAChEC,GACHC,EAAY,EAGb,IAAIC,GAAUC,EAAAP,EAAQ,UAAR,YAAAO,EAAkBN,GAE5BO,EAAa,GACbF,IAAY,KACfA,EAAUN,EAAQC,IAAS,UAAY,WAAaA,CAAI,EACxDO,EAAa,IAGVF,IAAY,QAKfA,EAAQP,EAAQS,EAAa,IAAMN,EAAaA,CAAU,CAE5D","x_google_ignoreList":[0]}

package/dist/this.js

@@ -0,0 +1,2 @@
+import{P as q,ay as B,q as S,ao as T,aB as c}from"./custom-element.js";function k(i,r){return i===r||(i==null?void 0:i[c])===r}function y(i={},r,a,h){return q(()=>{var s,f;return B(()=>{s=f,f=(h==null?void 0:h())||[],S(()=>{i!==a(...f)&&(r(i,...f),s&&k(a(...s),i)&&r(null,...s))})}),()=>{T(()=>{f&&k(a(...f),i)&&r(null,...f)})}}),i}export{y as b};
+//# sourceMappingURL=this.js.map

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.6",
+  "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",
@@ -54,7 +56,7 @@
   "dependencies": {
     "@mozaic-ds/icons-svelte": "1.1.0",
     "@mozaic-ds/styles": "2.0.0-beta.5",
-    "@mozaic-ds/tokens": "2.0.0-beta.5",
+    "@mozaic-ds/tokens": "2.0.0-beta.2",
     "@mozaic-ds/web-fonts": "1.65.0",
     "svelte": "^5.38.0"
   },
@@ -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,30 +0,0 @@
-import{c as y,p as b,a as p,b as o,f as u,d as c,t as g,e as h,h as x,i as j,j as n,r as f}from"../../custom-element.js";import{s as k}from"../../attributes.js";import{L as _}from"../loader/Loader.js";import"../../if.js";var z=u('<div><div role="dialog" tabindex="-1" class="svelte-2o48j4"><!></div></div>');const L={hash:"svelte-2o48j4",code:`/**
- * Do not edit directly, this file was auto-generated.
- */
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-@keyframes svelte-2o48j4-rotate-loader {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(270deg);
-  }
-}
-@keyframes svelte-2o48j4-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-2o48j4 {background-color: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);align-items:center;display:flex;justify-content:center;}.mc-overlay-loader.is-visible.svelte-2o48j4 {opacity:1;pointer-events:all;transition:opacity 0.4s ease, visibility 0ms;visibility:visible;}`};function w(d,t){b(t,!0),p(d,L);let a=o(t,"isvisible",7,!1),i=o(t,"text",7),r=o(t,"dialoglabel",7);var s=z();let v;var l=c(s),m=c(l);return _(m,{size:"l",theme:"inverse",get text(){return i()}}),f(l),f(s),g(e=>{v=h(s,1,"mc-overlay-loader svelte-2o48j4",null,v,e),k(l,"aria-labelledby",r())},[()=>({"is-visible":a()})]),x(d,s),j({get isvisible(){return a()},set isvisible(e=!1){a(e),n()},get text(){return i()},set text(e){i(e),n()},get dialoglabel(){return r()},set dialoglabel(e){r(e),n()}})}customElements.define("m-overlay-loader",y(w,{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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;qaAAA,gBAUQ,IAAAA,oBAAY,EAAK,EAAEC,EAAIC,EAAAC,EAAA,OAAA,CAAA,EAAEC,EAAWF,EAAAC,EAAA,cAAA,CAAA,4LAIQC,GAAW,uBADdJ,EAAS,GAAA,yDAHtC,GAAK,oHACzB"}

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,159 +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.
- */
-/**
- * Do not edit directly, this file was auto-generated.
- */
-.mc-loader {
-  color: #464e63;
-  align-items: center;
-  display: inline-flex;
-  flex-direction: column;
-}
-.mc-loader .mc-loader__spinner {
-  height: 2rem;
-  width: 2rem;
-}
-.mc-loader .mc-loader__path {
-  stroke-width: 4;
-}
-.mc-loader .mc-loader__path {
-  stroke: currentColor;
-}
-.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: 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: #117f03;
-}
-.mc-loader--accent .mc-loader__path {
-  stroke: currentColor;
-}
-.mc-loader--inverse {
-  color: #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: 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: 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);
-  align-items: center;
-  display: flex;
-  justify-content: center;
-}
-.mc-overlay-loader.is-visible {
-  opacity: 1;
-  pointer-events: all;
-  transition: opacity 0.4s ease, visibility 0ms;
-  visibility: visible;
-}</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,7 +0,0 @@
-import{c as T,p as q,a as B,b as d,f,h as b,i as F,j as _,d as l,r,D as G,s as S}from"../../custom-element.js";import{i as y}from"../../if.js";import{s as v}from"../../slot.js";import{b as j,C}from"../../attributes.js";var H=f('<span class="mc-tabs__icon svelte-hszkxk"><!></span>'),I=f('<button><!> <span class="mc-tabs__label svelte-hszkxk"><!></span></button>'),J=f('<span class="mc-tabs__icon svelte-hszkxk"><!></span>'),K=f('<a><!> <span class="mc-tabs__label svelte-hszkxk"><!></span></a>'),M=f('<li class="mc-tabs__item" role="presentation"><!></li>');const N={hash:"svelte-hszkxk",code:`/**
- * Do not edit directly, this file was auto-generated.
- */
-/**
- * Do not edit directly, this file was auto-generated.
- */.mc-tabs.svelte-hszkxk {background-color:#ffffff;position:relative;width:100%;height:3.5rem;}.mc-tabs__list.svelte-hszkxk {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-hszkxk {font-size:0.875rem;font-weight:600;align-items:center;background:none;border:none;border-radius:0.25rem;color:#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-hszkxk:hover {background-color:rgba(0, 0, 0, 0.05);}.mc-tabs__tab.svelte-hszkxk:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, #ffffff), 0 0 0 0.25rem var(--focus-color-outer, #000000);outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-tabs__tab--selected.svelte-hszkxk {color:#006902;background-color:#ebf5de;}.mc-tabs__tab--selected.svelte-hszkxk:hover {background-color:#c5e39e;}.mc-tabs__tab--disabled.svelte-hszkxk {color:#b3b3b3;cursor:not-allowed;}.mc-tabs__tab--disabled.svelte-hszkxk:hover {background:none;}.mc-tabs__label.svelte-hszkxk {pointer-events:none;}.mc-tabs__icon.svelte-hszkxk {fill:currentcolor;height:1.5rem;width:1.5rem;}`};function O(w,t){q(t,!0),B(w,N);let n=d(t,"selected",7,!1),u=d(t,"href",7),k=d(t,"tag",7,"button"),m=d(t,"disabled",7,!1),h=d(t,"hasiconslot",7,!1),D=G(t,["$$slots","$$events","$$legacy","$$host","selected","href","tag","disabled","hasiconslot"]);var g=M(),A=l(g);{var E=e=>{var a=I();j(a,s=>({type:"button",role:"tab","aria-selected":n(),class:"mc-tabs__tab",...D,[C]:s}),[()=>({"mc-tabs__tab--selected":n(),"mc-tabs__tab--disabled":m()})],void 0,"svelte-hszkxk");var c=l(a);{var p=s=>{var o=H(),z=l(o);v(z,t,"icon",{}),r(o),b(s,o)};y(c,s=>{h()&&s(p)})}var i=S(c,2),x=l(i);v(x,t,"default",{}),r(i),r(a),b(e,a)},L=e=>{var a=K();j(a,s=>({href:u(),role:"tab","aria-selected":n(),class:"mc-tabs__tab",...D,[C]:s}),[()=>({"mc-tabs__tab--selected":n(),"mc-tabs__tab--disabled":m()})],void 0,"svelte-hszkxk");var c=l(a);{var p=s=>{var o=J(),z=l(o);v(z,t,"icon",{}),r(o),b(s,o)};y(c,s=>{h()&&s(p)})}var i=S(c,2),x=l(i);v(x,t,"default",{}),r(i),r(a),b(e,a)};y(A,e=>{k()==="button"?e(E):e(L,!1)})}return r(g),b(w,g),F({get selected(){return n()},set selected(e=!1){n(e),_()},get href(){return u()},set href(e){u(e),_()},get tag(){return k()},set tag(e="button"){k(e),_()},get disabled(){return m()},set disabled(e=!1){m(e),_()},get hasiconslot(){return h()},set hasiconslot(e=!1){h(e),_()}})}customElements.define("mc-tab",T(O,{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":";;;;;mvCAAA,gBAaI,IAAAA,mBAAW,EAAK,EAChBC,EAAIC,EAAAC,EAAA,OAAA,CAAA,EACJC,cAAM,QAAQ,EACdC,mBAAW,EAAK,EAChBC,sBAAc,EAAK,EAChBC,EAAAC,EAAAL,EAAA,qLAScH,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,oEAVR,GAAK,wFAEV,SAAQ,qDACH,GAAK,2DACF,GAAK,YAGvB"}