@brandsync/wc 1.7.0 → 1.9.0

package/custom-elements.json

@@ -1145,6 +1145,15 @@
               "reflects": true
             }
           ],
+          "events": [
+            {
+              "name": "bsNavigate",
+              "description": "Fires when the crumb's link is clicked, before the browser navigates. **Cancelable**: call\n`event.preventDefault()` to stop the native navigation and route it yourself (an SPA router).\nDetail is `{ href }`. Only a plain primary-button click emits it -- ctrl/cmd/shift/alt-clicks\nand middle-clicks (open in a new tab/window) are left to the browser. Bubbles and is composed,\nso one listener on the surrounding `<bs-breadcrumbs>` covers every crumb.",
+              "type": {
+                "text": "CustomEvent<{ href: string; }>"
+              }
+            }
+          ],
           "slots": [
             {
               "name": "",
@@ -1317,6 +1326,15 @@
               "reflects": true
             }
           ],
+          "events": [
+            {
+              "name": "bsNavigate",
+              "description": "Fires when one of the popup's links is clicked, before the browser navigates. **Cancelable**\n-- see `bs-breadcrumb`'s `bsNavigate`, which this mirrors (same detail, same modified-click\nrule). Detail is `{ href }`.",
+              "type": {
+                "text": "CustomEvent<{ href: string; }>"
+              }
+            }
+          ],
           "slots": [
             {
               "name": "",
@@ -1556,7 +1574,7 @@
             },
             {
               "name": "type",
-              "description": "Native `<button>` type.",
+              "description": "Button type. `submit` submits the surrounding `<form>` (via `requestSubmit()`, so validation\nruns); `reset` resets it; `button` (default) does nothing on its own.",
               "type": {
                 "text": "\"button\" | \"reset\" | \"submit\""
               },
@@ -1617,7 +1635,7 @@
             {
               "kind": "field",
               "name": "type",
-              "description": "Native `<button>` type.",
+              "description": "Button type. `submit` submits the surrounding `<form>` (via `requestSubmit()`, so validation\nruns); `reset` resets it; `button` (default) does nothing on its own.",
               "type": {
                 "text": "\"button\" | \"reset\" | \"submit\""
               },
@@ -2959,6 +2977,23 @@
               "default": "false",
               "fieldName": "indeterminate"
             },
+            {
+              "name": "name",
+              "description": "The `name` the value is submitted under in a surrounding `<form>`'s `FormData`.",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "name"
+            },
+            {
+              "name": "required",
+              "description": "Marks the checkbox as required: the surrounding form fails validation while unchecked.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "required"
+            },
             {
               "name": "size",
               "description": "Sizing scale. Controls the box's width/height and border width; corner radius is constant\nacross all sizes.",
@@ -2972,6 +3007,15 @@
               },
               "default": "'lg'",
               "fieldName": "size"
+            },
+            {
+              "name": "value",
+              "description": "The value submitted when checked (native checkbox default: `\"on\"`).",
+              "type": {
+                "text": "string"
+              },
+              "default": "'on'",
+              "fieldName": "value"
             }
           ],
           "members": [
@@ -3004,7 +3048,8 @@
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "disabled"
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -3027,6 +3072,26 @@
               "attribute": "indeterminate",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "name",
+              "description": "The `name` the value is submitted under in a surrounding `<form>`'s `FormData`.",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "name",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "description": "Marks the checkbox as required: the surrounding form fails validation while unchecked.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "required"
+            },
             {
               "kind": "field",
               "name": "size",
@@ -3041,6 +3106,16 @@
               },
               "default": "'lg'",
               "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "description": "The value submitted when checked (native checkbox default: `\"on\"`).",
