@viasat/beam-web-components 2.21.0 → 2.22.0

package/vscode.html-custom-data.json

@@ -61,6 +61,122 @@
         }
       ]
     },
+    {
+      "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",
+      "attributes": [
+        {
+          "name": "heading",
+          "description": "Specify the heading text for Alert",
+          "values": []
+        },
+        {
+          "name": "body",
+          "description": "Specify the body text for Alert",
+          "values": []
+        },
+        {
+          "name": "size",
+          "description": "Specify the size of the Alert",
+          "values": [{ "name": "sm" }, { "name": "md" }]
+        },
+        {
+          "name": "fullWidth",
+          "description": "Specify if the Alert has no border radius",
+          "values": []
+        },
+        {
+          "name": "theme",
+          "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
+          "values": [{ "name": "light" }, { "name": "dark" }]
+        },
+        {
+          "name": "appearance",
+          "description": "Specify the appearance of the Alert",
+          "values": [
+            { "name": "infoPrimary" },
+            { "name": "infoSecondary" },
+            { "name": "positive" },
+            { "name": "warning" },
+            { "name": "negative" }
+          ]
+        },
+        {
+          "name": "hidden",
+          "description": "Specify if the Alert is hidden",
+          "values": []
+        },
+        {
+          "name": "hideIcon",
+          "description": "Specify if the icon displays on the Alert",
+          "values": []
+        },
+        {
+          "name": "dismissible",
+          "description": "Specify if the Alert can be dismissed",
+          "values": []
+        },
+        {
+          "name": "disableAutoFocus",
+          "description": "Prevent autofocus on show",
+          "values": []
+        },
+        {
+          "name": "disableCloseOnEscape",
+          "description": "Prevent Escape from closing",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-alert"
+        }
+      ]
+    },
+    {
+      "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-avatar",
       "description": "`bm-avatar`\n\n### Attributes:\n- **appearance**  - Specify the appearance of the Avatar\n- **name**  - Specify a name to display initials in the Avatar\n- **src**  - Pass an image to the Avatar\n- **alt**  - Specify alt for image\n- **size**  - Specify the size of the Avatar\n- **disabled**  - Specify if the Avatar is disabled\n- **shape**  - Specify the shape of the Avatar\n- **isInteractive**  - If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer\n- **isFocusable**  - If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable\n- **withBorder** \n---\n\n\n### **Slots:**\n - **icon** - Customize the default icon",
@@ -197,49 +313,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-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",
@@ -643,79 +716,6 @@
         }
       ]
     },
-    {
-      "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",
-      "attributes": [
-        {
-          "name": "heading",
-          "description": "Specify the heading text for Alert",
-          "values": []
-        },
-        {
-          "name": "body",
-          "description": "Specify the body text for Alert",
-          "values": []
-        },
-        {
-          "name": "size",
-          "description": "Specify the size of the Alert",
-          "values": [{ "name": "sm" }, { "name": "md" }]
-        },
-        {
-          "name": "fullWidth",
-          "description": "Specify if the Alert has no border radius",
-          "values": []
-        },
-        {
-          "name": "theme",
-          "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
-          "values": [{ "name": "light" }, { "name": "dark" }]
-        },
-        {
-          "name": "appearance",
-          "description": "Specify the appearance of the Alert",
-          "values": [
-            { "name": "infoPrimary" },
-            { "name": "infoSecondary" },
-            { "name": "positive" },
-            { "name": "warning" },
-            { "name": "negative" }
-          ]
-        },
-        {
-          "name": "hidden",
-          "description": "Specify if the Alert is hidden",
-          "values": []
-        },
-        {
-          "name": "hideIcon",
-          "description": "Specify if the icon displays on the Alert",
-          "values": []
-        },
-        {
-          "name": "dismissible",
-          "description": "Specify if the Alert can be dismissed",
-          "values": []
-        },
-        {
-          "name": "disableAutoFocus",
-          "description": "Prevent autofocus on show",
-          "values": []
-        },
-        {
-          "name": "disableCloseOnEscape",
-          "description": "Prevent Escape from closing",
-          "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/components-alert"
-        }
-      ]
-    },
     {
       "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",
@@ -1158,6 +1158,48 @@
         }
       ]
     },
