@brandsync/wc 1.18.0 → 1.19.0

package/custom-elements.json

@@ -195,6 +195,14 @@
               "name": "--bs-accordion-content-padding-right",
               "description": "Body content right padding. Aliased to --bs-spacing-200."
             },
+            {
+              "name": "--bs-accordion-duration",
+              "description": "Expand/collapse and caret rotation length. Aliased to --bs-duration-default."
+            },
+            {
+              "name": "--bs-accordion-easing",
+              "description": "Expand/collapse and caret rotation curve. Aliased to --bs-easing-standard."
+            },
             {
               "name": "--bs-accordion-focus-ring",
               "description": "Focus-visible outer ring color. Aliased to --bs-border-neutral-focus."
@@ -2797,7 +2805,7 @@
           "slots": [
             {
               "name": "",
-              "description": "Default slot: the button's label content."
+              "description": "Default slot: the button's label content.\nBuilt from: `bs-ripple` (press feedback)."
             },
             {
               "name": "end-icon",
@@ -2820,6 +2828,10 @@
             {
               "name": "label",
               "description": "The text label element."
+            },
+            {
+              "name": "ripple",
+              "description": "The press-ripple layer (a `bs-ripple`). Tune it with `bs-button::part(ripple) { --bs-ripple-color: ...; }` (also `--bs-ripple-opacity`, `--bs-ripple-duration`)."
             }
           ]
         }
@@ -3072,7 +3084,7 @@
           "customElement": true,
           "tagName": "bs-carousel",
           "name": "BsCarousel",
-          "description": "A carousel that shows a page of slides at a time, with a tracker (dots or numbered blocks) and\nprevious/next controls, and optional auto-advance with a Pause/Play button.\n\nSlides are the default slot's direct children (a `bs-card`, an image, anything). The carousel\nshows `slidesPerView` of them at once, so there are `ceil(slides / slidesPerView)` pages. It\nmanages two things on those slide elements: the `hidden` attribute (off-page slides are hidden,\nso they leave the tab order and the accessibility tree) and, only when not already set,\n`role=\"group\"`, `aria-roledescription=\"slide\"` and an `aria-label` of \"n of N\".\n\nComposes `bs-pagination` (`tracker=\"numbers\"`), `bs-icon-button` (previous/next for\n`tracker=\"dots\"`) and `bs-button` (Pause/Play) rather than re-implementing them.\n\n## When to use\n- Browsing a set of related items (cards, images, announcements) where only a few fit at once.\n- Rotating promotional or highlight content, where auto-advance with a Pause control is wanted.\n\n## When not to use\n- Content users must see in full to complete a task -- hiding it behind paging hurts discovery;\n  lay it out in a list or grid instead.\n- A strict sequence of steps -- use `bs-stepper`.\n- Paging through a large, addressable result set -- use `bs-pagination`.",
+          "description": "A carousel that shows a page of slides at a time, with a tracker (dots or numbered blocks) and\nprevious/next controls, and optional auto-advance with a Pause/Play button.\n\nSlides are the default slot's direct children (a `bs-card`, an image, anything). The carousel\nshows `slidesPerView` of them at once, so there are `ceil(slides / slidesPerView)` pages. It\nmanages two things on those slide elements: the `hidden` attribute (off-page slides are hidden,\nso they leave the tab order and the accessibility tree) and, only when not already set,\n`role=\"group\"`, `aria-roledescription=\"slide\"` and an `aria-label` of \"n of N\".\n\nChanging page plays a short motion: the visible slides fade and slide out in the direction of travel,\nthen the next page's slides fade and slide in (reversed for previous, and mirrored in RTL). The dots\nalso grow and fade between pages. Motion length and distance follow `--bs-carousel-duration`,\n`--bs-carousel-easing` and `--bs-carousel-slide-distance`. Under `prefers-reduced-motion: reduce`\nthe duration token is `0ms`, so pages switch instantly.\n\nComposes `bs-pagination` (`tracker=\"numbers\"`), `bs-icon-button` (previous/next for\n`tracker=\"dots\"`) and `bs-button` (Pause/Play) rather than re-implementing them.\n\n## When to use\n- Browsing a set of related items (cards, images, announcements) where only a few fit at once.\n- Rotating promotional or highlight content, where auto-advance with a Pause control is wanted.\n\n## When not to use\n- Content users must see in full to complete a task -- hiding it behind paging hurts discovery;\n  lay it out in a list or grid instead.\n- A strict sequence of steps -- use `bs-stepper`.\n- Paging through a large, addressable result set -- use `bs-pagination`.",
           "attributes": [
             {
               "name": "autoplay",
@@ -3383,10 +3395,22 @@
               "name": "--bs-carousel-dots-gap",
               "description": "Gap between dots. Aliased to --bs-spacing-50."
             },
+            {
+              "name": "--bs-carousel-duration",
+              "description": "Length of a page change (slides out, then in; the dots use the same length). Aliased to --bs-duration-slow."
+            },
+            {
+              "name": "--bs-carousel-easing",
+              "description": "Curve of a page change. Aliased to --bs-easing-standard."
+            },
             {
               "name": "--bs-carousel-gap",
               "description": "Gap between visible slides. Aliased to --bs-spacing-200."
             },
+            {
+              "name": "--bs-carousel-slide-distance",
+              "description": "How far the slides travel while they fade. Aliased to --bs-spacing-400."
+            },
             {
               "name": "--bs-carousel-tracker-gap",
               "description": "Gap between the items of the tracker row (previous, dots, next, Pause). Aliased to --bs-spacing-50."
@@ -4421,6 +4445,10 @@
               "name": "regenerate",
               "description": "The \"Regenerate\" icon button."
             },
+            {
+              "name": "ripple",
+              "description": "The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`."
+            },
             {
               "name": "sources",
               "description": "The \"N sources\" button (only rendered when `sourcesCount` is set)."
@@ -4620,6 +4648,10 @@
             {
               "name": "button",
               "description": "The button element."
+            },
+            {
+              "name": "ripple",
+              "description": "The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`."
             }
           ]
         }
@@ -4865,6 +4897,10 @@
             {
               "name": "label",
               "description": "The label text wrapper."
+            },
+            {
+              "name": "ripple",
+              "description": "The press-ripple halo (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`."
             }
           ],
           "cssProperties": [
@@ -5248,6 +5284,10 @@
             {
               "name": "label",
               "description": "The text label element."
+            },
+            {
+              "name": "ripple",
+              "description": "The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`."
             }
           ],
           "cssProperties": [
@@ -5640,6 +5680,10 @@
             {
               "name": "remove",
               "description": "The trailing remove button."
+            },
+            {
+              "name": "ripple",
+              "description": "The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`."
             }
           ],
           "cssProperties": [
@@ -9132,7 +9176,7 @@
             },
             {
               "name": "footer",
-              "description": "The footer wrapper (only visible when the footer slot has content)."
+              "description": "The footer wrapper (only visible when the footer slot has content).\n\nOpening fades the backdrop in and lifts the dialog into place; closing plays the same motion in\nreverse before the dialog is removed. Length, curve and travel are `--bs-dialog-duration`,\n`--bs-dialog-easing` and `--bs-dialog-distance`. Under `prefers-reduced-motion: reduce` it is instant."
             },
             {
               "name": "header",
@@ -9146,6 +9190,20 @@
               "name": "image",
               "description": "The hero image wrapper (only visible when the `image` slot has content)."
             }