+              "type": {
+                "text": "string"
+              },
+              "default": "'on'",
+              "attribute": "value"
             }
           ],
           "events": [
@@ -4321,7 +4396,7 @@
             {
               "kind": "field",
               "name": "cellRenderer",
-              "description": "Optional custom cell renderer, e.g. for an actions column. Function props are JS-property-only,\nsame as array props -- there is no attribute equivalent. Falls back to the raw cell value.",
+              "description": "Optional custom cell renderer, for rich cells such as a status badge, a link or an actions\ncolumn. It returns an **HTML string** that is inserted into the cell as real markup\n(`innerHTML`), so links, buttons, `<img>` and other web components (e.g. `<bs-badge>`) all render.\n\n**When set it renders every cell, not just the special ones** -- return the plain value for\nordinary columns too. And **the returned string is not escaped or sanitized** (same trust\nmodel as React's `dangerouslySetInnerHTML`): escape any untrusted row data you put in it, plain\ncolumns included, or it will be interpreted as HTML. Without a `cellRenderer`, values are\nrendered as escaped text.\n\nThe markup is static HTML -- attach behavior yourself, e.g. one `click` listener on the table\nthat reads `event.composedPath()[0]` (events from inside the shadow root are retargeted to the\ntable itself).\n\nFunction props are JS-property-only, same as array props -- there is no attribute equivalent.\nFalls back to the raw cell value (as escaped text) when unset.",
               "type": {
                 "text": "(row: BsDataTableRow, column: BsDataTableColumn) => string",
                 "references": [
@@ -5337,7 +5412,7 @@
             },
             {
               "name": "type",
-              "description": "Native `<button>` type.",
+              "description": "Button type. `submit` submits the surrounding `<form>` (via `requestSubmit()`, so validation\nruns); `reset` resets it; `button` (default) does nothing on its own.",
               "type": {
                 "text": "\"button\" | \"reset\" | \"submit\""
               },
@@ -5398,7 +5473,7 @@
             {
               "kind": "field",
               "name": "type",
-              "description": "Native `<button>` type.",
+              "description": "Button type. `submit` submits the surrounding `<form>` (via `requestSubmit()`, so validation\nruns); `reset` resets it; `button` (default) does nothing on its own.",
               "type": {
                 "text": "\"button\" | \"reset\" | \"submit\""
               },
@@ -5424,7 +5499,7 @@
           "slots": [
             {
               "name": "",
-              "description": "Default slot: the icon content. Exactly one icon, no label."
+              "description": "Default slot: the icon content. Exactly one icon, no label -- an inline SVG, or an icon-font\nglyph (sized by `font-size`, which this component sets from the `size` prop)."
             }
           ],
           "cssParts": [
@@ -5456,19 +5531,19 @@
             },
             {
               "name": "--bs-icon-button-icon-size-lg",
-              "description": "Slotted icon width/height at size=\"lg\". 24px."
+              "description": "Slotted icon width/height (and font-size, for icon-font glyphs) at size=\"lg\". 24px."
             },
             {
               "name": "--bs-icon-button-icon-size-md",
-              "description": "Slotted icon width/height at size=\"md\". 20px."
+              "description": "Slotted icon width/height (and font-size, for icon-font glyphs) at size=\"md\". 20px."
             },
             {
               "name": "--bs-icon-button-icon-size-sm",
-              "description": "Slotted icon width/height at size=\"sm\". 16px."
+              "description": "Slotted icon width/height (and font-size, for icon-font glyphs) at size=\"sm\". 16px."
             },
             {
               "name": "--bs-icon-button-icon-size-xs",
-              "description": "Slotted icon width/height at size=\"xs\". 8px."
+              "description": "Slotted icon width/height (and font-size, for icon-font glyphs) at size=\"xs\". 8px."
             },
             {
               "name": "--bs-icon-button-info-default",
@@ -5695,6 +5770,22 @@
               },
               "default": "false",
               "fieldName": "selected"
+            },
+            {
+              "name": "tabbable",
+              "description": "Set by a parent `bs-tabs` to implement roving tabindex (only one tab in the group is in the\nTab order; arrow keys move between them). Left `undefined` for a standalone tab, which stays\na normal tab stop.",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "tabbable"
+            },
+            {
+              "name": "value",
+              "description": "Identifies this tab within a parent `bs-tabs`: the group's `value` is the selected tab's\n`value`, and `bsChange` reports it. Optional -- a tab without one is identified by its\nzero-based position in the group (`\"0\"`, `\"1\"`...).",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "value"
             }
           ],
           "members": [
@@ -5728,6 +5819,25 @@
               "default": "false",
               "attribute": "selected",
               "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "tabbable",
+              "description": "Set by a parent `bs-tabs` to implement roving tabindex (only one tab in the group is in the\nTab order; arrow keys move between them). Left `undefined` for a standalone tab, which stays\na normal tab stop.",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "tabbable"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "description": "Identifies this tab within a parent `bs-tabs`: the group's `value` is the selected tab's\n`value`, and `bsChange` reports it. Optional -- a tab without one is identified by its\nzero-based position in the group (`\"0\"`, `\"1\"`...).",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "value",
+              "reflects": true
             }
           ],
           "events": [
@@ -5959,6 +6069,14 @@
               },
               "fieldName": "min"
             },
+            {
+              "name": "name",
+              "description": "The `name` the value is submitted under in a surrounding `<form>`'s `FormData`.",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "name"
+            },
             {
               "name": "open",
               "description": "Whether the `type=\"dropdown\"` trigger is open. Reflects to an attribute so consumers can style\nan open state via CSS. When `options` is non-empty, this also controls whether the `bs-menu`\nof `bs-menu-item`s is rendered below the field.",
@@ -6064,7 +6182,8 @@
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "disabled"
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -6120,6 +6239,16 @@
               },
               "attribute": "min"
             },
