@viasat/beam-web-components 2.29.1 → 2.36.0

package/vscode.html-custom-data.json

@@ -61,87 +61,6 @@
         }
       ]
     },
-    {
-      "name": "bm-badge",
-      "description": "`bm-badge`\n\n### Attributes:\n- **appearance**  - Specify the appearance of the Badge\n- **theme**  - Theme of the Badge\n- **size**  - Specify the size of the Badge\n- **emphasis**  - Specify the emphasis of the Badge\n- **hideIcon**  - Hides Badge icon\n---\n\n\n### **Slots:**\n - **default** - Provide text for the Badge\n- **icon** - Specify a different icon for the Badge",
-      "attributes": [
-        {
-          "name": "appearance",
-          "description": "Specify the appearance of the Badge",
-          "values": [
-            { "name": "infoPrimary" },
-            { "name": "infoSecondary" },
-            { "name": "positive" },
-            { "name": "warning" },
-            { "name": "negative" }
-          ]
-        },
-        {
-          "name": "theme",
-          "description": "Theme of the Badge",
-          "values": [{ "name": "light" }, { "name": "dark" }]
-        },
-        {
-          "name": "size",
-          "description": "Specify the size of the Badge",
-          "values": [{ "name": "sm" }, { "name": "md" }]
-        },
-        {
-          "name": "emphasis",
-          "description": "Specify the emphasis of the Badge",
-          "values": [
-            { "name": "strong" },
-            { "name": "medium" },
-            { "name": "subtle" }
-          ]
-        },
-        { "name": "hideIcon", "description": "Hides Badge icon", "values": [] }
-      ],
-      "references": [
-        {
-          "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/components-badge"
-        }
-      ]
-    },
-    {
-      "name": "bm-badge-dot",
-      "description": "`bm-badge-dot`\n\n### Attributes:\n- **theme**  - Specify the theme of the BadgeDot. By default it inherits the theme from the parent\n- **appearance**  - Specify the appearance of the BadgeDot\n- **emphasis**  - Specify the emphasis of the BadgeDot\n- **overrideDotColor**  - Overrides default dot color\n---\n\n\n### **Slots:**\n - **default** - Provide text for the BadgeDot",
-      "attributes": [
-        {
-          "name": "theme",
-          "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
-          "values": [{ "name": "light" }, { "name": "dark" }]
-        },
-        {
-          "name": "appearance",
-          "description": "Specify the appearance of the BadgeDot",
-          "values": [
-            { "name": "infoPrimary" },
-            { "name": "infoSecondary" },
-            { "name": "positive" },
-            { "name": "warning" },
-            { "name": "negative" }
-          ]
-        },
-        {
-          "name": "emphasis",
-          "description": "Specify the emphasis of the BadgeDot",
-          "values": [{ "name": "strong" }, { "name": "subtle" }]
-        },
-        {
-          "name": "overrideDotColor",
-          "description": "Overrides default dot color",
-          "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/components-badgedot"
-        }
-      ]
-    },
     {
       "name": "bm-alert",
       "description": "`bm-alert`\n\n### Attributes:\n- **heading**  - Specify the heading text for Alert\n- **body**  - Specify the body text for Alert\n- **size**  - Specify the size of the Alert\n- **fullWidth**  - Specify if the Alert has no border radius\n- **theme**  - Specify the theme of the Alert. By default it inherits the theme from the parent\n- **appearance**  - Specify the appearance of the Alert\n- **hidden**  - Specify if the Alert is hidden\n- **hideIcon**  - Specify if the icon displays on the Alert\n- **dismissible**  - Specify if the Alert can be dismissed\n- **disableAutoFocus**  - Prevent autofocus on show\n- **disableCloseOnEscape**  - Prevent Escape from closing\n---\n\n\n### **Events:**\n - **bm-dismiss** - Dispatched when the Alert has been dismissed\n\n### **Slots:**\n - **icon** - Specify a different icon for the Alert\n- **heading** - Specify the heading text for Alert or pass the `heading` attribute to set the heading\n- **body** - Specify the body text for Alert or pass the `body` attribute to set the body\n- **actions** - Specify if actions display on the Alert",
@@ -313,6 +232,49 @@
         }
       ]
     },