+          ],
+          "cssProperties": [
+            {
+              "name": "--bs-dialog-distance",
+              "description": "How far the dialog lifts while it fades in/out. Aliased to --bs-spacing-200."
+            },
+            {
+              "name": "--bs-dialog-duration",
+              "description": "Length of the open/close motion. Aliased to --bs-duration-default."
+            },
+            {
+              "name": "--bs-dialog-easing",
+              "description": "Curve of the open/close motion. Aliased to --bs-easing-standard."
+            }
           ]
         }
       ],
@@ -11377,6 +11435,10 @@
             {
               "name": "icon",
               "description": "The icon wrapper element."
+            },
+            {
+              "name": "ripple",
+              "description": "The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`."
             }
           ],
           "cssProperties": [
@@ -11903,6 +11965,10 @@
               "name": "label",
               "description": "The label wrapper."
             },
+            {
+              "name": "ripple",
+              "description": "The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`."
+            },
             {
               "name": "tab",
               "description": "The button element."
@@ -13600,6 +13666,10 @@
               "name": "leading",
               "description": "Wrapper around the leading slot."
             },
+            {
+              "name": "ripple",
+              "description": "The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`."
+            },
             {
               "name": "support-text",
               "description": "The support text line."
@@ -13802,7 +13872,7 @@
           "customElement": true,
           "tagName": "bs-mega-menu",
           "name": "BsMegaMenu",
-          "description": "The dropdown panel under a navigation header tab: columns of links grouped under headings, an optional\nfeatured area on the right, and a footer with recently used items and a shortcut hint. Matches the Figma\n\"Mega menu\" (types Columns, Column with featured, Compact and Compact with featured).\n\nThis is the panel only. Put it in `bs-navigation-header`'s `menu` slot, which anchors it under the bar at the\nheader's full width, and toggle the host's `hidden` attribute from the tab that\nopens it; the panel does not open or close itself. Escape inside the panel fires `bsClose` so you can close it.\n\nBuilt from `bs-card` (panel surface), `bs-menu-block` or `bs-compact-menu-block` (the links), `bs-divider` and\n`bs-key-caps` (the shortcut). The column layout, headings, featured text and footer row are plain layout\nmarkup: no component covers them.\n\n## Responsive\nThe panel reacts to its own width (a container query), not the viewport's. Below 600px it becomes one column (heading\nabove its links, featured area below), titles and descriptions wrap, links are at least 44px tall, the footer stacks\nand the default shortcut hint is hidden (`display: none`; a keyboard hint means nothing on a touch screen). A custom\n`footer-end` slot is not hidden.\n\n## When to use\n- A header tab that leads to many destinations that need grouping (Sell, Finance, Inventory).\n\n## When not to use\n- A short list of commands -- use `bs-menu` in a `bs-popover`.\n- Switching app or company -- use `bs-app-switcher` or `bs-company-switcher`.\n\n`columns`, `featured` and `recent` are arrays or objects and must be set as JS properties. Each item's `icon` is\nthe URL of a monochrome SVG. You own the data: listen to `bsMenuSelect` (cancelable: `preventDefault()` cancels the\noriginating click).",
+          "description": "The dropdown panel under a navigation header tab: columns of links grouped under headings, an optional\nfeatured area on the right, and a footer with recently used items and a shortcut hint. Matches the Figma\n\"Mega menu\" (types Columns, Column with featured, Compact and Compact with featured).\n\nThis is the panel only. Put it in `bs-navigation-header`'s `menu` slot, which anchors it under the bar at the\nheader's full width, and show it from the tab that opens it; the panel does not open or close itself. Escape\ninside the panel fires `bsClose` so you can close it.\n\nThere are two ways to show and hide it. Toggle the host's `hidden` attribute and it appears and disappears at once\n(the original contract, unchanged). Or set `open` and it fades and drops in from under the bar, then fades back out\nand is removed once the exit finishes. Leave `open` unset to keep using `hidden` only. `hidden` always wins: with it\nset the panel is not shown whatever `open` says.\n\nBuilt from `bs-card` (panel surface), `bs-menu-block` or `bs-compact-menu-block` (the links), `bs-divider` and\n`bs-key-caps` (the shortcut). The column layout, headings, featured text and footer row are plain layout\nmarkup: no component covers them.\n\n## Responsive\nThe panel reacts to its own width (a container query), not the viewport's. Below 600px it becomes one column (heading\nabove its links, featured area below), titles and descriptions wrap, links are at least 44px tall, the footer stacks\nand the default shortcut hint is hidden (`display: none`; a keyboard hint means nothing on a touch screen). A custom\n`footer-end` slot is not hidden.\n\n## When to use\n- A header tab that leads to many destinations that need grouping (Sell, Finance, Inventory).\n\n## When not to use\n- A short list of commands -- use `bs-menu` in a `bs-popover`.\n- Switching app or company -- use `bs-app-switcher` or `bs-company-switcher`.\n\n`columns`, `featured` and `recent` are arrays or objects and must be set as JS properties. Each item's `icon` is\nthe URL of a monochrome SVG. You own the data: listen to `bsMenuSelect` (cancelable: `preventDefault()` cancels the\noriginating click).",
           "attributes": [
             {
               "name": "label",
@@ -13813,6 +13883,14 @@
               "default": "'Menu'",
               "fieldName": "label"
             },
+            {
+              "name": "open",
+              "description": "Shows the panel with an enter/exit motion. Unset (the default) leaves visibility to the host's `hidden`\nattribute, which shows and hides instantly. `true` shows the panel; `false` fades it out and then removes it.\nThe panel stays in the DOM and is `inert` while it fades out.",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "open"
+            },
             {
               "name": "recent-label",
               "description": "Text before the recently used items.",
@@ -13901,6 +13979,16 @@
               "default": "'Menu'",
               "attribute": "label"
             },
+            {
+              "kind": "field",
+              "name": "open",
+              "description": "Shows the panel with an enter/exit motion. Unset (the default) leaves visibility to the host's `hidden`\nattribute, which shows and hides instantly. `true` shows the panel; `false` fades it out and then removes it.\nThe panel stays in the DOM and is `inert` while it fades out.",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "open",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "recent",
@@ -14300,6 +14388,10 @@
             {
               "name": "label",
               "description": "The label wrapper."
+            },
+            {
+              "name": "ripple",
+              "description": "The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`."
             }
           ]
         }
@@ -16530,6 +16622,10 @@
             {
               "name": "prev",
               "description": "The previous-page button."
+            },
+            {
+              "name": "ripple",
+              "description": "The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`."
             }
           ],
           "cssProperties": [
@@ -16721,6 +16817,170 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/bs-presence/bs-presence.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "bs-presence",
+          "name": "BsPresence",
+          "description": "Shows and hides slotted content with a short enter/exit transition.\n\nThe motion uses the shared duration and easing tokens (`--bs-duration-*`, `--bs-easing-*`).\nUnder `prefers-reduced-motion: reduce` those durations are already `0ms`, and this component\nforces `--bs-presence-duration` to `--bs-duration-instant` as well, so the content snaps\ninstead of moving.\n\n## When to use\n- Revealing a block that does not have its own enter/exit (a card, a form section, a panel).\n- Comparing duration and easing tokens while designing a screen.\n\n## When not to use\n- Loading placeholders (`bs-skeleton`), spinners (`bs-spinner`), or progress.\n- Dialog, snackbar, toast, and command palette — those components own their motion.",
+          "attributes": [
+            {
+              "name": "active",
+              "description": "When true, the slotted content is shown. Flipping this plays the exit or enter transition.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "active"
+            },
+            {
+              "name": "duration",
+              "description": "Length of the transition, mapped to a `--bs-duration-*` token.",
+              "type": {
+                "text": "\"default\" | \"fast\" | \"instant\" | \"slow\" | \"slower\"",
+                "references": [
+                  {
+                    "name": "BsPresenceDuration"
+                  }
+                ]
+              },
+              "default": "'default'",
+              "fieldName": "duration"
+            },
+            {
+              "name": "easing",
+              "description": "Curve of the transition, mapped to a `--bs-easing-*` token.",
+              "type": {
+                "text": "\"accelerate\" | \"decelerate\" | \"linear\" | \"standard\"",
+                "references": [
+                  {
+                    "name": "BsPresenceEasing"
+                  }
+                ]
+              },
+              "default": "'standard'",
+              "fieldName": "easing"
+            },
+            {
+              "name": "preset",
+              "description": "Which transition to play.",
+              "type": {
+                "text": "\"collapse\" | \"fade\" | \"scale\" | \"slide-down\" | \"slide-up\"",
+                "references": [
+                  {
+                    "name": "BsPresencePreset"
+                  }
+                ]
+              },
+              "default": "'fade'",
+              "fieldName": "preset"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "active",
+              "description": "When true, the slotted content is shown. Flipping this plays the exit or enter transition.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "active",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "duration",
+              "description": "Length of the transition, mapped to a `--bs-duration-*` token.",
+              "type": {
+                "text": "\"default\" | \"fast\" | \"instant\" | \"slow\" | \"slower\"",
+                "references": [
+                  {
+                    "name": "BsPresenceDuration"
+                  }
+                ]
+              },
+              "default": "'default'",
+              "attribute": "duration",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "easing",
+              "description": "Curve of the transition, mapped to a `--bs-easing-*` token.",
+              "type": {
+                "text": "\"accelerate\" | \"decelerate\" | \"linear\" | \"standard\"",
+                "references": [
+                  {
+                    "name": "BsPresenceEasing"
+                  }
+                ]
+              },
+              "default": "'standard'",
+              "attribute": "easing",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "preset",
+              "description": "Which transition to play.",
+              "type": {
+                "text": "\"collapse\" | \"fade\" | \"scale\" | \"slide-down\" | \"slide-up\"",
+                "references": [
+                  {
+                    "name": "BsPresencePreset"
+                  }
+                ]
+              },
+              "default": "'fade'",
+              "attribute": "preset",
+              "reflects": true
+            }
+          ],
+          "events": [
+            {
+              "name": "bsTransitionEnd",
+              "description": "Fires once when the transition to the new `active` state finishes. Payload is that state.",
+              "type": {
+                "text": "CustomEvent<boolean>"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "The content to show and hide."
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "content",
+              "description": "The element that transitions. Style it with `::part(content)`."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BsPresence",
+          "declaration": {
+            "name": "BsPresence"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bs-presence",
+          "declaration": {
+            "name": "BsPresence"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/bs-product-tour/bs-product-tour.tsx",
@@ -18361,6 +18621,10 @@
             {
               "name": "label",
               "description": "The label text wrapper."
+            },
+            {
+              "name": "ripple",
+              "description": "The press-ripple halo (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`."
             }
           ],
           "cssProperties": [
@@ -18404,6 +18668,100 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/bs-ripple/bs-ripple.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "bs-ripple",
+          "name": "BsRipple",
+          "description": "A touch-ripple effect: on pointer press, a circle grows from the press point and fades out.\n\nIt is a building block for pressable components (`bs-button`, `bs-icon-button`, ...), not something\nto place on a page by itself. Put it inside a positioned, pressable parent; it fills that parent,\nfollows its corner radius, and listens for `pointerdown` on it. Pointer-events pass through, so the\nparent still receives every click.\n\nThe motion uses the shared duration and easing tokens. Under `prefers-reduced-motion: reduce` those\ndurations are `0ms`, and the ripple does not play at all.\n\n## When to use\n- Inside a pressable `bs-*` component, to give press feedback.\n\n## When not to use\n- As a hover or focus indicator. Those are colour changes on the parent.\n- On non-interactive surfaces.\n\nSet the custom properties on the `bs-ripple` element itself. Inside another component that means `::part(ripple)`,\ne.g. `bs-button::part(ripple) { --bs-ripple-color: white; }`.",
+          "attributes": [
+            {
+              "name": "centered",
+              "description": "Always start the ripple from the centre instead of the press point. Use it for round or icon-only controls.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "centered"
+            },
+            {
+              "name": "disabled",
+              "description": "Turns the ripple off. A disabled parent (`<button disabled>`) also stops it.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "trigger-selector",
+              "description": "CSS selector of the element to listen on, found with `closest()` from the ripple (so it stays inside\nthe same shadow tree). By default the ripple listens on its parent. Use it when the pressable element\nis bigger than the ripple's own parent, e.g. a switch whose ripple sits on the knob but whose whole\n`<label>` is the press target.",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "triggerSelector"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "centered",
+              "description": "Always start the ripple from the centre instead of the press point. Use it for round or icon-only controls.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "centered"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "description": "Turns the ripple off. A disabled parent (`<button disabled>`) also stops it.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "disabled"
+            },
+            {
+              "kind": "field",
+              "name": "triggerSelector",
+              "description": "CSS selector of the element to listen on, found with `closest()` from the ripple (so it stays inside\nthe same shadow tree). By default the ripple listens on its parent. Use it when the pressable element\nis bigger than the ripple's own parent, e.g. a switch whose ripple sits on the knob but whose whole\n`<label>` is the press target.",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "trigger-selector"
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "surface",
+              "description": "The clipping layer the ripple circles are drawn in."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BsRipple",
+          "declaration": {
+            "name": "BsRipple"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bs-ripple",
+          "declaration": {
+            "name": "BsRipple"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/bs-search-item/bs-search-item.tsx",
@@ -18559,6 +18917,10 @@
               "name": "label",
               "description": "The primary line."
             },
+            {
+              "name": "ripple",
+              "description": "The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`."
+            },
             {
               "name": "trailing",
               "description": "The trailing text wrapper."
@@ -20563,6 +20925,10 @@
               "name": "icon",
               "description": "The leading file-type icon."
             },
+            {
+              "name": "ripple",
+              "description": "The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`."
+            },
             {
               "name": "source",
               "description": "The source system name."
@@ -21650,6 +22016,10 @@
               "name": "label",
               "description": "The label text wrapper."
             },
+            {
+              "name": "ripple",
+              "description": "The press-ripple halo (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`."
+            },
             {
               "name": "track",
               "description": "The visual pill-shaped track."
@@ -21952,6 +22322,10 @@
               "name": "label",
               "description": "The label wrapper."
             },
+            {
+              "name": "ripple",
+              "description": "The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`."
+            },
             {
               "name": "tab",
               "description": "The button element."
@@ -23370,6 +23744,10 @@
             {
               "name": "label",
               "description": "The label wrapper."
+            },
+            {
+              "name": "ripple",
+              "description": "The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`."
             }
           ],
           "cssProperties": [