+            {
+              "kind": "field",
+              "name": "name",
+              "description": "The `name` the value is submitted under in a surrounding `<form>`'s `FormData`.",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "name",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "open",
@@ -6737,7 +6866,7 @@
           "customElement": true,
           "tagName": "bs-navigation-drawer",
           "name": "BsNavigationDrawer",
-          "description": "A left-side persistent navigation sidebar: the BrandSync logo, a \"Main Menu\" title with a\ncollapse toggle, a reserved slot for a search field, and a scrollable list of nav items.\n\n## When to use\n- The primary in-app navigation, shown alongside `bs-navigation-header` (typically that\n  header's `with-navigation-drawer` alignment, which omits its own logo since this component\n  already renders one -- or the reverse pairing, this drawer's own `showLogo={false}` alongside\n  a header that keeps its logo instead, see that prop's own docs).\n\n## When not to use\n- The top navigation bar itself -- use `bs-navigation-header` instead.\n\nThis component renders a real `<nav>` landmark (no explicit `role` needed -- `<nav>` already\ncarries the implicit `navigation` role), labeled via `aria-label={heading}` so the landmark\nstill has a name even when collapsed (see below).\n\n`collapsed` narrows the drawer to a 96px icon-only rail, per Figma node 8028:135374\n(\"Type=Collapsed\"): the title text disappears, the logo swaps from the full \"EG BrandSync\"\nwordmark (`bs-logo variant=\"full\"`) to the real icon-only mark (`bs-logo variant=\"mark\"` -- a\nsecond, properly-designed asset, not a CSS crop of the full one) via CSS visibility toggling on\nboth, the same `:host([collapsed])` attribute-selector pattern already used for the\n`search`/`search-trigger` swap below, the `search` slot is replaced by a compact built-in\nsearch-trigger button (this component can't meaningfully shrink arbitrary slotted search-field\ncontent down to icon size itself, so it emits `bsSearchClick` instead -- e.g. to open a full\nsearch overlay), and every top-level\n`bs-navigation-drawer-item`'s layout switches from icon-beside-label to icon-above-caption.\nThat last part is real prop propagation, not a CSS trick: this component keeps each direct-child\nitem's own `collapsed` prop in sync with its own (see `syncItemsCollapsed` below), the same\ndirect-children-prop-sync approach `bs-tabs` already uses for coordinating `selected` across its\n`bs-tab` children. Clicking the toggle self-toggles `collapsed` (simple local UI state, not\nsomething needing cross-component coordination -- closer to `bs-switch`'s self-toggling\n`checked` than `bs-tab`'s non-self-toggling `selected`) and emits `bsCollapse` with the new\nvalue. The toggle's own caret icon does NOT rotate when collapsed -- Figma's collapsed mock\nreuses the identical left-pointing \"CaretLeft\" asset unchanged, confirmed by directly inspecting\nthat state, so this deliberately does not add the same \"flip on toggle\" idiom the drawer item's\nown disclosure chevron does (that one really is an unconfirmed addition; this one was checked).",
+          "description": "A left-side persistent navigation sidebar: the BrandSync logo, a \"Main Menu\" title with a\ncollapse toggle, a reserved slot for a search field, and a scrollable list of nav items.\n\n## When to use\n- The primary in-app navigation, shown alongside `bs-navigation-header` (typically that\n  header's `with-navigation-drawer` alignment, which omits its own logo since this component\n  already renders one -- or the reverse pairing, this drawer's own `showLogo={false}` alongside\n  a header that keeps its logo instead, see that prop's own docs).\n\n## When not to use\n- The top navigation bar itself -- use `bs-navigation-header` instead.\n\nThis component renders a real `<nav>` landmark (no explicit `role` needed -- `<nav>` already\ncarries the implicit `navigation` role), labeled via `aria-label={heading}` so the landmark\nstill has a name even when collapsed (see below).\n\n`collapsed` narrows the drawer to a 96px icon-only rail, per Figma node 8028:135374\n(\"Type=Collapsed\"): the title text disappears, the logo swaps from the full \"EG BrandSync\"\nwordmark (`bs-logo variant=\"full\"`) to the real icon-only mark (`bs-logo variant=\"mark\"` -- a\nsecond, properly-designed asset, not a CSS crop of the full one) via CSS visibility toggling on\nboth, the same `:host([collapsed])` attribute-selector pattern already used for the\n`search`/`search-trigger` swap below, the `search` slot is replaced by a compact built-in\nsearch-trigger button (this component can't meaningfully shrink arbitrary slotted search-field\ncontent down to icon size itself, so it emits `bsSearchClick` instead -- e.g. to open a full\nsearch overlay), and every top-level\n`bs-navigation-drawer-item`'s layout switches from icon-beside-label to icon-above-caption.\nThat last part is real prop propagation, not a CSS trick: this component keeps each direct-child\nitem's own `collapsed` prop in sync with its own (see `syncItemsCollapsed` below), the same\ndirect-children-prop-sync approach `bs-tabs` already uses for coordinating `selected` across its\n`bs-tab` children. Clicking the toggle self-toggles `collapsed` (simple local UI state, not\nsomething needing cross-component coordination -- closer to `bs-switch`'s self-toggling\n`checked` than `bs-tab`'s non-self-toggling `selected`) and emits `bsCollapse` with the new\nvalue. The toggle's own caret icon does NOT rotate when collapsed -- Figma's collapsed mock\nreuses the identical left-pointing \"CaretLeft\" asset unchanged, confirmed by directly inspecting\nthat state, so this deliberately does not add the same \"flip on toggle\" idiom the drawer item's\nown disclosure chevron does (that one really is an unconfirmed addition; this one was checked).\n\n**Small screens (768px and below)** switch to an off-canvas overlay instead of a permanent rail:\nthe drawer is hidden until `open` is set, then slides in over the page with a backdrop, fully\nexpanded (labels visible, nested items reachable). Escape or a click on the backdrop closes it and\nemits `bsClose`; focus moves into it on open and back to whatever opened it on close. The\ncollapse toggle and the compact search trigger are not shown in this mode (nothing sits behind\nthem). The drawer has no trigger of its own -- put a button in your header and set `open` from it.\nOn wider screens `open` is ignored and nothing changes.",
           "attributes": [
             {
               "name": "collapsed",
@@ -6775,6 +6904,15 @@
               "default": "'auto'",
               "fieldName": "logoBackground"
             },
+            {
+              "name": "open",
+              "description": "Small screens only (768px and below): whether the off-canvas overlay is shown. Mutable and\nreflected -- the drawer sets it back to `false` itself when the user dismisses it (Escape or\nthe backdrop), and emits `bsClose`. Ignored on wider screens, where the drawer is always in\nthe page flow. There is no built-in trigger: set this from your own button.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "open"
+            },
             {
               "name": "show-logo",
               "description": "Whether to render the BrandSync logo at all. Defaults to `true`. This drawer is normally the\none that owns the logo when paired with a `bs-navigation-header` (that header's own\n`with-navigation-drawer` alignment omits its logo for exactly this reason) -- but the reverse\npairing works too: a header that keeps its own logo (`alignment=\"default\"`) paired with this\ndrawer set to `showLogo={false}`, so the brand mark only ever appears once.",
@@ -6827,6 +6965,17 @@
               "default": "'auto'",
               "attribute": "logo-background"
             },
+            {
+              "kind": "field",
+              "name": "open",
+              "description": "Small screens only (768px and below): whether the off-canvas overlay is shown. Mutable and\nreflected -- the drawer sets it back to `false` itself when the user dismisses it (Escape or\nthe backdrop), and emits `bsClose`. Ignored on wider screens, where the drawer is always in\nthe page flow. There is no built-in trigger: set this from your own button.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "open",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "showLogo",
@@ -6839,6 +6988,13 @@
             }
           ],
           "events": [
+            {
+              "name": "bsClose",
+              "description": "Fires when the user dismisses the overlay (Escape, or a click on the backdrop), after `open`\nhas been set back to `false`. Does not fire when you set `open = false` yourself.",
+              "type": {
+                "text": "CustomEvent<void>"
+              }
+            },
             {
               "name": "bsCollapse",
               "description": "Fires with the new `collapsed` value when the collapse toggle button is clicked.",
@@ -6865,6 +7021,10 @@
             }
           ],
           "cssParts": [
+            {
+              "name": "backdrop",
+              "description": "The scrim behind the overlay (small screens only; clicking it closes the overlay)."
+            },
             {
               "name": "collapse",
               "description": "The collapse toggle button."
@@ -6891,6 +7051,10 @@
             }
           ],
           "cssProperties": [
+            {
+              "name": "--bs-navigation-drawer-backdrop",
+              "description": "Scrim behind the small-screen overlay. Aliased to --bs-surface-overlay-level-2."
+            },
             {
               "name": "--bs-navigation-drawer-bg",
               "description": "Background of the drawer. Aliased to --bs-surface-base."
@@ -6931,6 +7095,18 @@
               "name": "--bs-navigation-drawer-items-gap",
               "description": "Gap between top-level item rows in the items list. Aliased to --bs-spacing-100."
             },
+            {
+              "name": "--bs-navigation-drawer-overlay-duration",
+              "description": "Slide/fade duration of the small-screen overlay. Aliased to --bs-duration-default."
+            },
+            {
+              "name": "--bs-navigation-drawer-overlay-shadow",
+              "description": "Shadow of the small-screen overlay panel. Aliased to --bs-shadow-lg."
+            },
+            {
+              "name": "--bs-navigation-drawer-overlay-z-index",
+              "description": "Stacking order of the small-screen overlay (the panel sits one above its backdrop). Aliased to --bs-z-index-modal."
+            },
             {
               "name": "--bs-navigation-drawer-padding-left",
               "description": "Left padding. Aliased to --bs-spacing-300 -- note this is deliberately different from --bs-navigation-drawer-padding-right (below), per the Figma spec. Both are ignored (set to 0) while `collapsed` -- see Figma node 8028:135374, which uses `px-0` for the collapsed rail."
@@ -6981,7 +7157,7 @@
             },
             {
               "name": "--bs-navigation-drawer-width",
-              "description": "Default width of the drawer. 280px, matching Figma's own frame -- overridable by a consumer that needs a different fixed width. Below a 768px viewport width, this is overridden by a `@media (max-width: 768px)` rule that forces the existing `collapsed` 96px icon-only rail treatment instead (see --bs-navigation-drawer-collapsed-width below), so the drawer stops reserving a permanent 280px of layout width on small screens."
+              "description": "Default width of the drawer. 280px, matching Figma's own frame -- overridable by a consumer that needs a different fixed width. At 768px and below the drawer is an off-canvas overlay (see `open`) of this same width (capped at the viewport width), so it stops reserving a permanent 280px of layout width on small screens."
             }
           ]
         }