+    {
+      "name": "bm-badge",
+      "description": "`bm-badge`\n\n### Attributes:\n- **appearance**  - Specify the appearance of the Badge\n- **theme**  - Theme of the Badge\n- **size**  - Specify the size of the Badge\n- **emphasis**  - Specify the emphasis of the Badge\n- **hideIcon**  - Hides Badge icon\n---\n\n\n### **Slots:**\n - **default** - Provide text for the Badge\n- **icon** - Specify a different icon for the Badge",
+      "attributes": [
+        {
+          "name": "appearance",
+          "description": "Specify the appearance of the Badge",
+          "values": [
+            { "name": "infoPrimary" },
+            { "name": "infoSecondary" },
+            { "name": "positive" },
+            { "name": "warning" },
+            { "name": "negative" }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "Theme of the Badge",
+          "values": [{ "name": "light" }, { "name": "dark" }]
+        },
+        {
+          "name": "size",
+          "description": "Specify the size of the Badge",
+          "values": [{ "name": "sm" }, { "name": "md" }]
+        },
+        {
+          "name": "emphasis",
+          "description": "Specify the emphasis of the Badge",
+          "values": [
+            { "name": "strong" },
+            { "name": "medium" },
+            { "name": "subtle" }
+          ]
+        },
+        { "name": "hideIcon", "description": "Hides Badge icon", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-badge"
+        }
+      ]
+    },
     {
       "name": "bm-box",
       "description": "`bm-box`\n\n### Attributes:\n- **backgroundColor**  - Specify the background color of a Box\n- **borderColor**  - Specify the border color of a Box\n- **borderWidth**  - Specify the border width of a Box\n- **borderRadius**  - Specify the border radius of a Box\n- **px**  - Specify before and after padding of a Box\n- **py**  - Specify top and bottom padding of a Box\n- **pTop**  - Specify top padding of a Box\n- **pBottom**  - Specify bottom padding of a Box\n- **pBefore**  - Specify before padding of a Box\n- **pAfter**  - Specify after padding of a Box\n- **mx**  - Specify before and after margin of a Box\n- **my**  - Specify top and bottom margin of a Box\n- **mTop**  - Specify top margin of a Box\n- **mBottom**  - Specify bottom margin of a Box\n- **mBefore**  - Specify before margin of a Box\n- **mAfter**  - Specify after margin of a Box\n- **m**  - Specify all margin\n- **p**  - Specify all padding\n- **gap**  - Specify gap between child elements\n- **shadow**  - Specify if a Box has a shadow\n---\n\n\n### **Slots:**\n - **default** - Provide content for the Box",
@@ -716,6 +678,44 @@
         }
       ]
     },
+    {
+      "name": "bm-badge-dot",
+      "description": "`bm-badge-dot`\n\n### Attributes:\n- **theme**  - Specify the theme of the BadgeDot. By default it inherits the theme from the parent\n- **appearance**  - Specify the appearance of the BadgeDot\n- **emphasis**  - Specify the emphasis of the BadgeDot\n- **overrideDotColor**  - Overrides default dot color\n---\n\n\n### **Slots:**\n - **default** - Provide text for the BadgeDot",
+      "attributes": [
+        {
+          "name": "theme",
+          "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
+          "values": [{ "name": "light" }, { "name": "dark" }]
+        },
+        {
+          "name": "appearance",
+          "description": "Specify the appearance of the BadgeDot",
+          "values": [
+            { "name": "infoPrimary" },
+            { "name": "infoSecondary" },
+            { "name": "positive" },
+            { "name": "warning" },
+            { "name": "negative" }
+          ]
+        },
+        {
+          "name": "emphasis",
+          "description": "Specify the emphasis of the BadgeDot",
+          "values": [{ "name": "strong" }, { "name": "subtle" }]
+        },
+        {
+          "name": "overrideDotColor",
+          "description": "Overrides default dot color",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-badgedot"
+        }
+      ]
+    },
     {
       "name": "bm-breadcrumb",
       "description": "`bm-breadcrumb`\n\n### Attributes:\n- **wrap**  - Specify if items wrap or collapse to an ellipsis\n- **itemsBeforeCollapse**  - Specify how many items show before ellipsis\n- **itemsAfterCollapse**  - Specify how many items show after ellipsis\n- **theme**  - Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent\n---\n\n\n### **Slots:**\n - **default** - Pass items to the Breadcrumb",
@@ -1036,59 +1036,6 @@
         }
       ]
     },