+    {
+      "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",
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Specify if the Label displays disabled",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Specify if the Label displays as required",
+          "values": []
+        },
+        {
+          "name": "text",
+          "description": "Specify the text for Label",
+          "values": []
+        },
+        {
+          "name": "optional",
+          "description": "Specify the optional text for Label",
+          "values": []
+        },
+        {
+          "name": "for",
+          "description": "Specify the id of the form element the Label is associated with.\nHandles click-to-focus across shadow DOM. See class-level remarks\nfor accessibility guidance with non-Beam inputs.",
+          "values": []
+        },
+        {
+          "name": "theme",
+          "description": "Specify the theme of the Label. By default it inherits the theme from the parent",
+          "values": [{ "name": "light" }, { "name": "dark" }]
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-label"
+        }
+      ]
+    },
     {
       "name": "bm-link",
       "description": "`bm-link`\n\n### Attributes:\n- **appearance**  - Specify the appearance of a Link\n- **bold**  - Specify if the Link displays as bold\n- **size**  - Specify the size of a Link\n- **disabled**  - Specify if the Link is disabled\n- **href**  - Specify the target link for the href attribute\n- **text**  - Provide text for the Link\n- **hideUnderline**  - Specify if Link displays with an underline\n---\n\n\n### **Slots:**\n - **default** - Provide text for the Link or use the `text` attribute\n- **iconBefore** - Specify if the Link displays icon before the text\n- **iconAfter** - Specify if the Link displays icon after the text",
@@ -2134,43 +2176,6 @@
         }
       ]
     },
-    {
-      "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",
-      "attributes": [
-        {
-          "name": "disabled",
-          "description": "Specify if the Label displays disabled",
-          "values": []
-        },
-        {
-          "name": "required",
-          "description": "Specify if the Label displays as required",
-          "values": []
-        },
-        {
-          "name": "text",
-          "description": "Specify the text for Label",
-          "values": []
-        },
-        {
-          "name": "optional",
-          "description": "Specify the text for Label",
-          "values": []
-        },
-        {
-          "name": "theme",
-          "description": "Specify the theme of the Label. By default it inherits the theme from the parent",
-          "values": [{ "name": "light" }, { "name": "dark" }]
-        }
-      ],
-      "references": [
-        {
-          "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-label"
-        }
-      ]
-    },
     {
       "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",
@@ -2288,49 +2293,6 @@
         }
       ]
     },
-    {
-      "name": "bm-switch",
-      "description": "`bm-switch`\n\n### Attributes:\n- **onText**  - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText**  - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.\n- **textPosition**  - Specify the position of the side label\n- **readOnly**  - Specify if Switch displays in a read-only state\n- **disabled**  - Specify if Switch displays in a disabled state\n- **checked** \n- **value**  - The value attribute for the input element\n---\n\n\n### **Slots:**\n - **onText** - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText** - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
-      "attributes": [
-        {
-          "name": "onText",
-          "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
-          "values": []
-        },
-        {
-          "name": "offText",
-          "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
-          "values": []
-        },
-        {
-          "name": "textPosition",
-          "description": "Specify the position of the side label",
-          "values": [{ "name": "before" }, { "name": "after" }]
-        },
-        {
-          "name": "readOnly",
-          "description": "Specify if Switch displays in a read-only state",
-          "values": []
-        },
-        {
-          "name": "disabled",
-          "description": "Specify if Switch displays in a disabled state",
-          "values": []
-        },
-        { "name": "checked", "values": [] },
-        {
-          "name": "value",
-          "description": "The value attribute for the input element",
-          "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
-        }
-      ]
-    },
     {
       "name": "bm-text-area",
       "description": "`bm-text-area`\n---\n\n\n### **Slots:**\n - **label** - Specify the label for TextArea\n- **helper-text** - Specify the helper text for TextArea",
@@ -2421,6 +2383,49 @@
         }
       ]
     },