@@ -7473,15 +7649,15 @@
             },
             {
               "name": "--bs-navigation-header-max-width",
-              "description": "Overall max-width of the bar. The global vendored --bs-breakpoints-max-width token is malformed (`1920rem` instead of `1920px` -- at a 16px root font size that's ~30720px, effectively unconstrained), so this is a literal 1920px instead of aliasing to it."
+              "description": "Overall max-width of the bar. Defaults to `none`, so an app-shell header spans its container (a 1920px default stopped the bar short on screens wider than that while the content below kept going). Set a length, e.g. `1920px`, to cap it. The global vendored --bs-breakpoints-max-width token is not used: it is malformed (`1920rem` instead of `1920px`)."
             },
             {
               "name": "--bs-navigation-header-padding-bottom",
-              "description": "Aliased to --bs-spacing-100."
+              "description": "Aliased to --bs-spacing-100 (8px). See the top padding above for why it is smaller."
             },
             {
               "name": "--bs-navigation-header-padding-top",
-              "description": "Aliased to --bs-spacing-200."
+              "description": "Aliased to --bs-spacing-200 (16px). Deliberately larger than the bottom padding to match the Figma design, so slotted content sits about 4px below the bar's vertical center. For true vertical centering set both paddings to --bs-spacing-150."
             },
             {
               "name": "--bs-navigation-header-padding-x",
@@ -7756,6 +7932,15 @@
           "name": "BsProgress",
           "description": "A circular progress indicator -- either a static ring showing a percentage sweep\n(`type=\"determinate\"`) or a continuously spinning ring signaling in-progress work with no known\ncompletion percentage (`type=\"indeterminate\"`).\n\n## When to use\n- Showing the progress of a task with a known, quantifiable completion percentage (`determinate`).\n- Signaling that work is happening in the background with no meaningful percentage to report\n  (`indeterminate`), e.g. while waiting on a network response.\n\n## When not to use\n- For a horizontal, bar-shaped progress indicator -- this component is a ring, not a bar.\n- For a percentage that's better expressed as plain text, without the reserved space and visual\n  weight of a ring.",
           "attributes": [
+            {
+              "name": "aria-label",
+              "description": "Accessible name for the progress bar (e.g. \"Uploading report\"). Required for assistive tech --\na `role=\"progressbar\"` with no name is an axe-core `aria-progressbar-name` violation. Setting\n`aria-label` on the host doesn't reach the inner element across the shadow boundary, so this\nprop binds it directly -- same pattern as `bs-button`'s `ariaLabel`.",
+              "type": {
+                "text": "string"
+              },
+              "default": "null",
+              "fieldName": "ariaLabel"
+            },
             {
               "name": "show-label",
               "description": "Shows the `${value}%` label below the ring. Only takes effect for `type=\"determinate\"` --\n`indeterminate` never shows a label regardless of this prop, since there's no percentage to\nshow. Defaults to `true`.",
@@ -7818,6 +8003,16 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "description": "Accessible name for the progress bar (e.g. \"Uploading report\"). Required for assistive tech --\na `role=\"progressbar\"` with no name is an axe-core `aria-progressbar-name` violation. Setting\n`aria-label` on the host doesn't reach the inner element across the shadow boundary, so this\nprop binds it directly -- same pattern as `bs-button`'s `ariaLabel`.",
+              "type": {
+                "text": "string"
+              },
+              "default": "null",
+              "attribute": "aria-label"
+            },
             {
               "kind": "field",
               "name": "showLabel",
@@ -8212,7 +8407,7 @@
             },
             {
               "name": "name",
-              "description": "The native radio input's `name` attribute. Passed straight through to the native input inside.\nNOTE: because each `bs-radio` renders its own shadow root, native `<input type=\"radio\">`\nmutual-exclusion grouping (which the HTML spec scopes to a single DOM tree) does NOT extend\nacross separate `bs-radio` instances sharing the same `name` -- checking one will not natively\nuncheck another. Within a single instance this still behaves like a normal radio input. See\nbs-radio.mdx's Accessibility section for this known gap; consumers building a group currently\nneed to manage mutual exclusivity themselves (e.g. via `bsChange`) until a `bs-radio-group`\nwrapper exists.",
+              "description": "The native radio input's `name` attribute. Passed straight through to the native input inside.\nAlso the group key: `bs-radio` elements sharing a `name` within the same root (document or\nshadow root) behave as one radio group -- checking one unchecks the others, arrow keys move\nbetween them, and only one is in the tab order. Native grouping can't cross each radio's own\nshadow root, so this component implements it itself.",
               "type": {
                 "text": "string"
               },
@@ -8247,16 +8442,18 @@
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "disabled"
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
               "name": "name",
-              "description": "The native radio input's `name` attribute. Passed straight through to the native input inside.\nNOTE: because each `bs-radio` renders its own shadow root, native `<input type=\"radio\">`\nmutual-exclusion grouping (which the HTML spec scopes to a single DOM tree) does NOT extend\nacross separate `bs-radio` instances sharing the same `name` -- checking one will not natively\nuncheck another. Within a single instance this still behaves like a normal radio input. See\nbs-radio.mdx's Accessibility section for this known gap; consumers building a group currently\nneed to manage mutual exclusivity themselves (e.g. via `bsChange`) until a `bs-radio-group`\nwrapper exists.",
+              "description": "The native radio input's `name` attribute. Passed straight through to the native input inside.\nAlso the group key: `bs-radio` elements sharing a `name` within the same root (document or\nshadow root) behave as one radio group -- checking one unchecks the others, arrow keys move\nbetween them, and only one is in the tab order. Native grouping can't cross each radio's own\nshadow root, so this component implements it itself.",
               "type": {
                 "text": "string"
               },
-              "attribute": "name"
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -8271,7 +8468,7 @@
           "events": [
             {
               "name": "bsChange",
-              "description": "Emitted with this radio's own `value` when it becomes checked via user interaction. Since\nnative same-`name` grouping doesn't cross shadow-root boundaries (see the `name` prop's doc),\na consumer wiring up a group of `bs-radio`s must itself set `checked = false` on the others in\nresponse to this event -- there's no automatic un-checking to rely on here.",
+              "description": "Emitted with this radio's own `value` when it becomes checked via user interaction. Since\nnative same-`name` grouping doesn't cross shadow-root boundaries (see the `name` prop's doc),\na consumer wiring up a group of `bs-radio`s does not need to un-check the others itself.",
               "type": {
                 "text": "CustomEvent<string>"
               }
@@ -8394,6 +8591,14 @@
               "default": "0",
               "fieldName": "min"
             },
+            {
+              "name": "name",
+              "description": "The `name` the value is submitted under in a surrounding `<form>`'s `FormData`. `type=\"range\"`\nsubmits two entries under this name: the start value, then the end value.",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "name"
+            },
             {
               "name": "segments",
               "description": "Number of equal divisions marked by tick lines along the track, for `type=\"segmented\"` only.\nThe first tick (at the very start of the track) is rendered with `opacity: 0` to keep the\ntick spacing math consistent while not visually doubling up with the track's own start edge --\nthis matches the design spec, not a bug.",
@@ -8480,7 +8685,8 @@
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "disabled"
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -8512,6 +8718,16 @@
               "default": "0",
               "attribute": "min"
             },
+            {
+              "kind": "field",
+              "name": "name",
+              "description": "The `name` the value is submitted under in a surrounding `<form>`'s `FormData`. `type=\"range\"`\nsubmits two entries under this name: the start value, then the end value.",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "name",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "segments",
@@ -9603,6 +9819,14 @@
               "default": "false",
               "fieldName": "disabled"
             },
+            {
+              "name": "name",
+              "description": "The `name` the value is submitted under in a surrounding `<form>`'s `FormData`.",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "name"
+            },
             {
               "name": "size",
               "description": "Sizing scale. Controls the track's width/height and the knob's diameter.",
@@ -9616,6 +9840,15 @@
               },
               "default": "'lg'",
               "fieldName": "size"
+            },
+            {
+              "name": "value",
+              "description": "The value submitted when on (native checkbox default: `\"on\"`).",
+              "type": {
+                "text": "string"
+              },
+              "default": "'on'",
+              "fieldName": "value"
             }
           ],
           "members": [
@@ -9648,7 +9881,18 @@
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "disabled"
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "description": "The `name` the value is submitted under in a surrounding `<form>`'s `FormData`.",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -9664,6 +9908,16 @@
               },
               "default": "'lg'",
               "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "description": "The value submitted when on (native checkbox default: `\"on\"`).",
+              "type": {
+                "text": "string"
+              },
+              "default": "'on'",
+              "attribute": "value"
             }
           ],
           "events": [
@@ -9867,6 +10121,22 @@
               },
               "default": "false",
               "fieldName": "selected"