-    {
-      "name": "bm-icon",
-      "description": "`bm-icon`\n\n### Attributes:\n- **color**  - Specify the color of Icon\n- **size**  - Specify the size of Icon\n- **customIconSize**  - Specify a custom size for the Icon\n- **customIconColor**  - Specify a custom color for the Icon\n---\n\n\n### **Slots:**\n - **default** - Specify which Icon to display",
-      "attributes": [
-        {
-          "name": "color",
-          "description": "Specify the color of Icon",
-          "values": [
-            { "name": "primary" },
-            { "name": "secondary" },
-            { "name": "infoPrimary" },
-            { "name": "infoSecondary" },
-            { "name": "positive" },
-            { "name": "warning" },
-            { "name": "negative" },
-            { "name": "secondaryInverse" },
-            { "name": "positiveStrong" },
-            { "name": "warningStrong" },
-            { "name": "negativeStrong" },
-            { "name": "infoPrimaryStrong" },
-            { "name": "infoSecondaryStrong" },
-            { "name": "primaryInverse" }
-          ]
-        },
-        {
-          "name": "size",
-          "description": "Specify the size of Icon",
-          "values": [
-            { "name": "xs" },
-            { "name": "sm" },
-            { "name": "md" },
-            { "name": "lg" },
-            { "name": "xl" }
-          ]
-        },
-        {
-          "name": "customIconSize",
-          "description": "Specify a custom size for the Icon",
-          "values": []
-        },
-        {
-          "name": "customIconColor",
-          "description": "Specify a custom color for the Icon",
-          "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/components-icon"
-        }
-      ]
-    },
     {
       "name": "bm-input-choice-group",
       "description": "`bm-input-choice-group`\n\n### Attributes:\n- **theme**  - Specify the theme of the InputChoiceGroup. By default it inherits the theme from the parent\n- **layout**  - Specify InputChoiceGroup orientation\n\n**Deprecated**: use `orientation` and `fluid` instead\n- **orientation**  - Specify InputChoiceGroup orientation\n- **fluid**  - Specify if InputChoiceGroup should take the full width of its container\n- **required**  - Specify if InputChoiceGroup is a required input\n- **hideRequiredMarker**  - Specify if the InputChoiceGroup displays with an asterisk\n- **error**  - Specify error text and display error state of a InputChoiceGroup\n- **readOnly**  - Specify if InputChoiceGroup displays in a read-only state\n- **disabled**  - Specify if InputChoiceGroup displays in a disabled state\n---\n\n\n### **Slots:**\n - **label** - Add label text to the InputChoiceGroup\n- **helperText** - Add helper text to the InputChoiceGroup",
@@ -1158,6 +1105,59 @@
         }
       ]
     },
