@viasat/beam-web-components 2.49.1 → 2.51.0

package/wip/FileUpload/FileUpload.js

@@ -4,15 +4,15 @@ import { property as c, queryAssignedElements as N, state as P } from "lit/decor
 import { createRef as Q } from "lit/directives/ref.js";
 import X from "clsx";
 import { t as Y } from "../../chunks/constants.ZIKMMCJH.js";
-import { p as Z, a as q, g as ee, d as z } from "../../chunks/classNames.BQclmCHG.js";
-import { f as te } from "../../chunks/fileUpload.module.WyOEuxoP.js";
-import { d as ie } from "../../chunks/tokens.CTW8Tt94.js";
-import { r as re } from "../../chunks/delegate.baxDQosr.js";
-import { c as se } from "../../chunks/register-custom-element.DHGKOhmA.js";
+import { g as Z } from "../../chunks/classNames.m6VYRyOu.js";
+import { p as ee, e as q, d as z, c as te } from "../../chunks/register-custom-element.D_kw6JXe.js";
+import { f as ie } from "../../chunks/fileUpload.module.WyOEuxoP.js";
+import { d as re } from "../../chunks/tokens.CTW8Tt94.js";
+import { r as se } from "../../chunks/delegate.baxDQosr.js";
 import { bmFormContext as oe, bmFormInitials as H } from "../Form/Form.context.js";
 import { FormField as ae } from "../Form/Form.decorator.js";
 import { fileUploadContext as le } from "./FileUploadContext.js";