+            },
+            {
+              "name": "tabbable",
+              "description": "Set by a parent `bs-tabs` to implement roving tabindex (only one tab in the group is in the\nTab order; arrow keys move between them). Left `undefined` for a standalone tab, which stays\na normal tab stop.",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "tabbable"
+            },
+            {
+              "name": "value",
+              "description": "Identifies this tab within a parent `bs-tabs`: the group's `value` is the selected tab's\n`value`, and `bsChange` reports it. Optional -- a tab without one is identified by its\nzero-based position in the group (`\"0\"`, `\"1\"`...).",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "value"
             }
           ],
           "members": [
@@ -9915,6 +10185,25 @@
               "default": "false",
               "attribute": "selected",
               "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "tabbable",
+              "description": "Set by a parent `bs-tabs` to implement roving tabindex (only one tab in the group is in the\nTab order; arrow keys move between them). Left `undefined` for a standalone tab, which stays\na normal tab stop.",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "tabbable"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "description": "Identifies this tab within a parent `bs-tabs`: the group's `value` is the selected tab's\n`value`, and `bsChange` reports it. Optional -- a tab without one is identified by its\nzero-based position in the group (`\"0\"`, `\"1\"`...).",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "value",
+              "reflects": true
             }
           ],
           "events": [
@@ -10105,6 +10394,14 @@
               },
               "default": "'bs-tab'",
               "fieldName": "type"