+    {
+      "name": "bm-icon",
+      "description": "`bm-icon`\n\n### Attributes:\n- **color**  - Specify the color of Icon\n- **size**  - Specify the size of Icon\n- **customIconSize**  - Specify a custom size for the Icon\n- **customIconColor**  - Specify a custom color for the Icon\n---\n\n\n### **Slots:**\n - **default** - Specify which Icon to display",
+      "attributes": [
+        {
+          "name": "color",
+          "description": "Specify the color of Icon",
+          "values": [
+            { "name": "primary" },
+            { "name": "secondary" },
+            { "name": "infoPrimary" },
+            { "name": "infoSecondary" },
+            { "name": "positive" },
+            { "name": "warning" },
+            { "name": "negative" },
+            { "name": "secondaryInverse" },
+            { "name": "positiveStrong" },
+            { "name": "warningStrong" },
+            { "name": "negativeStrong" },
+            { "name": "infoPrimaryStrong" },
+            { "name": "infoSecondaryStrong" },
+            { "name": "primaryInverse" }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Specify the size of Icon",
+          "values": [
+            { "name": "xs" },
+            { "name": "sm" },
+            { "name": "md" },
+            { "name": "lg" },
+            { "name": "xl" }
+          ]
+        },
+        {
+          "name": "customIconSize",
+          "description": "Specify a custom size for the Icon",
+          "values": []
+        },
+        {
+          "name": "customIconColor",
+          "description": "Specify a custom color for the Icon",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-icon"
+        }
+      ]
+    },
     {
       "name": "bm-label",
       "description": "`bm-label`\n---\n\n\n### **Slots:**\n - **text** - Specify the text for Label\n- **optional** - Specify if the Label displays as optional\n- **tooltip** - Specify if the icon displays to add a Tooltip",
@@ -1252,59 +1252,6 @@
         }
       ]
     },
-    {
-      "name": "bm-list",
-      "description": "### Attributes:\n- **kind**  - Specify the kind of List\n- **size**  - Specify the size of List\n- **density**  - Specify the density of the List\n- **indent**  - Specify if the List has an indentation.\nValid only for `unstyled` and `withIcons` List kinds.\n---\n\n\n### **Slots:**\n - **default** - Add list items to create a List",
-      "attributes": [
-        {
-          "name": "kind",
-          "description": "Specify the kind of List",
-          "values": [
-            { "name": "ordered" },
-            { "name": "unordered" },
-            { "name": "unstyled" },
-            { "name": "withIcons" }
-          ]
-        },
-        {
-          "name": "size",
-          "description": "Specify the size of List",
-          "values": [
-            { "name": "sm" },
-            { "name": "md" },
-            { "name": "lg" },
-            { "name": "xl" }
-          ]
-        },
-        {
-          "name": "density",
-          "description": "Specify the density of the List",
-          "values": [{ "name": "md" }, { "name": "lg" }]
-        },
-        {
-          "name": "indent",
-          "description": "Specify if the List has an indentation.\nValid only for `unstyled` and `withIcons` List kinds.",
-          "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/components-list"
-        }
-      ]
-    },
-    {
-      "name": "bm-list-item",
-      "description": "\n---\n\n\n### **Slots:**\n - **icon** - Specify an Icon for the List.Item\n- **default** - Specify the text for List.Item",
-      "attributes": [],
-      "references": [
-        {
-          "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/components-list"
-        }
-      ]
-    },
     {
       "name": "bm-progress-bar",
       "description": "`bm-progress-bar`\n\n### Attributes:\n- **state**  - Specify the ProgressBar state\n- **size**  - Specify the size of the ProgressBar\n- **label**  - Provide text for the ProgressBar label\n- **helperText**  - Specify helperText for ProgressBar. helperText is required for the Error state.\n- **fullWidth**  - Specify if the ProgressBar has no corner radius\n- **theme**  - Specify the theme of the ProgressBar. By default it inherits the theme from the parent\n- **value**  - Specify if a ProgressBar is determinate by setting a value between 0 and 100.\n- **progressbarAriaLabel**  - Specify the aria-label for the ProgressBar\n---\n",
@@ -1361,6 +1308,59 @@
         }
       ]
     },
