@brandsync/wc 1.18.0 → 1.19.0

package/dist/types/components/bs-carousel/bs-carousel.d.ts

@@ -10,6 +10,12 @@ export type BsCarouselTracker = 'dots' | 'numbers';
  * so they leave the tab order and the accessibility tree) and, only when not already set,
  * `role="group"`, `aria-roledescription="slide"` and an `aria-label` of "n of N".
  *
+ * Changing page plays a short motion: the visible slides fade and slide out in the direction of travel,
+ * then the next page's slides fade and slide in (reversed for previous, and mirrored in RTL). The dots
+ * also grow and fade between pages. Motion length and distance follow `--bs-carousel-duration`,
+ * `--bs-carousel-easing` and `--bs-carousel-slide-distance`. Under `prefers-reduced-motion: reduce`
+ * the duration token is `0ms`, so pages switch instantly.
+ *
  * Composes `bs-pagination` (`tracker="numbers"`), `bs-icon-button` (previous/next for
  * `tracker="dots"`) and `bs-button` (Pause/Play) rather than re-implementing them.
  *
@@ -75,6 +81,12 @@ export declare class BsCarousel {
     /** True while the pointer is over the carousel or focus is inside it (auto-advance holds). */
     interacting: boolean;
     private timer?;
+    /** The page whose slides are actually on screen. Lags `currentPage` while a page change animates out. */
+    private shown;
+    private loaded;
+    private transitioning;
+    private runId;
+    private running;
     private get slides();
     private get perView();
     private get pageCount();
@@ -83,7 +95,15 @@ export declare class BsCarousel {
     componentDidLoad(): void;
     componentDidRender(): void;
     disconnectedCallback(): void;
-    onCurrentPageChange(): void;
+    onCurrentPageChange(next: number): void;
+    /**
+     * Exit then enter, each half the duration. While the old page animates out it stays mounted
+     * (`transitioning` makes `applySlides` keep showing `shown`); then the new page is shown and
+     * animated in. A new change arriving mid-motion cancels it and snaps to the latest page.
+     */
+    private playPageChange;
+    private cancelMotion;
+    private toMs;
     updateTimer(): void;
     private stopTimer;
     onMouseEnter(): void;

package/dist/types/components/bs-chatbot-response-action/bs-chatbot-response-action.d.ts

@@ -39,6 +39,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * @prop --bs-chatbot-response-action-sources-color - Text color of the sources label. Aliased to `--bs-text-neutral-default`.
  * @prop --bs-chatbot-response-action-sources-font-size - Aliased to `--bs-font-size-sm`.
  * @prop --bs-chatbot-response-action-sources-line-height - Aliased to `--bs-line-height-body-sm`.
+ * @part ripple - The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`.
  */
 export declare class BsChatbotResponseAction {
     host: HTMLElement;

package/dist/types/components/bs-chatbot-suggestion-button/bs-chatbot-suggestion-button.d.ts

@@ -32,6 +32,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
  *   Aliased to `--bs-text-action-hover`.
  * @prop --bs-chatbot-suggestion-button-focus-ring-color - Focus ring color. Aliased to
  *   `--bs-border-primary-focus`.
+ * @part ripple - The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`.
  */
 export declare class BsChatbotSuggestionButton {
     /** Disables the button and applies a reduced-opacity treatment. */

package/dist/types/components/bs-checkbox/bs-checkbox.d.ts

@@ -17,6 +17,7 @@ export type BsCheckboxSize = 'sm' | 'md' | 'lg';
  * @part box - The visual checkbox square.
  * @part icon - The check/minus icon shown inside the box when `checked` or `indeterminate`.
  * @part label - The label text wrapper.
+ * @part ripple - The press-ripple halo (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`.
  */
 export declare class BsCheckbox {
     el: HTMLElement;

package/dist/types/components/bs-chip/bs-chip-filter/bs-chip-filter.d.ts

@@ -19,6 +19,7 @@ export type BsChipFilterSize = 'md' | 'lg';
  * @part icon - The icon wrapper element.
  * @part label - The text label element.
  * @part caret - The dropdown caret wrapper element, when `dropdown` is set.
+ * @part ripple - The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`.
  */
 export declare class BsChipFilter {
     el: HTMLElement;

package/dist/types/components/bs-chip/bs-chip-input/bs-chip-input.d.ts

@@ -22,6 +22,7 @@ export type BsChipInputSize = 'md' | 'lg';
  * @part icon - The icon wrapper element.
  * @part label - The text label element.
  * @part remove - The trailing remove button.
+ * @part ripple - The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`.
  */
 export declare class BsChipInput {
     el: HTMLElement;

package/dist/types/components/bs-dialog/bs-dialog.d.ts

@@ -33,8 +33,13 @@ export type BsDialogSize = 'sm' | 'md' | 'lg';
  * @part close - The close button (inline in the header, or floating -- see the class doc above).
  * @part body - The body content wrapper.
  * @part footer - The footer wrapper (only visible when the footer slot has content).
+ *
+ * Opening fades the backdrop in and lifts the dialog into place; closing plays the same motion in
+ * reverse before the dialog is removed. Length, curve and travel are `--bs-dialog-duration`,
+ * `--bs-dialog-easing` and `--bs-dialog-distance`. Under `prefers-reduced-motion: reduce` it is instant.
  */
 export declare class BsDialog {
+    el: HTMLElement;
     /** Mutable + reflected so the component can close itself (backdrop click, Escape, close button)
      * the same way a native `<dialog>` does, while still emitting `bsClose` for the consumer to react to. */
     open: boolean;
@@ -62,6 +67,15 @@ export declare class BsDialog {
     private onFooterSlotchange;
     private onImageSlotchange;
     private onIconSlotchange;
+    /** True while the exit motion plays after `open` went false, so the dialog stays mounted for it. */
+    closing: boolean;
+    private backdropRef?;
+    private enterPending;
+    private exitPending;
+    private motionRun;
+    onOpenChange(next: boolean): void;
+    private playEnter;
+    private playExit;
     private dialogRef?;
     private previouslyFocused?;
     private previousBodyOverflow?;

package/dist/types/components/bs-list-item/bs-list-item.d.ts

@@ -50,6 +50,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * @prop --bs-list-item-focus-ring - Focus ring colour. Aliased to `--bs-border-neutral-focus`.
  * @prop --bs-list-item-image-width - Leading image width. 72px.
  * @prop --bs-list-item-image-height - Leading image height. 56px.
+ * @part ripple - The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`.
  */
 export declare class BsListItem {
     el: HTMLElement;

package/dist/types/components/bs-mega-menu/bs-mega-menu.d.ts

@@ -27,8 +27,13 @@ export type BsMegaMenuType = 'columns' | 'compact';
  * "Mega menu" (types Columns, Column with featured, Compact and Compact with featured).
  *
  * This is the panel only. Put it in `bs-navigation-header`'s `menu` slot, which anchors it under the bar at the
- * header's full width, and toggle the host's `hidden` attribute from the tab that
- * opens it; the panel does not open or close itself. Escape inside the panel fires `bsClose` so you can close it.
+ * header's full width, and show it from the tab that opens it; the panel does not open or close itself. Escape
+ * inside the panel fires `bsClose` so you can close it.
+ *
+ * There are two ways to show and hide it. Toggle the host's `hidden` attribute and it appears and disappears at once
+ * (the original contract, unchanged). Or set `open` and it fades and drops in from under the bar, then fades back out
+ * and is removed once the exit finishes. Leave `open` unset to keep using `hidden` only. `hidden` always wins: with it
+ * set the panel is not shown whatever `open` says.
  *
  * Built from `bs-card` (panel surface), `bs-menu-block` or `bs-compact-menu-block` (the links), `bs-divider` and
  * `bs-key-caps` (the shortcut). The column layout, headings, featured text and footer row are plain layout
@@ -75,12 +80,23 @@ export type BsMegaMenuType = 'columns' | 'compact';
  * @prop --bs-mega-menu-heading-color - Column headings. Aliased to `--bs-text-muted`.
  * @prop --bs-mega-menu-text-color - Featured title. Aliased to `--bs-text-default`.
  * @prop --bs-mega-menu-muted-color - Featured description and footer text. Aliased to `--bs-text-secondary`.
+ * @prop --bs-mega-menu-duration - Length of the open/close motion (`open` only). Aliased to `--bs-duration-default`.
+ * @prop --bs-mega-menu-easing - Curve of the open/close motion. Aliased to `--bs-easing-standard`.
+ * @prop --bs-mega-menu-distance - How far the panel drops while it fades. Aliased to `--bs-spacing-100`.
+ *
+ * Under `prefers-reduced-motion: reduce` (or a duration of `0ms`) setting `open` shows and hides the panel instantly.
  */
 export declare class BsMegaMenu {
     el: HTMLElement;
     private id;
     /** `columns` shows menu blocks with icon and description; `compact` plain text links. */
     type: BsMegaMenuType;
+    /**
+     * Shows the panel with an enter/exit motion. Unset (the default) leaves visibility to the host's `hidden`
+     * attribute, which shows and hides instantly. `true` shows the panel; `false` fades it out and then removes it.
+     * The panel stays in the DOM and is `inert` while it fades out.
+     */
+    open?: boolean;
     /** The groups of links. JS property only (an array cannot be an attribute). */
     columns: BsMegaMenuColumn[];
     /** The featured area on the right. JS property only. The `featured` slot overrides it. */
@@ -101,6 +117,14 @@ export declare class BsMegaMenu {
     bsMenuSelect: EventEmitter<BsMegaMenuItem>;
     /** Fires when Escape is pressed inside the panel, so you can close it. */
     bsClose: EventEmitter<void>;
+    /** True while the exit motion plays after `open` went false, so the panel stays visible for it. */
+    closing: boolean;
+    private panelEl?;
+    private enterPending;
+    private exitPending;
+    private motionRun;
+    onOpenChange(next?: boolean, prev?: boolean): void;
+    componentDidRender(): void;
     private select;
     private onKeyDown;
     private renderItem;

package/dist/types/components/bs-menu-item/bs-menu-item.d.ts

@@ -28,6 +28,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * @prop --bs-menu-item-color-disabled - Label text color when `disabled` is set. Aliased to `--bs-text-on-disabled`.
  * @prop --bs-menu-item-font-size - Aliased to `--bs-font-size-md`.
  * @prop --bs-menu-item-line-height - Aliased to `--bs-line-height-body-md`.
+ * @part ripple - The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`.
  */
 export declare class BsMenuItem {
     /** Disables the item: no hover/pressed/focus styling, no pointer cursor, not reachable by

package/dist/types/components/bs-pagination/bs-pagination.d.ts

@@ -24,6 +24,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * @part page - Each page-number button.
  * @part current - The current page's button (in addition to `page`).
  * @part ellipsis - Each collapsed-range indicator.
+ * @part ripple - The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`.
  */
 export declare class BsPagination {
     /** Total number of pages. Must be a positive integer -- there's always at least one page. */

package/dist/types/components/bs-popover/bs-popover.d.ts

@@ -23,6 +23,12 @@ export type BsPopoverPlacement = 'bottom-start' | 'bottom-end' | 'top-start' | '
  * @prop --bs-popover-offset - Gap between trigger and popup. Aliased to `--bs-spacing-100`.
  * @prop --bs-popover-min-width - Minimum popup width. Aliased to `--bs-scale-1600`.
  * @prop --bs-popover-z-index - Popup stacking order. Aliased to `--bs-z-index-popover`.
+ * @prop --bs-popover-duration - Length of the open/close motion. Aliased to `--bs-duration-fast`.
+ * @prop --bs-popover-easing - Curve of the open/close motion. Aliased to `--bs-easing-standard`.
+ * @prop --bs-popover-distance - How far the popup nudges while it fades. Aliased to `--bs-spacing-50`.
+ *
+ * The popup fades and nudges toward its trigger when it opens and closes. Length, curve and travel are
+ * `--bs-popover-duration`, `--bs-popover-easing` and `--bs-popover-distance`; under `prefers-reduced-motion: reduce` it is instant.
  */
 export declare class BsPopover {
     el: HTMLElement;
@@ -34,12 +40,21 @@ export declare class BsPopover {
     bsOpenChange: EventEmitter<boolean>;
     private popupId;
     private triggerSlot?;
+    /** True while the exit motion plays after `open` went false, so the popup stays visible for it. */
+    closing: boolean;
     private popupEl?;
+    private enterPending;
+    private exitPending;
+    private motionRun;
     private needsFocusIn;
     private escaped;
     onOpenChange(next: boolean): void;
     onPlacementChange(): void;
     componentWillLoad(): void;
+    /** Slides toward the trigger it hangs off: a popup above its trigger rises from below, one below drops from above. */
+    private offset;
+    private playEnter;
+    private playExit;
     componentDidRender(): void;
     private isInTrigger;
     /** Effective placement after collision flipping; mirrored on the host as `data-placement`. */

package/dist/types/components/bs-presence/bs-presence.cmp.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/bs-presence/bs-presence.d.ts

@@ -0,0 +1,50 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type BsPresencePreset = 'fade' | 'slide-up' | 'slide-down' | 'scale' | 'collapse';
+export type BsPresenceDuration = 'instant' | 'fast' | 'default' | 'slow' | 'slower';
+export type BsPresenceEasing = 'standard' | 'decelerate' | 'accelerate' | 'linear';
+/**
+ * Shows and hides slotted content with a short enter/exit transition.
+ *
+ * The motion uses the shared duration and easing tokens (`--bs-duration-*`, `--bs-easing-*`).
+ * Under `prefers-reduced-motion: reduce` those durations are already `0ms`, and this component
+ * forces `--bs-presence-duration` to `--bs-duration-instant` as well, so the content snaps
+ * instead of moving.
+ *
+ * ## When to use
+ * - Revealing a block that does not have its own enter/exit (a card, a form section, a panel).
+ * - Comparing duration and easing tokens while designing a screen.
+ *
+ * ## When not to use
+ * - Loading placeholders (`bs-skeleton`), spinners (`bs-spinner`), or progress.
+ * - Dialog, snackbar, toast, and command palette — those components own their motion.
+ *
+ * @slot - The content to show and hide.
+ * @part content - The element that transitions. Style it with `::part(content)`.
+ * @prop --bs-presence-duration - Transition length. Set from the `duration` prop to a `--bs-duration-*` token.
+ * @prop --bs-presence-easing - Transition curve. Set from the `easing` prop to a `--bs-easing-*` token.
+ * @prop --bs-presence-distance - Travel distance for `slide-up` and `slide-down`. Aliased to `--bs-spacing-400`.
+ * @prop --bs-presence-scale - Closed scale for `scale`. No unitless scale token exists, so the default is `0.96`.
+ */
+export declare class BsPresence {
+    el: HTMLElement;
+    /** When true, the slotted content is shown. Flipping this plays the exit or enter transition. */
+    active: boolean;
+    /** Which transition to play. */
+    preset: BsPresencePreset;
+    /** Length of the transition, mapped to a `--bs-duration-*` token. */
+    duration: BsPresenceDuration;
+    /** Curve of the transition, mapped to a `--bs-easing-*` token. */
+    easing: BsPresenceEasing;
+    /** Fires once when the transition to the new `active` state finishes. Payload is that state. */
+    bsTransitionEnd: EventEmitter<boolean>;
+    private clip?;
+    private shell?;
+    /**
+     * CSS class changes inside this shadow root will play the exit and then not the entrance
+     * (Chromium drops the reverse transition). The Web Animations API plays both directions.
+     * A 0ms duration — including `prefers-reduced-motion` — snaps and emits here.
+     */
+    onActiveChange(active: boolean): void;
+    private motionDuration;
+    render(): any;
+}

package/dist/types/components/bs-presence/bs-presence.stories.d.ts

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+import type { BsPresenceDuration, BsPresenceEasing, BsPresencePreset } from './bs-presence';
+interface BsPresenceArgs {
+    active: boolean;
+    preset: BsPresencePreset;
+    duration: BsPresenceDuration;
+    easing: BsPresenceEasing;
+}
+declare const meta: Meta<BsPresenceArgs>;
+export default meta;
+type Story = StoryObj<BsPresenceArgs>;
+export declare const Default: Story;
+export declare const Presets: Story;
+export declare const Durations: Story;
+export declare const Easings: Story;

package/dist/types/components/bs-radio/bs-radio.d.ts

@@ -15,6 +15,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * @part circle - The visual radio ring.
  * @part dot - The center fill shown inside the ring when `checked`.
  * @part label - The label text wrapper.
+ * @part ripple - The press-ripple halo (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`.
  */
 export declare class BsRadio {
     el: HTMLElement;

package/dist/types/components/bs-ripple/bs-ripple.cmp.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/bs-ripple/bs-ripple.d.ts

@@ -0,0 +1,52 @@
+/**
+ * A touch-ripple effect: on pointer press, a circle grows from the press point and fades out.
+ *
+ * It is a building block for pressable components (`bs-button`, `bs-icon-button`, ...), not something
+ * to place on a page by itself. Put it inside a positioned, pressable parent; it fills that parent,
+ * follows its corner radius, and listens for `pointerdown` on it. Pointer-events pass through, so the
+ * parent still receives every click.
+ *
+ * The motion uses the shared duration and easing tokens. Under `prefers-reduced-motion: reduce` those
+ * durations are `0ms`, and the ripple does not play at all.
+ *
+ * ## When to use
+ * - Inside a pressable `bs-*` component, to give press feedback.
+ *
+ * ## When not to use
+ * - As a hover or focus indicator. Those are colour changes on the parent.
+ * - On non-interactive surfaces.
+ *
+ * Set the custom properties on the `bs-ripple` element itself. Inside another component that means `::part(ripple)`,
+ * e.g. `bs-button::part(ripple) { --bs-ripple-color: white; }`.
+ *
+ * @part surface - The clipping layer the ripple circles are drawn in.
+ * @prop --bs-ripple-color - Ripple colour. `currentColor` by default, so it follows the parent's text colour and works on every variant.
+ * @prop --bs-ripple-opacity - Starting opacity of the ripple. No opacity token fits, so the default is `0.24`.
+ * @prop --bs-ripple-duration - Length of the ripple. Aliased to `--bs-duration-slower`.
+ * @prop --bs-ripple-easing - Curve of the ripple. Aliased to `--bs-easing-decelerate`.
+ */
+export declare class BsRipple {
+    el: HTMLElement;
+    /** Always start the ripple from the centre instead of the press point. Use it for round or icon-only controls. */
+    centered: boolean;
+    /** Turns the ripple off. A disabled parent (`<button disabled>`) also stops it. */
+    disabled: boolean;
+    /**
+     * CSS selector of the element to listen on, found with `closest()` from the ripple (so it stays inside
+     * the same shadow tree). By default the ripple listens on its parent. Use it when the pressable element
+     * is bigger than the ripple's own parent, e.g. a switch whose ripple sits on the knob but whose whole
+     * `<label>` is the press target.
+     */
+    triggerSelector?: string;
+    onTriggerChange(): void;
+    private surface?;
+    private target?;
+    connectedCallback(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private bind;
+    private unbind;
+    private onPointerDown;
+    private toMs;
+    render(): any;
+}

package/dist/types/components/bs-ripple/bs-ripple.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+interface BsRippleArgs {
+    centered: boolean;
+    disabled: boolean;
+}
+declare const meta: Meta<BsRippleArgs>;
+export default meta;
+type Story = StoryObj<BsRippleArgs>;
+export declare const Default: Story;
+export declare const Centered: Story;
+export declare const InButtons: Story;

package/dist/types/components/bs-search-item/bs-search-item.d.ts

@@ -36,6 +36,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * @prop --bs-search-item-color-muted - Description and trailing text. Aliased to `--bs-text-muted`.
  * @prop --bs-search-item-color-disabled - Aliased to `--bs-text-on-disabled`.
  * @prop --bs-search-item-icon-color - Aliased to `--bs-icon-default`.
+ * @part ripple - The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`.
  */
 export declare class BsSearchItem {
     el: HTMLElement;

package/dist/types/components/bs-side-panel/bs-side-panel.d.ts

@@ -30,6 +30,8 @@ export type BsSidePanelSide = 'start' | 'end';
  * @prop --bs-side-panel-overlay-bg - Backdrop color. Aliased to `--bs-surface-overlay`.
  * @prop --bs-side-panel-color - Text color. Aliased to `--bs-text-default`.
  * @prop --bs-side-panel-z-index - Stacking order. Aliased to `--bs-z-index-modal`.
+ * @prop --bs-side-panel-duration - Length of the slide in/out. Aliased to `--bs-duration-slow`.
+ * @prop --bs-side-panel-easing - Curve of the slide in/out. Aliased to `--bs-easing-standard`.
  */
 export declare class BsSidePanel {
     el: HTMLElement;
@@ -50,6 +52,13 @@ export declare class BsSidePanel {
     private panelEl?;
     /** Elements we set `inert` on (so we only undo our own changes). */
     private inertified;
+    /** True while the slide-out plays after `open` went false, so the panel stays mounted for it. */
+    closing: boolean;
+    private overlayEl?;
+    private enterPending;
+    private exitPending;
+    private motionRun;
+    private wasRendered;
     onOpenChange(next: boolean): void;
     onOverlayChange(): void;
     connectedCallback(): void;
@@ -59,6 +68,10 @@ export declare class BsSidePanel {
     private restoreInert;
     private getFocusables;
     private trapTab;
+    /** Where the panel sits when hidden: fully past its own edge. Physical, like the panel's own left/right. */
+    private offscreen;
+    private playEnter;
+    private playExit;
     componentDidRender(): void;
     private focusedIn;
     private close;

package/dist/types/components/bs-source-link/bs-source-link.d.ts

@@ -32,6 +32,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * @prop --bs-source-link-icon-color - File icon and arrow color. Aliased to `--bs-icon-default`.
  * @prop --bs-source-link-dot-color - Separator dot between source and version. Aliased to
  *   `--bs-text-secondary`.
+ * @part ripple - The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`.
  */
 export declare class BsSourceLink {
     /** The cited document's filename. */

package/dist/types/components/bs-switch/bs-switch.d.ts

@@ -16,6 +16,7 @@ export type BsSwitchSize = 'md' | 'lg';
  * @part track - The visual pill-shaped track.
  * @part knob - The sliding circular knob.
  * @part label - The label text wrapper.
+ * @part ripple - The press-ripple halo (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`.
  */
 export declare class BsSwitch {
     el: HTMLElement;

package/dist/types/components/bs-tab/bs-inline-tab/bs-inline-tab.d.ts

@@ -29,6 +29,7 @@ import { EventEmitter } from '../../../stencil-public-runtime';
  * @part tab - The button element.
  * @part icon - The icon wrapper.
  * @part label - The label wrapper.
+ * @part ripple - The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`.
  */
 export declare class BsInlineTab {
     el: HTMLElement;

package/dist/types/components/bs-tab/bs-tab/bs-tab.d.ts

@@ -32,6 +32,7 @@ export type BsTabIconPosition = 'start' | 'top';
  * @part label - The label wrapper.
  * @part badge - The badge wrapper.
  * @part indicator - The selection/hover underline indicator.
+ * @part ripple - The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`.
  */
 export declare class BsTab {
     el: HTMLElement;

package/dist/types/components/bs-tooltip-trigger/bs-tooltip-trigger.d.ts

@@ -16,8 +16,15 @@ export type BsTooltipTriggerPlacement = 'top' | 'bottom' | 'start' | 'end';
  * @part tooltip - The positioned tooltip wrapper (role="tooltip").
  * @prop --bs-tooltip-trigger-offset - Gap between trigger and tooltip. Aliased to `--bs-spacing-100`.
  * @prop --bs-tooltip-trigger-z-index - Stacking order. Aliased to `--bs-z-index-popover`.
+ * @prop --bs-tooltip-trigger-duration - Length of the show/hide motion. Aliased to `--bs-duration-fast`.
+ * @prop --bs-tooltip-trigger-easing - Curve of the show/hide motion. Aliased to `--bs-easing-standard`.
+ * @prop --bs-tooltip-trigger-distance - How far the tooltip nudges while it fades. Aliased to `--bs-spacing-50`.
+ *
+ * The tooltip fades in while drifting a few pixels away from the trigger into place, and fades back out toward it. Under
+ * `prefers-reduced-motion: reduce` (or a duration of `0ms`) it appears and disappears instantly.
  */
 export declare class BsTooltipTrigger {
+    el: HTMLElement;
     /** Tooltip message. */
     text: string;
     /** Milliseconds to wait before showing the tooltip. */
@@ -25,6 +32,17 @@ export declare class BsTooltipTrigger {
     /** Side of the trigger the tooltip appears on. The bs-tooltip arrow is only drawn for 'bottom'. */
     placement: BsTooltipTriggerPlacement;
     visible: boolean;
+    /** True while the exit motion plays after `visible` went false, so the tooltip stays shown for it. */
+    closing: boolean;
+    private bubbleEl?;
+    private tipEl?;
+    private enterPending;
+    private exitPending;
+    private motionRun;
+    onVisibleChange(next: boolean): void;
+    /** The tooltip drifts away from the trigger it hangs off: below it drops from above, above it rises from below, and so on. */
+    private offset;
+    componentDidRender(): void;
     private tooltipId;
     private timer?;
     disconnectedCallback(): void;

package/dist/types/components/bs-tree-item/bs-tree-item.d.ts

@@ -21,6 +21,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * @part icon - The icon wrapper.
  * @part label - The label wrapper.
  * @part group - The `role="group"` wrapper around the child items (while expanded).
+ * @part ripple - The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`.
  */
 export declare class BsTreeItem {
     el: HTMLElement;