+            },
+            {
+              "name": "value",
+              "description": "The selected tab's `value`. Mutable and reflected: it follows the user's selection, and\nsetting it from outside (attribute or property) selects the matching tab -- without emitting\n`bsChange`, which only fires for user-driven changes. A tab's value is its own `value` prop,\nor, for a tab without one, its zero-based position in the group as a string (`\"0\"`, `\"1\"`...).\nIf unset, it is read from whichever tab is already `selected` once the group loads.",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "value"
             }
           ],
           "members": [
@@ -10137,6 +10434,25 @@
               },
               "default": "'bs-tab'",
               "attribute": "type"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "description": "The selected tab's `value`. Mutable and reflected: it follows the user's selection, and\nsetting it from outside (attribute or property) selects the matching tab -- without emitting\n`bsChange`, which only fires for user-driven changes. A tab's value is its own `value` prop,\nor, for a tab without one, its zero-based position in the group as a string (`\"0\"`, `\"1\"`...).\nIf unset, it is read from whichever tab is already `selected` once the group loads.",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "value",
+              "reflects": true
+            }
+          ],
+          "events": [
+            {
+              "name": "bsChange",
+              "description": "Fires when the user selects a different tab (click, or arrow/Home/End), with the new\n`value`. Does not fire when `value` is set programmatically. `bsSelect` on the individual tab\nstill fires as before.",
+              "type": {
+                "text": "CustomEvent<{ value: string; }>"
+              }
             }
           ],
           "slots": [