+    {
+      "name": "bm-list",
+      "description": "### Attributes:\n- **kind**  - Specify the kind of List\n- **size**  - Specify the size of List\n- **density**  - Specify the density of the List\n- **indent**  - Specify if the List has an indentation.\nValid only for `unstyled` and `withIcons` List kinds.\n---\n\n\n### **Slots:**\n - **default** - Add list items to create a List",
+      "attributes": [
+        {
+          "name": "kind",
+          "description": "Specify the kind of List",
+          "values": [
+            { "name": "ordered" },
+            { "name": "unordered" },
+            { "name": "unstyled" },
+            { "name": "withIcons" }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Specify the size of List",
+          "values": [
+            { "name": "sm" },
+            { "name": "md" },
+            { "name": "lg" },
+            { "name": "xl" }
+          ]
+        },
+        {
+          "name": "density",
+          "description": "Specify the density of the List",
+          "values": [{ "name": "md" }, { "name": "lg" }]
+        },
+        {
+          "name": "indent",
+          "description": "Specify if the List has an indentation.\nValid only for `unstyled` and `withIcons` List kinds.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-list"
+        }
+      ]
+    },
+    {
+      "name": "bm-list-item",
+      "description": "\n---\n\n\n### **Slots:**\n - **icon** - Specify an Icon for the List.Item\n- **default** - Specify the text for List.Item",
+      "attributes": [],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-list"
+        }
+      ]
+    },
     {
       "name": "bm-segmented-control",
       "description": "`bm-segmented-control`\n\n### Attributes:\n- **disabled**  - Specify if all SegmentedControl items are disabled\n- **size**  - Specify the size of a SegmentedControl\n- **initialSelection**  - Specify the value of the initially selected item\n- **fluid**  - Specify if the SegmentedControl is fluid with its parent container\n---\n\n\n### **Events:**\n - **bm-change** - Dispatched when a `SegmentedControlItem` is selected, with the selected value in the `detail` property",
@@ -2211,6 +2211,51 @@
         }
       ]
     },
+    {
+      "name": "bm-form",
+      "description": "`bm-form`\n---\n\n\n### **Events:**\n - **submit** - Validates the inputs and submits the form\n\n### **Slots:**\n - **slot** - Add controls to the Form",
+      "attributes": [
+        {
+          "name": "validationMode",
+          "description": "Specify if validation runs on change or when loosing focus",
+          "values": [
+            { "name": "onChange" },
+            { "name": "onBlur" },
+            { "name": "onSubmit" }
+          ]
+        },
+        {
+          "name": "initialValues",
+          "description": "Specify initial values on Form controls based on their names",
+          "values": [{ "name": "Record<string" }, { "name": "FormValue>" }]
+        },
+        {
+          "name": "required",
+          "description": "Specify if input is a required",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Specify if input is a disabled",
+          "values": []
+        },
+        {
+          "name": "readOnly",
+          "description": "Specify if input is a read only",
+          "values": []
+        },
+        { "name": "action", "values": [] },
+        { "name": "method", "values": [] },
+        { "name": "target", "values": [] },
+        { "name": "enctype", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-form"
+        }
+      ]
+    },
     {
       "name": "bm-native-select",
       "description": "`bm-native-select`\n---\n\n\n### **Slots:**\n - **slot** - Specify Options for NativeSelect\n- **label** - Specify Label for NativeSelect\n- **helper-text** - Specify HelperText for NativeSelect",
@@ -2276,51 +2321,6 @@
         }
       ]
     },