+    {
+      "name": "bm-switch",
+      "description": "`bm-switch`\n\n### Attributes:\n- **onText**  - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText**  - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.\n- **textPosition**  - Specify the position of the side label\n- **readOnly**  - Specify if Switch displays in a read-only state\n- **disabled**  - Specify if Switch displays in a disabled state\n- **checked** \n- **value**  - The value attribute for the input element\n---\n\n\n### **Slots:**\n - **onText** - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText** - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
+      "attributes": [
+        {
+          "name": "onText",
+          "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
+          "values": []
+        },
+        {
+          "name": "offText",
+          "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
+          "values": []
+        },
+        {
+          "name": "textPosition",
+          "description": "Specify the position of the side label",
+          "values": [{ "name": "before" }, { "name": "after" }]
+        },
+        {
+          "name": "readOnly",
+          "description": "Specify if Switch displays in a read-only state",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Specify if Switch displays in a disabled state",
+          "values": []
+        },
+        { "name": "checked", "values": [] },
+        {
+          "name": "value",
+          "description": "The value attribute for the input element",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
+        }
+      ]
+    },
     {
       "name": "bm-text-field",
       "description": "`bm-text-field`\n---\n\n\n### **Slots:**\n - **label** - Specify the label for TextField\n- **helper-text** - Specify the helper text for TextField\n- **content-after** - Specify content to display after input\n- **content-before** - Specify content to display before input",

package/wip/Checkbox/Checkbox.js

@@ -1,22 +1,22 @@
 import { consume as k } from "@lit/context";
 import { unsafeCSS as y, LitElement as _, nothing as u, html as h } from "lit";
-import { property as m } from "lit/decorators.js";
+import { property as i } from "lit/decorators.js";
 import w from "clsx";
 import { g as z } from "../../chunks/classNames.Cq_tbDRp.js";
 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,[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,[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-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}`;
 var E = Object.defineProperty, B = Object.getOwnPropertyDescriptor, f = (e) => {
   throw TypeError(e);
-}, i = (e, o, r, b) => {
-  for (var t = b > 1 ? void 0 : b ? B(o, r) : o, a = e.length - 1, p; a >= 0; a--)
-    (p = e[a]) && (t = (b ? p(o, r, t) : p(t)) || t);
-  return b && t && E(o, r, t), t;
-}, L = (e, o, r) => o.has(e) || f("Cannot " + r), M = (e, o, r) => (L(e, o, "read from private field"), r ? r.call(e) : o.get(e)), D = (e, o, r) => o.has(e) ? f("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(e) : o.set(e, r), n;
-const { baseClassNamePrefix: G, subElementClassPrefix: v, classModifierPrefix: s } = z("checkbox");
-let c = class extends _ {
+}, 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;
+}, 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);
   }
@@ -24,20 +24,20 @@ let c = class extends _ {
     this.readOnly && (e.preventDefault(), e.stopPropagation());
   }
   render() {
-    const { ariaInvalid: e, ariaLabel: o } = this, r = !!e || !!this.error, {
+    const { ariaInvalid: e, ariaLabel: o } = this, c = !!e || !!this.error, {
       required: b,
       error: t,
       readOnly: a,
-      disabled: p,
+      disabled: s,
       name: g
-    } = this.inputChoiceGroupContext || {}, l = this.disabled || p, d = this.readOnly || a, x = w(
+    } = this.inputChoiceGroupContext || {}, l = this.disabled || s, d = this.readOnly || a, x = w(
       G,
       this.theme && C(this.theme),
-      (this.error || t) && `${s}error`,
-      this.label && `${s}with-label`,
-      l && `${s}disabled`,
-      d && `${s}read-only`,
-      this.indeterminate && `${s}indeterminate`
+      (this.error || t) && `${p}error`,
+      this.label && `${p}with-label`,
+      l && `${p}disabled`,
+      d && `${p}read-only`,
+      this.indeterminate && `${p}indeterminate`
     );
     return h`
       <div class="${x}">
@@ -54,7 +54,7 @@ let c = class extends _ {
             class="${v}input"
             @click=${this.clickHandler}
             aria-label=${o}
-            aria-invalid=${r || u}
+            aria-invalid=${c || u}
           />
           ${M(this, n).call(this)}
         </label>
@@ -63,42 +63,42 @@ let c = class extends _ {
   }
 };
 n = /* @__PURE__ */ new WeakMap();
-S(c);
-c.styles = y(O);
-i([
-  m({ type: String })
-], c.prototype, "theme", 2);
-i([
-  m({ type: String })
-], c.prototype, "label", 2);
-i([
-  m({ type: String })
-], c.prototype, "name", 2);
-i([
-  m({ type: String })
-], c.prototype, "value", 2);
-i([
-  m({ type: Boolean })
-], c.prototype, "error", 2);
-i([
-  m({ type: Boolean })
-], c.prototype, "readOnly", 2);
-i([
-  m({ type: Boolean })
-], c.prototype, "indeterminate", 2);
-i([
-  m({ type: Boolean })
-], c.prototype, "disabled", 2);
-i([
-  m({ type: Boolean })
-], c.prototype, "checked", 2);
-i([
+S(r);
+r.styles = y(O);
+m([
+  i({ type: String })
+], r.prototype, "theme", 2);
+m([
+  i({ type: String })
+], r.prototype, "label", 2);
+m([
+  i({ type: String })
+], r.prototype, "name", 2);
+m([
+  i({ type: String })
+], r.prototype, "value", 2);
+m([
+  i({ type: Boolean })
+], r.prototype, "error", 2);
+m([
+  i({ type: Boolean })
+], r.prototype, "readOnly", 2);
+m([
+  i({ type: Boolean })
+], r.prototype, "indeterminate", 2);
+m([
+  i({ type: Boolean })
+], r.prototype, "disabled", 2);
+m([
+  i({ type: Boolean })
+], r.prototype, "checked", 2);
+m([
   k({ context: P, subscribe: !0 }),
-  m({ attribute: !1 })
-], c.prototype, "inputChoiceGroupContext", 2);
-c = i([
+  i({ attribute: !1 })
+], r.prototype, "inputChoiceGroupContext", 2);
+r = m([
   $("bm-checkbox")
-], c);
+], r);
 export {
-  c as BmCheckbox
+  r as BmCheckbox
 };