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

package/dist/main.js

@@ -1,43 +1,45 @@
 import Avatar from './components/avatar/Avatar.svelte';
+import Breadcrumb from './components/breadcrumb/Breadcrumb.svelte';
 import Button from './components/button/Button.svelte';
-import IconButton from './components/iconbutton/IconButton.svelte';
 import Callout from './components/callout/Callout.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 CircularProgressbar from './components/circularprogressbar/CircularProgressbar.svelte';
+import Datepicker from './components/datepicker/Datepicker.svelte';
+import Drawer from './components/drawer/Drawer.svelte';
 import Field from './components/field/Field.svelte';
+import Flag from './components/flag/Flag.svelte';
+import IconButton from './components/iconbutton/IconButton.svelte';
+import LinearProgressbarBuffer from './components/linearprogressbarbuffer/LinearProgressbarBuffer.svelte';
+import LinearProgressbarPercentage from './components/linearprogressbarpercentage/LinearProgressbarPercentage.svelte';
 import Link from './components/link/Link.svelte';
 import Loader from './components/loader/Loader.svelte';
-import Textinput from './components/textinput/Textinput.svelte';
+import LoadingOverlay from './components/loadingoverlay/LoadingOverlay.svelte';
+import Modal from './components/modal/Modal.svelte';
+import NumberBadge from './components/numberbadge/NumberBadge.svelte';
 import Overlay from './components/overlay/Overlay.svelte';
-import OverlayLoader from './components/overlayloader/OverlayLoader.svelte';
+import Pagination from './components/pagination/Pagination.svelte';
+import PasswordInput from './components/passwordinput/PasswordInput.svelte';
+import Pincode from './components/pincode/Pincode.svelte';
+import QuantitySelector from './components/quantityselector/QuantitySelector.svelte';
 import Radio from './components/radio/Radio.svelte';
 import RadioGroup from './components/radiogroup/RadioGroup.svelte';
-import QuantitySelector from './components/quantityselector/QuantitySelector.svelte';
-import NumberBadge from './components/numberbadge/NumberBadge.svelte';
+import Select from './components/select/Select.svelte';
 import StatusBadge from './components/statusbadge/StatusBadge.svelte';
-import ToggleGroup from './components/togglegroup/ToggleGroup.svelte';
-import Breadcrumb from './components/breadcrumb/Breadcrumb.svelte';
+import StatusDot from './components/statusdot/StatusDot.svelte';
 import StatusNotification from './components/statusnotification/StatusNotification.svelte';
-import PasswordInput from './components/passwordinput/PasswordInput.svelte';
-import Modal from './components/modal/Modal.svelte';
+import SegmentedControl from './components/segmentedcontrol/SegmentedControl.svelte';
+import Tab from './components/tab/Tab.svelte';
+import Tabs from './components/tabs/Tabs.svelte';
 import Tag from './components/tags/Tag.svelte';
 import TagContextualised from './components/tags/TagContextualised.svelte';
 import TagInteractive from './components/tags/TagInteractive.svelte';
 import TagRemovable from './components/tags/TagRemovable.svelte';
 import TagSelectable from './components/tags/TagSelectable.svelte';
+import Textarea from './components/textarea/Textarea.svelte';
+import Textinput from './components/textinput/Textinput.svelte';
 import Toaster from './components/toaster/Toaster.svelte';
-import Pagination from './components/pagination/Pagination.svelte';
-import Tab from './components/tabs/Tab.svelte';
-import Tabs from './components/tabs/Tabs.svelte';
-import Drawer from './components/drawer/Drawer.svelte';
-import Flag from './components/flag/Flag.svelte';
-import Pincode from './components/pincode/Pincode.svelte';
-import Datepicker from './components/datepicker/Datepicker.svelte';
+import Toggle from './components/toggle/Toggle.svelte';
+import ToggleGroup from './components/togglegroup/ToggleGroup.svelte';
 import Tooltip from './components/tooltip/Tooltip.svelte';
-import LinearProgressbarPercentage from './components/linearprogressbarpercentage/LinearProgressbarPercentage.svelte';
-import LinearProgressbarBuffer from './components/linearprogressbarbuffer/LinearProgressbarBuffer.svelte';
-import CircularProgressbar from './components/circularprogressbar/CircularProgressbar.svelte';
-export { Avatar, Button, IconButton, Callout, Checkbox, CheckboxGroup, Textarea, Select, Toggle, Field, Link, Loader, Textinput, Overlay, OverlayLoader, Radio, RadioGroup, QuantitySelector, NumberBadge, StatusBadge, ToggleGroup, Breadcrumb, StatusNotification, PasswordInput, Modal, Tag, TagContextualised, TagInteractive, TagSelectable, TagRemovable, Pagination, Tab, Tabs, Toaster, Drawer, Flag, Pincode, Datepicker, Tooltip, LinearProgressbarPercentage, LinearProgressbarBuffer, CircularProgressbar, };
+export { Avatar, Breadcrumb, Button, Callout, Checkbox, CheckboxGroup, CircularProgressbar, Datepicker, Drawer, Field, Flag, IconButton, LinearProgressbarBuffer, LinearProgressbarPercentage, Link, Loader, LoadingOverlay, Modal, NumberBadge, Overlay, Pagination, PasswordInput, Pincode, QuantitySelector, Radio, RadioGroup, Select, StatusBadge, StatusDot, StatusNotification, SegmentedControl, Tab, Tabs, Tag, TagContextualised, TagInteractive, TagRemovable, TagSelectable, Textarea, Textinput, Toaster, Toggle, ToggleGroup, Tooltip, };

