@warp-ds/elements 2.2.0-next.9 → 2.3.0-next.1

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@warp-ds/elements",
   "type": "module",
-  "version": "2.2.0-next.9",
-  "packageManager": "pnpm@10.15.1",
+  "version": "2.3.0-next.1",
+  "packageManager": "pnpm@10.20.0",
   "description": "Custom elements for Warp",
   "exports": {
     ".": {
@@ -19,8 +19,10 @@
     "./components/card": "./dist/packages/card/index.js",
     "./components/expandable": "./dist/packages/expandable/index.js",
     "./components/modal": "./dist/packages/modal/index.js",
+    "./components/pagination": "./dist/packages/pagination/index.js",
     "./components/pill": "./dist/packages/pill/index.js",
     "./components/select": "./dist/packages/select/index.js",
+    "./components/slider": "./dist/packages/slider/index.js",
     "./components/textfield": "./dist/packages/textfield/index.js",
     "./components/toast": "./dist/packages/toast/index.js",
     "./toast": "./dist/api.js",
@@ -44,20 +46,29 @@
     "./dist/custom-elements.json"
   ],
   "scripts": {
-    "clean": "rimraf .pnpm-store node_modules dist eik storybook-static",
-    "build:storybook": "pnpm run messages:compile && pnpm run build:manifest && storybook build && touch ./storybook-static/.nojekyll",
-    "build:eik": "node build.js eik",
-    "build:npm": "node build.js npm",
+    "build:bundle": "tsc --project tsconfig.json --outDir .tmp --declaration false --sourceMap true && rollup -c ./build/bundle.js && rimraf .tmp",
+    "build:cloak": "node ./build/cloak.js",
+    "build:components": "node ./build/components.js",
+    "build:eik-components-backwards-compat": "node ./build/components-eik.js",
+    "build:editor": "node ./build/editor.js",
+    "build:entrypoint": "node ./build/entrypoint.js",
     "build:manifest": "custom-elements-manifest analyze --config .cem/custom-element-manifest.config.js",
-    "build:styles": "node build.js styles",
-    "build": "rimraf dist && rimraf eik && pnpm run messages:compile && tsc && pnpm run build:manifest && pnpm run build:npm && pnpm build:eik",
+    "build:polyfill": "node ./build/polyfill.js",
+    "build:storybook": "pnpm run messages:compile && tsc && pnpm run build:manifest && pnpm run build:entrypoint && storybook build && pnpm run build:polyfill && touch ./storybook-static/.nojekyll",
+    "build:styles": "node ./build/styles.js",
+    "build": "rimraf dist && rimraf eik && pnpm messages:compile && tsc && pnpm build:manifest && pnpm build:editor && pnpm build:components && pnpm run build:cloak && pnpm build:bundle && pnpm build:eik-components-backwards-compat && pnpm run build:polyfill",
+    "check": "pnpm biome check --write .",
+    "clean": "rimraf .pnpm-store node_modules dist eik storybook-static entrypoint.js",
     "commit": "cz",
     "dev": "pnpm run storybook",
     "storybook": "storybook dev --port 63900",
-    "lint:check": "eslint .",
-    "lint": "eslint . --fix",
+    "storybook:react": "storybook dev -p 63901 -c .storybook-react",
+    "format": "pnpm biome format --write .",
+    "lint:check": "pnpm biome lint .",
+    "lint": "pnpm biome lint --write .",
     "messages:compile": "lingui compile",
     "messages:extract": "lingui extract",
+    "prepare": "husky",
     "semantic-release": "semantic-release",
     "test": "vitest",
     "watch:npm": "npx esbuild ./index.js --outdir=dist/ --target=es2017 --bundle --sourcemap --format=esm --minify --watch"
@@ -67,54 +78,49 @@
     "url": "git+https://github.com/warp-ds/elements.git"
   },
   "license": "Apache-2.0",
-  "peerDependencies": {
-    "@lingui/core": "5.x",
-    "@warp-ds/css": "2.1.1",
-    "@warp-ds/elements-core": "2.x",
-    "lit": "3.x",
-    "react": "^19.1.1"
-  },
   "devDependencies": {
+    "@biomejs/biome": "2.2.6",
     "@chbphone55/classnames": "2.0.0",
     "@custom-elements-manifest/analyzer": "^0.10.5",
     "@eik/cli": "2.0.38",
     "@eik/esbuild-plugin": "1.1.47",
-    "@eslint/js": "9.16.0",
     "@itsy/animate": "0.0.9",
     "@lingui/cli": "5.2.0",
     "@lingui/conf": "5.2.0",
+    "@oddbird/css-anchor-positioning": "^0.7.0",
     "@open-wc/lit-helpers": "^0.7.0",
     "@semantic-release/changelog": "6.0.3",
     "@semantic-release/git": "10.0.1",
+    "@storybook/addon-a11y": "^9.1.4",
     "@storybook/addon-docs": "^9.1.4",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-interactions": "^8.6.14",
     "@storybook/builder-vite": "^9.1.4",
+    "@storybook/react": "^9.1.10",
+    "@storybook/react-vite": "^9.1.10",
     "@storybook/web-components": "^9.1.4",
     "@storybook/web-components-vite": "^9.1.4",
     "@types/node": "20.14.10",
-    "@types/react": "^19.1.12",
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
     "@unocss/core": "^66.5.0",
     "@vitejs/plugin-react": "^5.0.2",
     "@vitest/browser": "^3.2.4",
     "@vitest/utils": "^3.2.4",
-    "@warp-ds/eslint-config": "1.1.0",
     "@warp-ds/uno": "2.1.0",
     "@wc-toolkit/cem-validator": "^1.0.3",
+    "@wc-toolkit/jsx-types": "^1.4.2",
     "@wc-toolkit/storybook-helpers": "^9.0.1",
     "@wc-toolkit/type-parser": "^1.2.0",
     "custom-element-jet-brains-integration": "^1.7.0",
-    "custom-element-vs-code-integration": "^1.5.0",
     "cz-conventional-changelog": "3.3.0",
     "element-collapse": "1.1.0",
-    "esbuild": "0.23.0",
-    "eslint": "9.16.0",
-    "eslint-config-prettier": "9.1.0",
-    "eslint-plugin-import": "2.31.0",
-    "eslint-plugin-lit": "2.1.1",
-    "eslint-plugin-prettier": "5.5.4",
+    "esbuild": "0.25.10",
     "express": "4.19.2",
     "glob": "11.0.0",
     "globals": "15.13.0",
     "html-format": "1.1.7",
+    "husky": "^9.1.7",
     "lightningcss": "^1.30.1",
     "lit": "3.x",
     "nanoid": "^5.1.5",
@@ -126,7 +132,6 @@
     "semantic-release": "24.0.0",
     "storybook": "^9.1.4",
     "typescript": "5.5.3",
-    "typescript-eslint": "^8.41.0",
     "unocss": "0.x",
     "vite": "^6.0.0",
     "vitest": "^3.2.4",
@@ -135,23 +140,27 @@
   },
   "dependencies": {
     "@lingui/core": "5.2.0",
+    "@lit-labs/rollup-plugin-minify-html-literals": "^0.1.0",
     "@lit/react": "^1.0.8",
     "@open-wc/form-control": "^1.0.0",
+    "@rollup/plugin-commonjs": "^28.0.6",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@rollup/plugin-replace": "^6.0.2",
+    "@rollup/plugin-terser": "^0.4.4",
     "@warp-ds/core": "1.1.8",
     "@warp-ds/css": "2.1.1",
     "@warp-ds/elements-core": "2.0.1",
     "@warp-ds/icons": "2.5.0",
     "date-fns": "^4.1.0",
-    "scroll-doctor": "2.0.2"
+    "rollup": "^4.52.3",
+    "scroll-doctor": "2.0.2",
+    "tslib": "^2.8.1"
   },
   "publishConfig": {
     "access": "public"
   },
   "eik": {
     "files": "eik",
-    "import-map": [
-      "https://assets.finn.no/map/custom-elements/v3"
-    ],
     "server": "https://assets.finn.no",
     "type": "package"
   },

package/dist/index.css

@@ -1,2 +0,0 @@
-:host{box-sizing:border-box!important}:host *,:host *:before,:host *:after{box-sizing:inherit!important}:host{color:var(--wa-form-control-value-color);display:inline-flex;flex-direction:row;align-items:top;font-family:inherit;font-weight:var(--wa-form-control-value-font-weight);line-height:var(--wa-form-control-value-line-height);cursor:pointer;user-select:none;-webkit-user-select:none}:host(:focus){outline:none}[part~=label]{display:inline}:host([appearance="default"]){.control{flex:0 0 auto;position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--wa-form-control-toggle-size, 2rem);height:var(--wa-form-control-toggle-size, 2rem);border-color:var(--wa-form-control-border-color, gray);border-radius:50%;border-style:var(--wa-form-control-border-style, solid);border-width:var(--wa-form-control-border-width, 1px);background-color:var(--wa-form-control-background-color, white);color:transparent;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;margin-inline-end:.5em}}:host([appearance="clickable"]) .control{position:absolute;inset:0;height:100%;width:100%;cursor:pointer}:host(:state(checked)):not(:host([appearance="clickable"])) .control{border-color:var(--wa-form-control-activated-color, blue);background-color:var(--wa-form-control-background-color, white);border-width:.6rem}:host(:focus-visible) .control{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset, 1px)}:host([appearance="clickable"]:focus-visible) .control{outline-offset:-4px;border-radius:8px}:host(:state(disabled)){opacity:.5;cursor:not-allowed}:host([appearance="button"]){align-items:center;min-height:var(--wa-form-control-height);background-color:var(--wa-color-surface-default);border:var(--wa-form-control-border-width) var(--wa-form-control-border-style) var(--wa-form-control-border-color);border-radius:var(--wa-border-radius-m);padding:0 var(--wa-form-control-padding-inline);transition:background-color var(--wa-transition-fast),border-color var(--wa-transition-fast);.control{display:none}}:host([appearance="button"][data-wa-radio-horizontal][data-wa-radio-inner]){border-radius:0}:host([appearance="button"][data-wa-radio-horizontal][data-wa-radio-first]){border-start-end-radius:0;border-end-end-radius:0}:host([appearance="button"][data-wa-radio-horizontal][data-wa-radio-last]){border-start-start-radius:0;border-end-start-radius:0}:host([appearance="button"][data-wa-radio-vertical][data-wa-radio-inner]){border-radius:0}:host([appearance="button"][data-wa-radio-vertical][data-wa-radio-first]){border-end-start-radius:0;border-end-end-radius:0}:host([appearance="button"][data-wa-radio-vertical][data-wa-radio-last]){border-start-start-radius:0;border-start-end-radius:0}@media (hover: hover){:host([appearance="button"]:hover:not(:state(disabled),:state(checked))){background-color:color-mix(in srgb,var(--wa-color-surface-default) 95%,var(--wa-color-mix-hover))}}:host([appearance="button"]:focus-visible){outline:var(--wa-focus-ring);outline-offset:var(--wa-focus-ring-offset)}:host([appearance="button"]:state(checked)){border-color:var(--wa-form-control-activated-color);background-color:var(--wa-color-brand-fill-quiet)}:host([appearance="button"]:state(checked):focus-visible){outline:var(--wa-focus-ring-style) var(--wa-focus-ring-width) var(--wa-color-brand-border-loud);outline-offset:var(--wa-focus-ring-offset)}:host([appearance="button"][data-wa-radio-horizontal]:not([data-wa-radio-first])){margin-inline-start:calc(-1 * var(--wa-form-control-border-width))}:host([appearance="button"][data-wa-radio-vertical]:not([data-wa-radio-first])){margin-block-start:calc(-1 * var(--wa-form-control-border-width))}:host([appearance="button"]:hover),:host([appearance="button"]:state(checked)){position:relative;z-index:1}:host([appearance="button"]:focus-visible){z-index:2}:host{display:block}.form-control{position:relative;border:none;padding:0;margin:0}.label{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale;cursor:pointer;padding-bottom:.4rem;color:var(--w-s-color-text);display:block}.radio-group-required .label:after{content:var(--wa-form-control-required-content);margin-inline-start:var(--wa-form-control-required-content-offset)}.button-group{display:flex}[part~=form-control-input]{display:flex;flex-direction:column;flex-wrap:wrap;gap:.75em}:host([orientation="horizontal"]) [part~=form-control-input]{flex-direction:row;gap:1em}[part~=hint]{margin-block-start:.5em}:host fieldset.has-radio-buttons{[part~=form-control-input]{gap:0}}:host{display:block;user-select:none;-webkit-user-select:none}[part~=control]{position:relative;width:2rem;height:2rem;border-color:var(--w-s-color-border);border-radius:2px;border-style:solid;border-width:1px;background-color:var(--w-s-color-background);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;margin-right:.8rem;text-align:center;line-height:var(--w-line-height-xs);font-size:var(--w-font-size-m)}[part~=base]{display:flex;align-items:center;position:relative;color:currentColor;vertical-align:middle;cursor:pointer}[part~=label]{display:block;font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);user-select:none;cursor:pointer;padding:.2rem 0}label:hover [part~=control]:not(:has(:checked,:indeterminate)){background-color:var(--w-s-color-background-hover);border-color:var(--w-s-color-border-primary)}label:hover [part~=control]:has(:checked,:indeterminate){border-color:var(--w-s-color-border-primary-hover);background-color:var(--w-s-color-background-primary-hover)}[part~=control]:has(:checked,:indeterminate){color:var(--checked-icon-color, white);border-color:var(--w-s-color-border-primary);background-color:var(--w-s-color-background-primary)}[part~=control]:has(:indeterminate){font-weight:700}[part~=control]:has(:invalid){border-color:var(--w-s-color-border-negative)}[part~=control]:has(:invalid):hover{background-color:var(--w-s-color-background-negative-subtle-hover)}[part~=control]:has(:checked):has(:invalid){background-color:var(--w-s-color-background-negative)}[part~=control]:has(:checked){background-image:var(--w-icon-toggle-checked);background-position:center}[part~=control]:has(>input:focus-visible:not(:disabled)){outline:var(--wa-focus-ring);outline-offset:var(--wa-focus-ring-offset)}:host [part~=base]:has(input:disabled){opacity:.5;cursor:not-allowed}input{position:absolute;padding:0;margin:0;height:100%;width:100%;opacity:0;pointer-events:none}[part~=icon]{display:flex;input:not(:checked,:indeterminate)+&{visibility:hidden}}:host([required]) [part~=label]:after{content:var(--wa-form-control-required-content);color:var(--wa-form-control-required-content-color);margin-inline-start:var(--wa-form-control-required-content-offset)}
-/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../packages/rip-and-tear-radio/host.css", "../packages/rip-and-tear-radio/radio.css", "../packages/rip-and-tear-radio/radio-group.css", "../packages/rip-and-tear-checkbox/checkbox.css"],
-  "sourcesContent": [":host {\n  box-sizing: border-box !important;\n}\n\n:host *,\n:host *::before,\n:host *::after {\n  box-sizing: inherit !important;\n}\n\n", ":host {\n  color: var(--wa-form-control-value-color);\n  display: inline-flex;\n  flex-direction: row;\n  align-items: top;\n  font-family: inherit;\n  font-weight: var(--wa-form-control-value-font-weight);\n  line-height: var(--wa-form-control-value-line-height);\n  cursor: pointer;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n:host(:focus) {\n  outline: none;\n}\n\n[part~='label'] {\n  display: inline;\n}\n\n[part~='hint'] {\n  margin-block-start: 0.5em;\n}\n\n/* Default appearance */\n:host([appearance='default']) {\n  .control {\n    flex: 0 0 auto;\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--wa-form-control-toggle-size, 2rem);\n    height: var(--wa-form-control-toggle-size, 2rem);\n    border-color: var(--wa-form-control-border-color, gray);\n    border-radius: 50%;\n    border-style: var(--wa-form-control-border-style, solid);\n    border-width: var(--wa-form-control-border-width, 1px);\n    background-color: var(--wa-form-control-background-color, white);\n    color: transparent;\n    transition-property: all;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n\n    margin-inline-end: 0.5em;\n  }\n}\n\n:host([appearance='clickable']) .control {\n  position: absolute;\n  inset: 0;\n  height: 100%;\n  width: 100%;\n  cursor: pointer;\n}\n\n/* Checked */\n:host(:state(checked)):not(:host([appearance='clickable'])) .control {\n  /* color: var(--checked-icon-color, white); */\n  border-color: var(--wa-form-control-activated-color, blue);\n  background-color: var(--wa-form-control-background-color, white);\n  border-width: 0.6rem;\n}\n\n/* Focus */\n:host(:focus-visible) .control {\n  outline: 2px solid var(--w-s-color-border-focus);\n  outline-offset: var(--w-outline-offset, 1px);\n}\n\n:host([appearance='clickable']:focus-visible) .control {\n  outline-offset: -4px;\n  border-radius: 8px;\n}\n\n/* Disabled */\n:host(:state(disabled)) {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n/* Button appearance */\n:host([appearance='button']) {\n  align-items: center;\n  min-height: var(--wa-form-control-height);\n  background-color: var(--wa-color-surface-default);\n  border: var(--wa-form-control-border-width) var(--wa-form-control-border-style) var(--wa-form-control-border-color);\n  border-radius: var(--wa-border-radius-m);\n  padding: 0 var(--wa-form-control-padding-inline);\n  transition:\n    background-color var(--wa-transition-fast),\n    border-color var(--wa-transition-fast);\n\n  .control {\n    display: none;\n  }\n}\n\n/* Horizontal grouping - remove inner border radius */\n:host([appearance='button'][data-wa-radio-horizontal][data-wa-radio-inner]) {\n  border-radius: 0;\n}\n\n:host([appearance='button'][data-wa-radio-horizontal][data-wa-radio-first]) {\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n\n:host([appearance='button'][data-wa-radio-horizontal][data-wa-radio-last]) {\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n\n/* Vertical grouping - remove inner border radius */\n:host([appearance='button'][data-wa-radio-vertical][data-wa-radio-inner]) {\n  border-radius: 0;\n}\n\n:host([appearance='button'][data-wa-radio-vertical][data-wa-radio-first]) {\n  border-end-start-radius: 0;\n  border-end-end-radius: 0;\n}\n\n:host([appearance='button'][data-wa-radio-vertical][data-wa-radio-last]) {\n  border-start-start-radius: 0;\n  border-start-end-radius: 0;\n}\n\n@media (hover: hover) {\n  :host([appearance='button']:hover:not(:state(disabled), :state(checked))) {\n    background-color: color-mix(in srgb, var(--wa-color-surface-default) 95%, var(--wa-color-mix-hover));\n  }\n}\n\n:host([appearance='button']:focus-visible) {\n  outline: var(--wa-focus-ring);\n  outline-offset: var(--wa-focus-ring-offset);\n}\n\n:host([appearance='button']:state(checked)) {\n  border-color: var(--wa-form-control-activated-color);\n  background-color: var(--wa-color-brand-fill-quiet);\n}\n\n:host([appearance='button']:state(checked):focus-visible) {\n  outline: var(--wa-focus-ring-style) var(--wa-focus-ring-width) var(--wa-color-brand-border-loud);\n  outline-offset: var(--wa-focus-ring-offset);\n}\n\n/* Remove inner borders and handle overlap */\n:host([appearance='button'][data-wa-radio-horizontal]:not([data-wa-radio-first])) {\n  margin-inline-start: calc(-1 * var(--wa-form-control-border-width));\n}\n\n:host([appearance='button'][data-wa-radio-vertical]:not([data-wa-radio-first])) {\n  margin-block-start: calc(-1 * var(--wa-form-control-border-width));\n}\n\n/* Ensure interactive states are visible above adjacent buttons */\n:host([appearance='button']:hover),\n:host([appearance='button']:state(checked)) {\n  position: relative;\n  z-index: 1;\n}\n\n:host([appearance='button']:focus-visible) {\n  z-index: 2;\n}\n\n", ":host {\n  display: block;\n}\n\n.form-control {\n  position: relative;\n  border: none;\n  padding: 0;\n  margin: 0;\n}\n\n.label {\n  font-size: var(--w-font-size-s);\n  line-height: var(--w-line-height-s);\n  font-weight: 700;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-smoothing: grayscale;\n  cursor: pointer;\n  padding-bottom: 0.4rem;\n  color: var(--w-s-color-text);\n  display: block;\n}\n\n.radio-group-required .label::after {\n  content: var(--wa-form-control-required-content);\n  margin-inline-start: var(--wa-form-control-required-content-offset);\n}\n\n.button-group {\n  display: flex;\n}\n\n[part~='form-control-input'] {\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  gap: 0.75em;\n}\n\n/* Horizontal */\n:host([orientation='horizontal']) [part~='form-control-input'] {\n  flex-direction: row;\n  gap: 1em;\n}\n\n/* Help text */\n[part~='hint'] {\n  margin-block-start: 0.5em;\n}\n\n/* Radios have the \"button\" appearance */\n:host fieldset.has-radio-buttons {\n  [part~='form-control-input'] {\n    gap: 0;\n  }\n}\n\n", ":host {\n  display: block;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n[part~='control'] {\n  position: relative;\n  width: 2rem;\n  height: 2rem;\n  border-color: var(--w-s-color-border);\n  border-radius: 2px;\n  border-style: solid;\n  border-width: 1px;\n  background-color: var(--w-s-color-background);\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n  margin-right: 0.8rem;\n  text-align: center;\n  line-height: var(--w-line-height-xs);\n  font-size: var(--w-font-size-m);\n}\n\n[part~='base'] {\n  display: flex;\n  align-items: center;\n  position: relative;\n  color: currentColor;\n  vertical-align: middle;\n  cursor: pointer;\n}\n\n[part~='label'] {\n  display: block;\n  font-size: var(--w-font-size-m);\n  line-height: var(--w-line-height-m);\n  user-select: none;\n  cursor: pointer;\n  padding: 0.2rem 0;\n}\n\nlabel:hover [part~='control']:not(:has(:checked, :indeterminate)) {\n  background-color: var(--w-s-color-background-hover);\n  border-color: var(--w-s-color-border-primary);\n}\n\nlabel:hover [part~='control']:has(:checked, :indeterminate) {\n  border-color: var(--w-s-color-border-primary-hover);\n  background-color: var(--w-s-color-background-primary-hover);\n}\n\n[part~='control']:has(:checked, :indeterminate) {\n  color: var(--checked-icon-color, white);\n  border-color: var(--w-s-color-border-primary);\n  background-color: var(--w-s-color-background-primary);\n}\n\n[part~='control']:has(:indeterminate) {\n  font-weight: 700;\n}\n\n[part~='control']:has(:invalid) {\n  border-color: var(--w-s-color-border-negative);\n}\n\n[part~='control']:has(:invalid):hover {\n  background-color: var(--w-s-color-background-negative-subtle-hover);\n}\n\n[part~='control']:has(:checked):has(:invalid) {\n  background-color: var(--w-s-color-background-negative);\n}\n\n[part~='control']:has(:checked) {\n  background-image: var(--w-icon-toggle-checked);\n  background-position: center;\n}\n\n/* Focus */\n[part~='control']:has(> input:focus-visible:not(:disabled)) {\n  outline: var(--wa-focus-ring);\n  outline-offset: var(--wa-focus-ring-offset);\n}\n\n/* Disabled */\n:host [part~='base']:has(input:disabled) {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\ninput {\n  position: absolute;\n  padding: 0;\n  margin: 0;\n  height: 100%;\n  width: 100%;\n  opacity: 0;\n  pointer-events: none;\n}\n\n[part~='icon'] {\n  display: flex;\n\n  input:not(:checked, :indeterminate) + & {\n    visibility: hidden;\n  }\n}\n\n:host([required]) [part~='label']::after {\n  content: var(--wa-form-control-required-content);\n  color: var(--wa-form-control-required-content-color);\n  margin-inline-start: var(--wa-form-control-required-content-offset);\n}\n\n"],
-  "mappings": "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",
-  "names": []
-}