-    {
-      "name": "bm-form",
-      "description": "`bm-form`\n---\n\n\n### **Events:**\n - **submit** - Validates the inputs and submits the form\n\n### **Slots:**\n - **slot** - Add controls to the Form",
-      "attributes": [
-        {
-          "name": "validationMode",
-          "description": "Specify if validation runs on change or when loosing focus",
-          "values": [
-            { "name": "onChange" },
-            { "name": "onBlur" },
-            { "name": "onSubmit" }
-          ]
-        },
-        {
-          "name": "initialValues",
-          "description": "Specify initial values on Form controls based on their names",
-          "values": [{ "name": "Record<string" }, { "name": "FormValue>" }]
-        },
-        {
-          "name": "required",
-          "description": "Specify if input is a required",
-          "values": []
-        },
-        {
-          "name": "disabled",
-          "description": "Specify if input is a disabled",
-          "values": []
-        },
-        {
-          "name": "readOnly",
-          "description": "Specify if input is a read only",
-          "values": []
-        },
-        { "name": "action", "values": [] },
-        { "name": "method", "values": [] },
-        { "name": "target", "values": [] },
-        { "name": "enctype", "values": [] }
-      ],
-      "references": [
-        {
-          "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-form"
-        }
-      ]
-    },
     {
       "name": "bm-radio-button",
       "description": "`bm-radio-button`\n\n### Attributes:\n- **label**  - Specify the text for the label\n- **error**  - Specify error text and display error state of a RadioButton\n- **readOnly**  - Specify if RadioButton displays in a read-only state\n- **disabled**  - Specify if RadioButton displays in a disabled state\n- **theme**  - Specify the theme of the RadioButton. By default it inherits the theme from the parent\n- **value**  - The value attribute for the input element\n- **checked**  - The checked attribute for the input element\n- **onKeyDown**  - A user-defined function to handle keydown events\n---\n",

package/wip/Checkbox/Checkbox.js

@@ -1,5 +1,5 @@
 import { consume as k } from "@lit/context";
-import { unsafeCSS as y, LitElement as _, nothing as u, html as h } from "lit";
+import { unsafeCSS as y, LitElement as _, nothing as h, html as u } from "lit";
 import { property as i } from "lit/decorators.js";
 import w from "clsx";
 import { g as z } from "../../chunks/classNames.Cq_tbDRp.js";
@@ -7,39 +7,39 @@ import { t as C } from "../../chunks/constants.jOWREYQE.js";
 import { r as S } from "../../chunks/delegate.baxDQosr.js";
 import { c as $ } from "../../chunks/register-custom-element.DHGKOhmA.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-utility-color-accent-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-utility-color-accent-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-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-utility-color-accent-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-default: 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: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--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-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: 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-utility-color-accent-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-utility-color-accent-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-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-utility-color-accent-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-default: 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: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--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-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: 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-checkbox{display:inline-flex}.bm-checkbox--read-only{--bm-input-choice-cursor: default;--bm-input-choice-label-cursor: default;--bm-input-choice-label-pointer-events: none}.bm-checkbox--disabled{--bm-input-choice-cursor: not-allowed;--bm-input-choice-label-cursor: not-allowed}.bm-checkbox__label{display:inherit;word-break:break-word;color:var(--bm-comp-input-color-text);font:var(--bm-comp-input-typo-default);gap:var(--bm-comp-input-space-choice-gap-inside);cursor:var(--bm-input-choice-label-cursor, pointer)}.bm-checkbox--with-label .bm-checkbox__label .bm-checkbox__input{margin:var(--bm-comp-input-space-choice-nudge) var(--bm-sem-space-0)}.bm-checkbox--error .bm-checkbox__label{color:var(--bm-comp-input-color-text)}.bm-checkbox--error .bm-checkbox__label .bm-checkbox__input{border-color:var(--bm-comp-input-color-border-error);background-color:var(--bm-comp-input-color-bg)}.bm-checkbox--error .bm-checkbox__label .bm-checkbox__input:checked{background-color:var(--bm-comp-input-color-choice-checkbox-selected-bg-error)}.bm-checkbox--read-only .bm-checkbox__label{color:var(--bm-comp-input-color-text)}.bm-checkbox--read-only .bm-checkbox__label .bm-checkbox__input{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-checkbox--read-only .bm-checkbox__label .bm-checkbox__input:checked{background-color:var(--bm-comp-input-color-icon)}.bm-checkbox--disabled .bm-checkbox__label{color:var(--bm-comp-input-color-text-disabled)}.bm-checkbox--disabled .bm-checkbox__label .bm-checkbox__input{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-checkbox--disabled .bm-checkbox__label .bm-checkbox__input:checked{background-color:var(--bm-comp-input-color-icon-disabled)}.bm-checkbox__label .bm-checkbox__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-checkbox);height:var(--bm-comp-input-size-choice-checkbox);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-checkbox);background-color:var(--bm-comp-input-color-bg)}.bm-checkbox__label .bm-checkbox__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-checkbox__label .bm-checkbox__input:checked{border-color:var(--bm-comp-input-color-choice-checkbox-selected-border);background-color:var(--bm-comp-input-color-choice-checkbox-selected-bg)}.bm-checkbox__label .bm-checkbox__input:checked:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.178 7.363.808 4.697 0 5.598l3.178 3.573L10 1.501 9.198.6l-6.02 6.763Z' fill='%23fff'/%3E%3C/svg%3E");-webkit-mask-size:cover;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.178 7.363.808 4.697 0 5.598l3.178 3.573L10 1.501 9.198.6l-6.02 6.763Z' fill='%23fff'/%3E%3C/svg%3E");mask-size:cover;mask-position:center;mask-repeat:no-repeat;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(var(--bm-comp-input-size-choice-checkbox) * 5 / 8);height:calc(var(--bm-comp-input-size-choice-checkbox) * 5 / 8);background-color:var(--bm-comp-input-color-choice-checkbox-selected-icon)}.bm-checkbox--indeterminate .bm-checkbox__input:checked:after{height:2px;width:50%;border-radius:var(--bm-comp-input-size-choice-checkbox);-webkit-mask-image:none;mask-image:none}`;