package/dist/slot.js

@@ -1,2 +1,2 @@
-import{F as r,G as l}from"./custom-element.js";function d(i,t,e,s,o){var a;r&&l();var n=(a=t.$$slots)==null?void 0:a[e],f=!1;n===!0&&(n=t[e==="default"?"children":e],f=!0),n===void 0||n(i,f?()=>s:s)}function c(i){const t={};i.children&&(t.default=!0);for(const e in i.$$slots)t[e]=!0;return t}export{c as a,d as s};
+import{I as n,J as s}from"./custom-element.js";function u(l,f,e,i,d){var r;n&&s();var t=(r=f.$$slots)==null?void 0:r[e],a=!1;t===!0&&(t=f[e==="default"?"children":e],a=!0),t===void 0||t(l,a?()=>i:i)}export{u as s};
 //# sourceMappingURL=slot.js.map

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,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,CAMO,SAASO,EAAeC,EAAO,CAErC,MAAMC,EAAY,CAAA,EACdD,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/dist/utils/custom-element-forward-events.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"custom-element-forward-events.d.ts","sourceRoot":"","sources":["../../src/utils/custom-element-forward-events.ts"],"names":[],"mappings":"AAEA,wBAAgB,0BAA0B,CACxC,wBAAwB,EAAE,UAAU,WAAW,GAC9C,UAAU,WAAW,GAAG,SAAS,CAanC"}
+{"version":3,"file":"custom-element-forward-events.d.ts","sourceRoot":"","sources":["../../src/utils/custom-element-forward-events.ts"],"names":[],"mappings":"AAEA,wBAAgB,0BAA0B,CACxC,wBAAwB,EAAE,UAAU,WAAW,GAC9C,UAAU,WAAW,GAAG,SAAS,CAUnC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mozaic-ds/web-components",
-  "version": "1.0.0-beta.7",
+  "version": "1.1.0",
   "description": "Web component Mozaic DS implementation",
   "license": "MIT",
   "engines": {
@@ -26,21 +26,24 @@
     "./package.json": "./dist/package.json"
   },
   "scripts": {
+    "dev": "vite dev",
     "build": "vite build",
     "watch": "vite build --watch",
     "build:svelte": "svelte-package --input src/",
+    "check": "svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-check --tsconfig ./tsconfig.json --watch",
+    "format": "prettier --write .",
+    "lint": "prettier --check . && eslint .",
+    "test:unit": "vitest",
+    "test": "npm run test:unit -- --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",
-    "check": "svelte-check --tsconfig ./tsconfig.json --compiler-warnings 'css-unused-selector:ignore'",
-    "eslint": "eslint src",
+    "docs": "node generate-docs.js",
     "lint-staged": "lint-staged",
-    "lint": "prettier-eslint --write $PWD/'src/components/**/*.{js,ts,svelte}'",
-    "lint-check": "prettier-eslint --list-different $PWD/'src/**/*.{js,ts,svelte}'",
-    "lint:ci": "prettier-eslint $PWD/'src/**/*.{js,ts,svelte}",
     "start:wc": "npx serve dist",
     "chromatic": "chromatic --project-token=CHROMATIC_PROJECT_TOKEN",
     "release": "release-it",
@@ -53,8 +56,8 @@
   },
   "dependencies": {
     "@mozaic-ds/icons-svelte": "1.1.0",
-    "@mozaic-ds/styles": "2.0.0-beta.5",
-    "@mozaic-ds/tokens": "2.0.0-beta.2",
+    "@mozaic-ds/styles": "^2.0.1",
+    "@mozaic-ds/tokens": "^2.0.1",
     "@mozaic-ds/web-fonts": "1.65.0",
     "svelte": "^5.38.0"
   },
@@ -62,41 +65,48 @@
     "@chromatic-com/storybook": "^4.1.1",
     "@commitlint/cli": "^19.8.0",
     "@commitlint/config-conventional": "^19.8.0",
+    "@eslint/compat": "^1.4.0",
+    "@eslint/js": "^9.38.0",
     "@release-it/conventional-changelog": "^8.0.2",
     "@storybook/addon-a11y": "^9.1.5",
     "@storybook/addon-docs": "^9.1.5",
     "@storybook/addon-links": "^9.1.5",
-    "@storybook/addon-themes": "9.1.5",
+    "@storybook/addon-themes": "^9.1.13",
     "@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",
+    "eslint": "^9.38.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-storybook": "^9.1.13",
+    "eslint-plugin-svelte": "^3.12.5",
     "husky": "^6.0.0",
+    "jsdom": "^27.0.0",
     "lint-staged": "^11.2.6",
-    "mdx-mermaid": "^1.3.2",
-    "mermaid": "^10.9.0",
+    "mdx-mermaid": "^2.0.3",
+    "mermaid": "^11.12.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "^3.3.3",
-    "prettier-eslint": "^16.3.0",
-    "prettier-eslint-cli": "^8.0.1",
-    "prettier-plugin-svelte": "^3.2.7",
+    "prettier": "^3.6.2",
+    "prettier-plugin-svelte": "^3.4.0",
     "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"
+    "typescript-eslint": "^8.46.2",
+    "vite": "^6.2.1",
+    "vitest": "^3.2.4"
   },
   "lint-staged": {
     "src/**/*.{js,ts,svelte}": [
+      "npm run format",
       "npm run lint"
     ]
   }

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