-import "../../chunks/HelperText.3YJvB8x0.js";
+import "../../chunks/HelperText.Cc_6DlKP.js";
 import "./FileUpload.Dropzone.js";
 import "./FileUpload.List.js";
 var ne = function(e, t) {
@@ -219,7 +219,7 @@ var be = Object.defineProperty, ge = Object.getOwnPropertyDescriptor, j = (e) =>
     (p = e[n]) && (s = (r ? p(t, i, s) : p(s)) || s);
   return r && s && be(t, i, s), s;
 }, we = (e, t, i) => t.has(e) || j("Cannot " + i), o = (e, t, i) => (we(e, t, "read from private field"), i ? i.call(e) : t.get(e)), h = (e, t, i) => t.has(e) ? j("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, i), u, L, A, S, T, W, E, _, I, F, M, R, D, B, U, O;
-const { baseClassNamePrefix: Se, classModifierPrefix: g, subElementClassPrefix: w } = ee("file-upload");
+const { baseClassNamePrefix: Se, classModifierPrefix: g, subElementClassPrefix: w } = Z("file-upload");
 class _e extends CustomEvent {
   constructor(t, i, r) {
     super("bm-selected", {
@@ -304,7 +304,7 @@ let a = class extends ae {
       ctxError: !!this.error,
       ctxDisabled: o(this, u).call(this)
     };
-    const e = this.fluid ? "100%" : this.width ?? ie;
+    const e = this.fluid ? "100%" : this.width ?? re;
     o(this, _).replace(`:host { width: ${e}; }`);
   }
   firstUpdated() {
@@ -320,7 +320,7 @@ let a = class extends ae {
   }
   updated(e) {
     const [t] = this._textFieldLabel, [i] = this._textFieldHelperText, { decorate: r } = q(t), { decorate: s } = q(i);
-    Z(e, ["formContext"]) && this.ctxValueChanged(this.formContext, this.pickerRef) && o(this, F).call(this), s({ disabled: o(this, u).call(this) }), r({
+    ee(e, ["formContext"]) && this.ctxValueChanged(this.formContext, this.pickerRef) && o(this, F).call(this), s({ disabled: o(this, u).call(this) }), r({
       disabled: o(this, u).call(this),
       required: o(this, A).call(this) && !this.hideRequiredMarker
     });
@@ -374,8 +374,8 @@ D = /* @__PURE__ */ new WeakMap();
 B = /* @__PURE__ */ new WeakMap();
 U = /* @__PURE__ */ new WeakMap();
 O = /* @__PURE__ */ new WeakMap();
-a.styles = J(te);
-re(a);
+a.styles = J(ie);
+se(a);
 l([
   c({ type: String })
 ], a.prototype, "accept", 2);
@@ -443,7 +443,7 @@ l([
   P()
 ], a.prototype, "_hasFilesListSlot", 2);
 a = l([
-  se("bm-file-upload")
+  te("bm-file-upload")
 ], a);
 export {
   a as BmFileUpload,

package/wip/Form/Form.decorator.js

@@ -10,7 +10,7 @@ import { createRef as A } from "lit/directives/ref.js";
 import { b as F } from "../../chunks/tokens.CTW8Tt94.js";
 import { bmFormInitials as c, bmFormContext as I } from "./Form.context.js";
 import { createId as m } from "./Form.utils.js";
-import "../../chunks/HelperText.3YJvB8x0.js";
+import "../../chunks/HelperText.Cc_6DlKP.js";
 var S = Object.defineProperty, n = (a, r, t, e) => {
   for (var i = void 0, s = a.length - 1, d; s >= 0; s--)
     (d = a[s]) && (i = d(r, t, i) || i);

package/wip/Form/Form.js

@@ -1,10 +1,10 @@
-import { provide as V } from "@lit/context";
-import { LitElement as z, html as L } from "lit";
-import { property as p, state as S } from "lit/decorators.js";
-import { createRef as $, ref as H } from "lit/directives/ref.js";
-import { c as q } from "../../chunks/register-custom-element.DHGKOhmA.js";
-import { bmFormContext as G, bmFormInitials as P } from "./Form.context.js";
-const K = async (t, e) => (await Promise.all(
+import { provide as z } from "@lit/context";
+import { LitElement as L, html as $ } from "lit";
+import { property as d, state as W } from "lit/decorators.js";
+import { createRef as N, ref as D } from "lit/directives/ref.js";
+import { b as S, t as H, c as K } from "../../chunks/register-custom-element.D_kw6JXe.js";
+import { bmFormContext as q, bmFormInitials as G } from "./Form.context.js";
+const P = async (t, e) => (await Promise.all(
   e.map(
     async (o) => {
       const { validator: s } = o;
@@ -24,15 +24,15 @@ const K = async (t, e) => (await Promise.all(
       isCheckBoxGroup: o,
       selectedBoxes: r ? [t] : []
     };
-  const s = Array.from(t), n = s.every((m) => {
-    const { type: u } = m;
-    return u === "checkbox";
+  const s = Array.from(t), n = s.every((h) => {
+    const { type: p } = h;
+    return p === "checkbox";
   }), a = !!s.length && n;
   if (!a) return { isCheckBoxGroup: a, selectedBoxes: [] };
-  const d = s.filter(
-    ({ checked: m }) => m
+  const l = s.filter(
+    ({ checked: h }) => h
   );
-  return { isCheckBoxGroup: a, selectedBoxes: d };
+  return { isCheckBoxGroup: a, selectedBoxes: l };
 }, E = (t) => {
   const { type: e, multiple: r, options: o } = t, s = e === "select-multiple" && r;
   if (!s) return { isMultiSelect: s, selectedOptions: [] };
@@ -41,7 +41,7 @@ const K = async (t, e) => (await Promise.all(
     ({ selected: a }) => a
   );
   return { isMultiSelect: s, selectedOptions: n };
-}, j = new RegExp(
+}, R = new RegExp(
   [
     "(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:",
     "\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"(?:",
@@ -55,23 +55,23 @@ const K = async (t, e) => (await Promise.all(
     "[
-\b\v\f-!-ZS-]|\\\\[
-",
     "	\v\f-])+)\\])"
   ].join("")
-), R = (t) => ({
+), T = (t) => ({
   name: "min",
   validator: (e) => {
     const { value: r, message: o } = t, { value: s } = e;
     return { error: !!s && Number(s) < r, message: o };
   }
-}), A = (t) => ({
+}), j = (t) => ({
   name: "max",
   validator: (e) => {
     const { value: r, message: o } = t, { value: s } = e;
     return { error: !!s && Number(s) > r, message: o };
   }
-}), D = (t) => ({
+}), A = (t) => ({
   name: "email",
   validator: (e) => {
     const { message: r } = t || {}, { value: o } = e;
-    return { error: !!o && !j.test(o), message: r };
+    return { error: !!o && !R.test(o), message: r };
   }
 }), U = (t) => ({
   name: "pattern",
@@ -89,83 +89,95 @@ const K = async (t, e) => (await Promise.all(
     if (s) return { error: !n, message: r };
     const {
       isMultiSelect: a,
-      selectedOptions: { length: d }
+      selectedOptions: { length: l }
     } = E(e);
-    return a ? { error: !d, message: r } : { error: !o, message: r };
+    return a ? { error: !l, message: r } : { error: !o, message: r };
   }
-}), T = (t) => ({
+}), Z = (t) => ({
   name: "minLength",
   validator: (e) => {
     const { length: r, message: o } = t, { value: s } = e, n = !!s && s.length < r, {
       isCheckBoxGroup: a,
-      selectedBoxes: { length: d }
+      selectedBoxes: { length: l }
     } = F(e);
     if (a)
-      return { error: !!d && d < r, message: o };
+      return { error: !!l && l < r, message: o };
     const {
-      isMultiSelect: m,
-      selectedOptions: { length: u }
+      isMultiSelect: h,
+      selectedOptions: { length: p }
     } = E(e);
-    return m ? { error: !!u && u < r, message: o } : { error: n, message: o };
+    return h ? { error: !!p && p < r, message: o } : { error: n, message: o };
   }
-}), Z = (t) => ({
+}), J = (t) => ({
   name: "maxLength",
   validator: (e) => {
     const { length: r, message: o } = t, { value: s } = e, n = !!s && s.length > r, {
       isCheckBoxGroup: a,
-      selectedBoxes: { length: d }
+      selectedBoxes: { length: l }
     } = F(e);
     if (a)
-      return { error: !!d && d > r, message: o };
+      return { error: !!l && l > r, message: o };
     const {
-      isMultiSelect: m,
-      selectedOptions: { length: u }
+      isMultiSelect: h,
+      selectedOptions: { length: p }
     } = E(e);
-    return m ? { error: !!u && u > r, message: o } : { error: n, message: o };
+    return h ? { error: !!p && p > r, message: o } : { error: n, message: o };
   }
-}), J = (t) => ({
+}), Q = (t) => ({
   name: "define",
   validator: (e) => t(e)
-}), ne = {
-  min: R,
-  max: A,
-  email: D,
-  define: J,
+}), X = (t) => {
+  const e = /^(\d{4})-(\d{2})-(\d{2})$/.exec(t);
+  return e ? H(Number(e[1]), Number(e[2]), Number(e[3])) : null;
+}, Y = (t) => ({
+  name: "dateRange",
+  validator: (e) => {
+    const { min: r, max: o, message: s } = t, { value: n } = e, a = n ? X(n) : null;
+    if (a === null) return { error: !1, message: s };
+    const l = r && !Number.isNaN(r.getTime()) ? S(r) : null, h = o && !Number.isNaN(o.getTime()) ? S(o) : null;
+    return l !== null && h !== null && l > h ? { error: !1, message: s } : { error: l !== null && a < l || h !== null && a > h, message: s };
+  }
+}), ce = {
+  min: T,
+  max: j,
+  email: A,
+  define: Q,
   pattern: U,
   required: I,
-  minLength: T,
-  maxLength: Z
+  minLength: Z,
+  maxLength: J,
+  dateRange: Y
 };
-var N = Object.defineProperty, Q = Object.getOwnPropertyDescriptor, W = (t) => {
+var ee = Object.defineProperty, te = Object.getOwnPropertyDescriptor, V = (t) => {
   throw TypeError(t);
-}, h = (t, e, r, o) => {
-  for (var s = o > 1 ? void 0 : o ? Q(e, r) : e, n = t.length - 1, a; n >= 0; n--)
+}, u = (t, e, r, o) => {
+  for (var s = o > 1 ? void 0 : o ? te(e, r) : e, n = t.length - 1, a; n >= 0; n--)
     (a = t[n]) && (s = (o ? a(e, r, s) : a(s)) || s);
-  return o && s && N(e, r, s), s;
-}, X = (t, e, r) => e.has(t) || W("Cannot " + r), i = (t, e, r) => (X(t, e, "read from private field"), r ? r.call(t) : e.get(t)), c = (t, e, r) => e.has(t) ? W("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), g, w, y, x, f, _, v, k, B, C, b, O;
-let l = class extends z {
+  return o && s && ee(e, r, s), s;
+}, re = (t, e, r) => e.has(t) || V("Cannot " + r), i = (t, e, r) => (re(t, e, "read from private field"), r ? r.call(t) : e.get(t)), m = (t, e, r) => e.has(t) ? V("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), y, M, g, w, f, _, v, b, k, B, C, O;
+let c = class extends L {
   constructor() {
-    super(...arguments), this.validationMode = "onBlur", this.initialValues = {}, this.required = !1, this.disabled = !1, this.readOnly = !1, this.formMeta = {}, this.formRef = $(), this._actionFired = !1, c(this, g, () => !!this._actionFired), this.formContext = P, c(this, w, (t) => {
+    super(...arguments), this.validationMode = "onBlur", this.initialValues = {}, this.required = !1, this.disabled = !1, this.readOnly = !1, this.formMeta = {}, this.formRef = N(), this._actionFired = !1, m(this, y, () => !!this._actionFired), this.formContext = G, m(this, M, (t) => {
       const { field: e } = t, { name: r } = e;
       r && (this.formMeta = { ...this.formMeta, [r]: t });
-    }), c(this, y, (t) => {
+    }), m(this, g, (t) => {
       const { validators: e, errorSetter: r } = this.formMeta[t] || {};
       e != null && e.length && r([]);
-    }), c(this, x, () => {
+    }), m(this, w, () => {
       Object.keys(this.formMeta).forEach((t) => {
         const { initializer: e } = this.formMeta[t];
-        e(), i(this, y).call(this, t);
+        e(), i(this, g).call(this, t);
       });
-    }), c(this, f, async (t) => {
+    }), m(this, f, async (t) => {
       const { field: e, validators: r, errorSetter: o } = this.formMeta[t] || {}, { disabled: s } = e || {};
       if (!(r != null && r.length) || s) return [];
-      const n = await K(e, r);
+      const n = await P(e, r);
       return o(n), n;
-    }), c(this, _, async () => await Promise.all(
+    }), m(this, _, async () => await Promise.all(
       Object.keys(this.formMeta).map(
         async (t) => await i(this, f).call(this, t)
       )
-    )), c(this, v, async () => {
+    )), m(this, v, async () => {
       (await i(this, _).call(this)).some((r) => !!r.length) || this.dispatchEvent(
         new CustomEvent("submit", {
           bubbles: !0,
@@ -178,28 +190,28 @@ let l = class extends z {
           }, {})
         })
       );
-    }), c(this, k, async ({ target: t }) => {
-      if (i(this, g).call(this)) {
-        this._actionFired = !i(this, g).call(this);
+    }), m(this, b, async ({ target: t }) => {
+      if (i(this, y).call(this)) {
+        this._actionFired = !i(this, y).call(this);
         return;
       }
       const { name: e } = t;
       this.validationMode === "onBlur" && await i(this, f).call(this, e);
-    }), c(this, B, async ({ target: t }) => {
+    }), m(this, k, async ({ target: t }) => {
       const { name: e } = t;
-      this.validationMode === "onChange" ? await i(this, f).call(this, e) : i(this, y).call(this, e);
-    }), c(this, C, async ({ target: t }) => {
+      this.validationMode === "onChange" ? await i(this, f).call(this, e) : i(this, g).call(this, e);
+    }), m(this, B, async ({ target: t }) => {
       const { type: e } = t;
       switch (e) {
         case "reset":
-          return i(this, x).call(this);
+          return i(this, w).call(this);
         case "submit":
           return i(this, v).call(this);
       }
-    }), c(this, b, async (t) => {
+    }), m(this, C, async (t) => {
       const { target: e, key: r } = t, { name: o } = e;
       r === "Enter" && this.formMeta[o] && await i(this, v).call(this);
-    }), c(this, O, (t) => {
+    }), m(this, O, (t) => {
       const e = t.target, { name: r } = document.activeElement || {}, o = e.closest("[type=reset]") || e.closest("[type=submit]");
       this.formMeta[r] && (this._actionFired = !!o);
     });
@@ -210,22 +222,22 @@ let l = class extends z {
       readOnly: this.readOnly,
       disabled: this.disabled,
       initialValues: this.initialValues,
-      registerField: i(this, w),
-      formBlurHandler: i(this, k),
-      formChangeHandler: i(this, B)
+      registerField: i(this, M),
+      formBlurHandler: i(this, b),
+      formChangeHandler: i(this, k)
     });
   }
   render() {
-    return L`
+    return $`
       <form
         novalidate
-        ${H(this.formRef)}
+        ${D(this.formRef)}
         action="${this.action}"
         method="${this.method}"
         target="${this.target}"
         enctype="${this.enctype}"
-        @click="${i(this, C)}"
-        @keydown="${i(this, b)}"
+        @click="${i(this, B)}"
+        @keydown="${i(this, C)}"
         @mousedown="${i(this, O)}"
       >
         <slot></slot>
@@ -233,56 +245,56 @@ let l = class extends z {
     `;
   }
 };
+y = /* @__PURE__ */ new WeakMap();
+M = /* @__PURE__ */ new WeakMap();
 g = /* @__PURE__ */ new WeakMap();
 w = /* @__PURE__ */ new WeakMap();
-y = /* @__PURE__ */ new WeakMap();
-x = /* @__PURE__ */ new WeakMap();
 f = /* @__PURE__ */ new WeakMap();
 _ = /* @__PURE__ */ new WeakMap();
 v = /* @__PURE__ */ new WeakMap();
+b = /* @__PURE__ */ new WeakMap();
 k = /* @__PURE__ */ new WeakMap();
 B = /* @__PURE__ */ new WeakMap();
 C = /* @__PURE__ */ new WeakMap();
-b = /* @__PURE__ */ new WeakMap();
 O = /* @__PURE__ */ new WeakMap();
-h([
-  p({ type: String })
-], l.prototype, "validationMode", 2);
-h([
-  p({ type: Object })
-], l.prototype, "initialValues", 2);
-h([
-  p({ type: Boolean })
-], l.prototype, "required", 2);
-h([
-  p({ type: Boolean })
-], l.prototype, "disabled", 2);
-h([
-  p({ type: Boolean })
-], l.prototype, "readOnly", 2);
-h([
-  p({ type: String })
-], l.prototype, "action", 2);
-h([
-  p({ type: String })
-], l.prototype, "method", 2);
-h([
-  p({ type: String })
-], l.prototype, "target", 2);
-h([
-  p({ type: String })
-], l.prototype, "enctype", 2);
-h([
-  S()
-], l.prototype, "_actionFired", 2);
-h([
-  V({ context: G }),
-  S()
-], l.prototype, "formContext", 2);
-l = h([
-  q("bm-form")
-], l);
+u([
+  d({ type: String })
+], c.prototype, "validationMode", 2);
+u([
+  d({ type: Object })
+], c.prototype, "initialValues", 2);
+u([
+  d({ type: Boolean })
+], c.prototype, "required", 2);
+u([
+  d({ type: Boolean })
+], c.prototype, "disabled", 2);
+u([
+  d({ type: Boolean })
+], c.prototype, "readOnly", 2);
+u([
+  d({ type: String })
+], c.prototype, "action", 2);
+u([
+  d({ type: String })
+], c.prototype, "method", 2);
+u([
+  d({ type: String })
+], c.prototype, "target", 2);
+u([
+  d({ type: String })
+], c.prototype, "enctype", 2);
+u([
+  W()
+], c.prototype, "_actionFired", 2);
+u([
+  z({ context: q }),
+  W()
+], c.prototype, "formContext", 2);
+c = u([
+  K("bm-form")
+], c);
 export {
-  l as BmForm,
-  ne as validators
+  c as BmForm,
+  ce as validators
 };

package/wip/NativeSelect/NativeSelect.js

@@ -3,13 +3,13 @@ import { property as s, queryAssignedElements as x } from "lit/decorators.js";
 import { ref as O } from "lit/directives/ref.js";
 import D from "clsx";
 import { d as w } from "../../chunks/input.D7RpzZmn.js";
-import { i as T, p as h, a as y, g as k } from "../../chunks/classNames.BQclmCHG.js";
-import { t as L } from "../../chunks/constants.ZIKMMCJH.js";
-import { r as E } from "../../chunks/delegate.baxDQosr.js";
-import { c as _ } from "../../chunks/register-custom-element.DHGKOhmA.js";
+import { i as T, p as h, e as y, c as k } from "../../chunks/register-custom-element.D_kw6JXe.js";
+import { g as L } from "../../chunks/classNames.m6VYRyOu.js";
+import { t as E } from "../../chunks/constants.ZIKMMCJH.js";
+import { r as _ } from "../../chunks/delegate.baxDQosr.js";
 import { g as Q } from "../../chunks/helpers.C43UgSdK.js";
 import { FormField as U } from "../Form/Form.decorator.js";
-import "../../chunks/HelperText.3YJvB8x0.js";
+import "../../chunks/HelperText.Cc_6DlKP.js";
 const $ = (e, i) => {
   if (!T() || !e) return;
   const { options: r = [] } = e;
@@ -33,7 +33,7 @@ var R = Object.defineProperty, q = Object.getOwnPropertyDescriptor, A = (e) => {
     (d = e[l]) && (c = (o ? d(i, r, c) : d(c)) || c);
   return o && c && R(i, r, c), c;
 }, G = (e, i, r) => i.has(e) || A("Cannot " + r), m = (e, i, r) => (G(e, i, "read from private field"), r ? r.call(e) : i.get(e)), b = (e, i, r) => i.has(e) ? A("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(e) : i.set(e, r), n, p, v, g, M, z;
-const { baseClassNamePrefix: W, subElementClassPrefix: N, classModifierPrefix: u } = k("native-select");
+const { baseClassNamePrefix: W, subElementClassPrefix: N, classModifierPrefix: u } = L("native-select");
 let t = class extends U {
   constructor() {
     super(...arguments), this.required = !1, this.readOnly = !1, this.disabled = !1, this.fluid = !1, this.size = w, this.ellipse = !0, this.hideRequiredMarker = !1, b(this, n, () => {
@@ -78,7 +78,7 @@ let t = class extends U {
     ), c = D(
       W,
       r && `${u}error`,
-      this.theme && L(this.theme),
+      this.theme && E(this.theme),
       `${u}${this.size || w}`,
       this.fluid && `${u}fluid`,
       this.ellipse && `${u}ellipsis`,
@@ -122,7 +122,7 @@ v = /* @__PURE__ */ new WeakMap();
 g = /* @__PURE__ */ new WeakMap();
 M = /* @__PURE__ */ new WeakMap();
 z = /* @__PURE__ */ new WeakMap();
-E(t);
+_(t);
 t.styles = C(P);
 a([
   s({ type: Boolean })
@@ -161,7 +161,7 @@ a([
   x({ slot: "helper-text" })
 ], t.prototype, "_selectHelperText", 2);
 t = a([
-  _("bm-native-select")
+  k("bm-native-select")
 ], t);
 export {
   t as BmNativeSelect

package/wip/RadioButton/RadioButton.js

@@ -3,10 +3,10 @@ import { unsafeCSS as y, LitElement as _, nothing as d, html as l } from "lit";
 import { property as a } from "lit/decorators.js";
 import { createRef as x, ref as w } from "lit/directives/ref.js";
 import z from "clsx";
-import { g as k } from "../../chunks/classNames.BQclmCHG.js";
+import { g as k } from "../../chunks/classNames.m6VYRyOu.js";
 import { t as C } from "../../chunks/constants.ZIKMMCJH.js";
 import { r as S } from "../../chunks/delegate.baxDQosr.js";
-import { c as $ } from "../../chunks/register-custom-element.DHGKOhmA.js";
+import { c as $ } from "../../chunks/register-custom-element.D_kw6JXe.js";
 import { inputChoiceGroupContext as P } from "../../InputChoiceGroup/InputChoiceGroup.context.js";
 const O = ':root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #cc2429 );--bm-comp-input-color-border-disabled: rgba(134, 151, 165, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #cc2429 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-typo-sm: var( --bm-sem-typo-compact-body-sm, 400 .875rem/1rem "Source Sans Pro" );--bm-comp-input-typo-md: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-lg: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, .75rem);--bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);--bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, .25rem);--bm-comp-input-space-field-y-md: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, .75rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);--bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #202e39);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #9fafbc);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #f67378 );--bm-comp-input-color-border-disabled: rgba(159, 175, 188, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #f67378 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-typo-sm: var( --bm-sem-typo-compact-body-sm, 400 .875rem/1rem "Source Sans Pro" );--bm-comp-input-typo-md: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-lg: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, .75rem);--bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);--bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, .25rem);--bm-comp-input-space-field-y-md: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, .75rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);--bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}.bm-radio-button{display:inline-flex}.bm-radio-button--read-only{--bm-input-choice-cursor: default;--bm-input-choice-label-cursor: default;--bm-input-choice-label-pointer-events: none}.bm-radio-button--disabled{--bm-input-choice-cursor: not-allowed;--bm-input-choice-label-cursor: not-allowed}.bm-radio-button__label{display:inherit;word-break:break-word;color:var(--bm-comp-input-color-text);font:var(--bm-comp-input-typo-md);gap:var(--bm-comp-input-space-choice-gap-inside);cursor:var(--bm-input-choice-label-cursor, pointer);pointer-events:var(--bm-input-choice-label-pointer-events, auto)}.bm-radio-button--error .bm-radio-button__label{color:var(--bm-comp-input-color-text)}.bm-radio-button--error .bm-radio-button__label .bm-radio-button__input,.bm-radio-button--error .bm-radio-button__label .bm-radio-button__input:checked{border-color:var(--bm-comp-input-color-border-error);background-color:var(--bm-comp-input-color-bg)}.bm-radio-button--error .bm-radio-button__label .bm-radio-button__input:checked:after{background-color:var(--bm-comp-input-color-choice-radio-selected-inner-circle-error)}.bm-radio-button--read-only .bm-radio-button__label{color:var(--bm-comp-input-color-text)}.bm-radio-button--read-only .bm-radio-button__label .bm-radio-button__input,.bm-radio-button--read-only .bm-radio-button__label .bm-radio-button__input:checked{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-radio-button--read-only .bm-radio-button__label .bm-radio-button__input:checked:after{background-color:var(--bm-comp-input-color-icon)}.bm-radio-button--disabled .bm-radio-button__label{color:var(--bm-comp-input-color-text-disabled)}.bm-radio-button--disabled .bm-radio-button__label .bm-radio-button__input,.bm-radio-button--disabled .bm-radio-button__label .bm-radio-button__input:checked{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-radio-button--disabled .bm-radio-button__label .bm-radio-button__input:checked:after{background-color:var(--bm-comp-input-color-icon-disabled)}.bm-radio-button--with-label .bm-radio-button__label .bm-radio-button__input{margin:var(--bm-comp-input-space-choice-nudge) var(--bm-sem-space-0)}.bm-radio-button__label .bm-radio-button__input{appearance:none;-moz-appearance:none;-webkit-appearance:none;position:relative;margin:var(--bm-sem-space-0);flex-shrink:var(--bm-sem-space-0);cursor:var(--bm-input-choice-cursor, pointer);box-sizing:border-box;width:var(--bm-comp-input-size-choice-radio);height:var(--bm-comp-input-size-choice-radio);border-style:solid;border-width:var(--bm-comp-input-border-width-field-default);border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-choice-radio);background-color:var(--bm-comp-input-color-bg)}.bm-radio-button__label .bm-radio-button__input:after{content:"";position:absolute;width:var(--bm-comp-input-size-choice-radio-inside);height:var(--bm-comp-input-size-choice-radio-inside);border-radius:var(--bm-comp-input-radius-choice-radio);top:calc(50% - var(--bm-comp-input-size-choice-radio-inside) / 2);left:calc(50% - var(--bm-comp-input-size-choice-radio-inside) / 2)}.bm-radio-button__label .bm-radio-button__input:focus-visible{outline-offset:var(--bm-sem-size-focus-offset);outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus)}.bm-radio-button__label .bm-radio-button__input:checked{border-color:var(--bm-comp-input-color-choice-radio-selected-border);background-color:var(--bm-comp-input-color-choice-radio-selected-bg)}.bm-radio-button__label .bm-radio-button__input:checked:after{background-color:var(--bm-comp-input-color-choice-radio-selected-inner-circle)}';
 var B = Object.defineProperty, D = Object.getOwnPropertyDescriptor, h = (e) => {

package/wip/RadioButton/RadioButtonGroup/RadioButtonGroup.js

@@ -1,5 +1,5 @@
 import { r as c } from "../../../chunks/delegate.baxDQosr.js";
-import { c as u } from "../../../chunks/register-custom-element.DHGKOhmA.js";
+import { c as u } from "../../../chunks/register-custom-element.D_kw6JXe.js";
 import { InputChoiceGroup as l } from "../../../InputChoiceGroup/InputChoiceGroup.js";
 var h = Object.getOwnPropertyDescriptor, f = (t, e, o, s) => {
   for (var n = s > 1 ? void 0 : s ? h(e, o) : e, a = t.length - 1, i; a >= 0; a--)

package/wip/Switch/Switch.js

@@ -3,10 +3,10 @@ import { unsafeCSS as z, LitElement as S, html as n, nothing as w } from "lit";
 import { property as a } from "lit/decorators.js";
 import { createRef as C, ref as T } from "lit/directives/ref.js";
 import $ from "clsx";
-import { g as O, d as y } from "../../chunks/classNames.BQclmCHG.js";
+import { g as O } from "../../chunks/classNames.m6VYRyOu.js";
 import { t as B } from "../../chunks/constants.ZIKMMCJH.js";
-import { r as P } from "../../chunks/delegate.baxDQosr.js";
-import { c as L } from "../../chunks/register-custom-element.DHGKOhmA.js";
+import { d as y, c as P } from "../../chunks/register-custom-element.D_kw6JXe.js";
+import { r as L } from "../../chunks/delegate.baxDQosr.js";
 import { inputChoiceGroupContext as E } from "../../InputChoiceGroup/InputChoiceGroup.context.js";
 const D = `:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #cc2429 );--bm-comp-input-color-border-disabled: rgba(134, 151, 165, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #cc2429 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-typo-sm: var( --bm-sem-typo-compact-body-sm, 400 .875rem/1rem "Source Sans Pro" );--bm-comp-input-typo-md: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-lg: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, .75rem);--bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);--bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, .25rem);--bm-comp-input-space-field-y-md: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, .75rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);--bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #202e39);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #9fafbc);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #f67378 );--bm-comp-input-color-border-disabled: rgba(159, 175, 188, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #f67378 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-typo-sm: var( --bm-sem-typo-compact-body-sm, 400 .875rem/1rem "Source Sans Pro" );--bm-comp-input-typo-md: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-lg: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, .75rem);--bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);--bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, .25rem);--bm-comp-input-space-field-y-md: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, .75rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);--bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}.bm-switch--read-only{--bm-input-choice-cursor: default;--bm-input-choice-label-cursor: default;--bm-input-choice-label-pointer-events: none}.bm-switch--disabled{--bm-input-choice-cursor: not-allowed;--bm-input-choice-label-cursor: not-allowed}.bm-switch__label{display:flex;position:relative;width:fit-content;align-items:start;gap:var(--bm-comp-input-space-choice-gap-inside);min-width:var(--bm-comp-input-size-choice-switch-width);min-height:var(--bm-comp-input-size-choice-switch-height);font:var(--bm-comp-input-typo-md);color:var(--bm-comp-input-color-text);cursor:var(--bm-input-choice-label-cursor, pointer);pointer-events:var(--bm-input-choice-label-pointer-events, auto)}.bm-switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;--webkit-appearance: none;--moz-appearance: none;position:relative;display:inline-block;flex-shrink:0;width:var(--bm-comp-input-size-choice-switch-width);height:var(--bm-comp-input-size-choice-switch-height);margin:var(--bm-sem-space-0);cursor:var(--bm-input-choice-cursor, pointer)}.bm-switch input+.bm-switch__switchBackground{position:absolute;box-sizing:border-box;width:var(--bm-comp-input-size-choice-switch-width);height:var(--bm-comp-input-size-choice-switch-height);border:var(--bm-comp-input-border-width-choice) solid var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-choice-switch);background-color:var(--bm-comp-input-color-bg);transition:background-color .2s ease-in-out,box-shadow .2s ease-in}.bm-switch input+.bm-switch__switchBackground:before,.bm-switch input+.bm-switch__switchBackground:after{content:"";position:absolute;height:var(--bm-sem-size-icon-xs);width:var(--bm-sem-size-icon-xs);top:50%;transform:translateY(-50%)}.bm-switch input+.bm-switch__switchBackground:before{display:none;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 16.1698L4.83 11.9998L3.41 13.4098L9 18.9998L21 6.99984L19.59 5.58984L9 16.1698Z' fill='currentColor'/%3E%3C/svg%3E");left:.3125rem;background-color:var(--bm-comp-input-color-icon)}.bm-switch input+.bm-switch__switchBackground:after{display:block;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z' fill='currentColor'/%3E%3C/svg%3E");right:.3125rem;background-color:var(--bm-comp-input-color-icon)}.bm-switch input:after{z-index:1;position:absolute;box-sizing:border-box;content:"";width:var(--bm-comp-input-size-choice-switch-knob);height:var(--bm-comp-input-size-choice-switch-knob);top:50%;transform:translate(0) translateY(-50%);left:.1875rem;background-color:var(--bm-comp-input-color-icon);border-radius:var(--bm-sem-radius-round);transition:left .2s ease-in-out}.bm-switch input:checked+.bm-switch__switchBackground{background-color:var(--bm-comp-input-color-choice-switch-selected-bg);border-color:var(--bm-comp-input-color-choice-switch-selected-border)}.bm-switch input:checked+.bm-switch__switchBackground:before{display:block;background-color:var(--bm-comp-input-color-choice-switch-selected-icon)}.bm-switch input:checked+.bm-switch__switchBackground:after{display:none;background-color:var(--bm-comp-input-color-choice-switch-selected-bg)}.bm-switch input:checked:after{background-color:var(--bm-comp-input-color-choice-switch-selected-icon);left:calc(var(--bm-comp-input-size-choice-switch-width) - (.1875rem + var(--bm-comp-input-size-choice-switch-knob)))}.bm-switch input:focus-visible{outline:none}.bm-switch input:focus-visible+.bm-switch__switchBackground{outline-offset:var(--bm-sem-size-focus-offset);outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus)}.bm-switch--read-only .bm-switch__label span{color:var(--bm-comp-input-color-text)}.bm-switch--read-only input:read-only+.bm-switch__switchBackground{background-color:var(--bm-comp-input-color-bg-disabled);border-color:var(--bm-comp-input-color-border-disabled)}.bm-switch--read-only input:read-only+.bm-switch__switchBackground:after,.bm-switch--read-only input:read-only+.bm-switch__switchBackground:before{background-color:var(--bm-comp-input-color-icon)}.bm-switch--read-only input:read-only:after{background-color:var(--bm-comp-input-color-icon)}.bm-switch--disabled .bm-switch__label span{color:var(--bm-comp-input-color-text-disabled)}.bm-switch--disabled input:disabled+.bm-switch__switchBackground{background-color:var(--bm-comp-input-color-bg-disabled);border-color:var(--bm-comp-input-color-border-disabled)}.bm-switch--disabled input:disabled+.bm-switch__switchBackground:after,.bm-switch--disabled input:disabled+.bm-switch__switchBackground:before{background-color:var(--bm-comp-input-color-icon-disabled)}.bm-switch--disabled input:disabled:after{background-color:var(--bm-comp-input-color-icon-disabled)}.bm-switch--before .bm-switch__label{flex-direction:row-reverse}.bm-switch--after .bm-switch__label{flex-direction:row}`;
 var R = Object.defineProperty, M = Object.getOwnPropertyDescriptor, k = (e) => {
@@ -121,7 +121,7 @@ u = /* @__PURE__ */ new WeakMap();
 f = /* @__PURE__ */ new WeakMap();
 v = /* @__PURE__ */ new WeakMap();
 t.styles = z(D);
-P(t);
+L(t);
 m([
   _({ context: E, subscribe: !0 }),
   a({ attribute: !1 })
@@ -148,7 +148,7 @@ m([
   a({ type: String })
 ], t.prototype, "value", 2);
 t = m([
-  L("bm-switch")
+  P("bm-switch")
 ], t);
 export {
   t as BmSwitch

package/wip/Switch/SwitchGroup/SwitchGroup.js

@@ -1,4 +1,4 @@
-import { c as u } from "../../../chunks/register-custom-element.DHGKOhmA.js";
+import { c as u } from "../../../chunks/register-custom-element.D_kw6JXe.js";
 import { InputChoiceGroup as l } from "../../../InputChoiceGroup/InputChoiceGroup.js";
 var n = Object.getOwnPropertyDescriptor, a = (t, o, m, p) => {
   for (var r = p > 1 ? void 0 : p ? n(o, m) : o, e = t.length - 1, s; e >= 0; e--)