+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-default: 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: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--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-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: 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-default: 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: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--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-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: 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-checkbox{display:inline-flex}.bm-checkbox--read-only{--bm-input-choice-cursor: default;--bm-input-choice-label-cursor: default;--bm-input-choice-label-pointer-events: none}.bm-checkbox--disabled{--bm-input-choice-cursor: not-allowed;--bm-input-choice-label-cursor: not-allowed}.bm-checkbox__label{display:inherit;word-break:break-word;color:var(--bm-comp-input-color-text);font:var(--bm-comp-input-typo-default);gap:var(--bm-comp-input-space-choice-gap-inside);cursor:var(--bm-input-choice-label-cursor, pointer)}.bm-checkbox--with-label .bm-checkbox__label .bm-checkbox__input{margin:var(--bm-comp-input-space-choice-nudge) var(--bm-sem-space-0)}.bm-checkbox--error .bm-checkbox__label{color:var(--bm-comp-input-color-text)}.bm-checkbox--error .bm-checkbox__label .bm-checkbox__input{border-color:var(--bm-comp-input-color-border-error);background-color:var(--bm-comp-input-color-bg)}.bm-checkbox--error .bm-checkbox__label .bm-checkbox__input:checked{background-color:var(--bm-comp-input-color-choice-checkbox-selected-bg-error)}.bm-checkbox--read-only .bm-checkbox__label{color:var(--bm-comp-input-color-text)}.bm-checkbox--read-only .bm-checkbox__label .bm-checkbox__input{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-checkbox--read-only .bm-checkbox__label .bm-checkbox__input:checked{background-color:var(--bm-comp-input-color-icon)}.bm-checkbox--disabled .bm-checkbox__label{color:var(--bm-comp-input-color-text-disabled)}.bm-checkbox--disabled .bm-checkbox__label .bm-checkbox__input{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-checkbox--disabled .bm-checkbox__label .bm-checkbox__input:checked{background-color:var(--bm-comp-input-color-icon-disabled)}.bm-checkbox__label .bm-checkbox__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-checkbox);height:var(--bm-comp-input-size-choice-checkbox);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-checkbox);background-color:var(--bm-comp-input-color-bg)}.bm-checkbox__label .bm-checkbox__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-checkbox__label .bm-checkbox__input:checked{border-color:var(--bm-comp-input-color-choice-checkbox-selected-border);background-color:var(--bm-comp-input-color-choice-checkbox-selected-bg)}.bm-checkbox__label .bm-checkbox__input:checked:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.178 7.363.808 4.697 0 5.598l3.178 3.573L10 1.501 9.198.6l-6.02 6.763Z' fill='%23fff'/%3E%3C/svg%3E");-webkit-mask-size:cover;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.178 7.363.808 4.697 0 5.598l3.178 3.573L10 1.501 9.198.6l-6.02 6.763Z' fill='%23fff'/%3E%3C/svg%3E");mask-size:cover;mask-position:center;mask-repeat:no-repeat;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(var(--bm-comp-input-size-choice-checkbox) * 5 / 8);height:calc(var(--bm-comp-input-size-choice-checkbox) * 5 / 8);background-color:var(--bm-comp-input-color-choice-checkbox-selected-icon)}.bm-checkbox--indeterminate .bm-checkbox__input:checked:after{height:2px;width:50%;border-radius:var(--bm-comp-input-size-choice-checkbox);-webkit-mask-image:none;mask-image:none}`;
 var E = Object.defineProperty, B = Object.getOwnPropertyDescriptor, f = (e) => {
   throw TypeError(e);
-}, m = (e, o, c, b) => {
-  for (var t = b > 1 ? void 0 : b ? B(o, c) : o, a = e.length - 1, s; a >= 0; a--)
-    (s = e[a]) && (t = (b ? s(o, c, t) : s(t)) || t);
-  return b && t && E(o, c, t), t;
+}, m = (e, o, c, t) => {
+  for (var a = t > 1 ? void 0 : t ? B(o, c) : o, b = e.length - 1, s; b >= 0; b--)
+    (s = e[b]) && (a = (t ? s(o, c, a) : s(a)) || a);
+  return t && a && E(o, c, a), a;
 }, L = (e, o, c) => o.has(e) || f("Cannot " + c), M = (e, o, c) => (L(e, o, "read from private field"), c ? c.call(e) : o.get(e)), D = (e, o, c) => o.has(e) ? f("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(e) : o.set(e, c), n;
 const { baseClassNamePrefix: G, subElementClassPrefix: v, classModifierPrefix: p } = z("checkbox");
 let r = class extends _ {
   constructor() {
-    super(...arguments), this.readOnly = !1, this.indeterminate = !1, this.disabled = !1, this.checked = !1, D(this, n, () => this.label ? h`<span>${this.label}</span>` : u);
+    super(...arguments), this.readOnly = !1, this.indeterminate = !1, this.disabled = !1, this.checked = !1, D(this, n, () => this.label ? u`<span>${this.label}</span>` : h);
   }
   clickHandler(e) {
     this.readOnly && (e.preventDefault(), e.stopPropagation());
   }
   render() {
     const { ariaInvalid: e, ariaLabel: o } = this, c = !!e || !!this.error, {
-      required: b,
-      error: t,
-      readOnly: a,
+      required: t,
+      error: a,
+      readOnly: b,
       disabled: s,
       name: g
-    } = this.inputChoiceGroupContext || {}, l = this.disabled || s, d = this.readOnly || a, x = w(
+    } = this.inputChoiceGroupContext || {}, l = this.disabled || s, d = this.readOnly || b, x = w(
       G,
       this.theme && C(this.theme),
-      (this.error || t) && `${p}error`,
+      (this.error || a) && `${p}error`,
       this.label && `${p}with-label`,
       l && `${p}disabled`,
       d && `${p}read-only`,
       this.indeterminate && `${p}indeterminate`
     );
-    return h`
+    return u`
       <div class="${x}">
         <label tabindex="{-1}" class="${v}label">
           <input
@@ -48,13 +48,13 @@ let r = class extends _ {
             value=${this.value}
             id=${this.id}
             ?checked=${this.checked}
-            ?required=${b}
+            ?required=${t}
             ?disabled=${l}
             ?readOnly=${d}
             class="${v}input"
             @click=${this.clickHandler}
             aria-label=${o}
-            aria-invalid=${c || u}
+            aria-invalid=${c || h}
           />
           ${M(this, n).call(this)}
         </label>