@brandsync/wc 1.17.0 → 1.19.0

package/dist/types/svg-inline.d.ts

@@ -0,0 +1,5 @@
+// Vite's `?inline` import returns the file as a data URI string (used by stories for icon assets).
+declare module '*.svg?inline' {
+  const dataUri: string;
+  export default dataUri;
+}

package/dist/types/utils/motion.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Small helpers for the enter/exit motion of overlay components (dialog, popover, side panel).
+ * The lengths and curves come from CSS custom properties on the host, which alias the shared
+ * `--bs-duration-*` / `--bs-easing-*` tokens. Under `prefers-reduced-motion: reduce` those duration
+ * tokens are `0ms`, so every helper here reports 0 and callers skip the motion entirely.
+ */
+/** Parses a CSS time (`200ms`, `0.2s`) to milliseconds. Anything else is 0. */
+export declare function parseMs(value: string): number;
+/** Reads a component's motion length (ms), curve and travel distance (px) from custom properties on `host`. */
+export declare function readMotion(host: Element, prefix: string): {
+    ms: number;
+    easing: string;
+    distance: number;
+};
+/**
+ * Plays `frames` on `el` and resolves when the animation finishes or is cancelled. `fill: 'forwards'`
+ * (the default for exits) keeps the end state until the caller removes the element.
+ */
+export declare function play(el: Element | null | undefined, frames: Keyframe[], ms: number, easing: string, fill?: FillMode): Promise<void>;
+/** Cancels every running animation on the given elements (restores their normal style). */
+export declare function cancelMotion(...els: Array<Element | null | undefined>): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brandsync/wc",
-  "version": "1.17.0",
+  "version": "1.19.0",
   "publishConfig": {
     "access": "public"
   },
@@ -66,6 +66,7 @@
     "prepare-assets": "cp ../../CONVENTIONS.md ./CONVENTIONS.md && node scripts/generate-reference.mjs && node scripts/validate-tokens.mjs"
   },
   "devDependencies": {
+    "@phosphor-icons/core": "^2.1.1",
     "@stencil/angular-output-target": "^1.4.1",
     "@stencil/core": "^4.27.1 || ^5.0.0-0",
     "@stencil/react-output-target": "^1.6.2",

package/reference.d.ts

@@ -7,7 +7,10 @@ export interface BsParts {
   "bs-ai-disclaimer": "text";
   "bs-ai-greeting": "heading" | "subtext";
   "bs-ai-thinking": "icon" | "label";
+  "bs-app-recent-item": "container" | "icon" | "name" | "description";
   "bs-app-shell": "container" | "header" | "navigation" | "main" | "aside";
+  "bs-app-switcher": "panel" | "header" | "heading" | "manage" | "search" | "group" | "group-header" | "grid" | "list" | "tile" | "row" | "empty" | "footer" | "browse";
+  "bs-app-tile": "container" | "icon" | "label";
   "bs-attachment": "thumbnail" | "card" | "filename" | "badge" | "remove";
   "bs-attachment-list": "row" | "fade";
   "bs-avatar": "container" | "image" | "initials" | "icon";
@@ -15,23 +18,25 @@ export interface BsParts {
   "bs-breadcrumb": "separator" | "link" | "current";
   "bs-breadcrumb-overflow": "separator" | "ellipsis" | "menu" | "link";
   "bs-breadcrumbs": "list";
-  "bs-button": "icon" | "label" | "end-icon";
-  "bs-icon-button": "icon";
+  "bs-button": "ripple" | "icon" | "label" | "end-icon";
+  "bs-icon-button": "icon" | "ripple";
   "bs-button-skeleton": "container";
   "bs-card": "container" | "image" | "header" | "body" | "footer";
   "bs-carousel": "carousel" | "slides" | "tracker" | "prev" | "next" | "dots" | "dot" | "current" | "pagination" | "pause";
   "bs-chatbot-feedback": "close" | "heading" | "subtitle" | "star" | "label" | "textarea" | "comment" | "submit" | "new-chat";
   "bs-chatbot-header": "logo" | "new-chat" | "history" | "expand" | "close";
-  "bs-chatbot-response-action": "like" | "dislike" | "copy" | "regenerate" | "menu" | "sources";
+  "bs-chatbot-response-action": "like" | "dislike" | "copy" | "regenerate" | "menu" | "sources" | "ripple";
   "bs-chatbot-sources-drawer": "heading" | "count" | "collapse" | "list";
-  "bs-chatbot-suggestion-button": "button";
+  "bs-chatbot-suggestion-button": "button" | "ripple";
   "bs-checkbox-skeleton": "container" | "box" | "label";
-  "bs-checkbox": "box" | "icon" | "label";
-  "bs-chip-filter": "icon" | "label" | "caret";
+  "bs-checkbox": "box" | "icon" | "label" | "ripple";
+  "bs-chip-filter": "icon" | "label" | "caret" | "ripple";
   "bs-chip-informative": "icon" | "label";
-  "bs-chip-input": "body" | "icon" | "label" | "remove";
+  "bs-chip-input": "body" | "icon" | "label" | "remove" | "ripple";
   "bs-citation-preview": "container" | "header" | "snippet" | "page";
   "bs-command-palette": "dialog" | "panel" | "search" | "input" | "results" | "section" | "section-header" | "empty" | "footer" | "hint";
+  "bs-compact-menu-block": "container";
+  "bs-company-switcher": "trigger" | "avatar" | "name" | "subtitle" | "panel" | "search" | "list" | "group" | "group-header" | "row" | "empty" | "footer";
   "bs-composer": "attachments" | "attach" | "input" | "mic" | "action";
   "bs-composer-status-banner": "icon" | "message" | "action" | "close";
   "bs-container": never;
@@ -52,48 +57,53 @@ export interface BsParts {
   "bs-key-caps": "container";
   "bs-keyboard-shortcuts": "container" | "head" | "heading" | "close" | "search" | "switch" | "groups" | "group" | "group-title" | "row" | "empty" | "footer";
   "bs-list": "list";
-  "bs-list-item": "container" | "leading" | "content" | "label" | "description" | "support-text" | "trailing";
+  "bs-list-item": "container" | "leading" | "content" | "label" | "description" | "support-text" | "trailing" | "ripple";
   "bs-logo": "logo";
+  "bs-mega-menu": "panel" | "columns" | "column" | "heading" | "list" | "block" | "featured" | "featured-title" | "featured-description" | "footer" | "shortcut";
   "bs-menu": "list";
-  "bs-menu-item": "item" | "icon" | "label";
+  "bs-menu-block": "container" | "icon" | "name" | "badge" | "description";
+  "bs-menu-item": "item" | "icon" | "label" | "ripple";
   "bs-message": "container" | "avatar" | "content" | "footer" | "timestamp";
   "bs-message-list": "viewport" | "scroll-to-latest";
   "bs-onboarding-checklist": "container" | "art" | "heading" | "description" | "progress" | "steps" | "step" | "current" | "action" | "skip" | "close" | "see-all" | "launcher" | "primary" | "secondary";
-  "bs-pagination": "list" | "item" | "prev" | "next" | "page" | "current" | "ellipsis";
+  "bs-page-header": "container" | "breadcrumb" | "row" | "main" | "back" | "title" | "heading" | "status" | "favorite" | "meta" | "actions" | "tabs" | "divider";
+  "bs-pagination": "list" | "item" | "prev" | "next" | "page" | "current" | "ellipsis" | "ripple";
   "bs-popover": "trigger" | "popup";
+  "bs-presence": "content";
   "bs-product-tour": "container" | "art" | "close" | "heading" | "description" | "footer" | "progress" | "actions" | "secondary" | "primary" | "arrow";
   "bs-progress": "container" | "track" | "arc" | "label";
   "bs-progress-linear": "container" | "track" | "fill" | "label";
   "bs-qr-code": "container" | "close" | "head" | "title" | "description" | "qr" | "code" | "logo" | "overlay" | "url" | "amount" | "expiry" | "actions" | "download" | "copy";
-  "bs-radio": "circle" | "dot" | "label";
-  "bs-search-item": "container" | "icon" | "content" | "label" | "description" | "trailing";
+  "bs-radio": "circle" | "dot" | "label" | "ripple";
+  "bs-ripple": "surface";
+  "bs-search-item": "container" | "icon" | "content" | "label" | "description" | "trailing" | "ripple";
   "bs-session-timeout": "container" | "art" | "heading" | "description" | "countdown" | "time" | "saved" | "account" | "password" | "divider" | "alternatives" | "actions" | "primary" | "secondary" | "cancel";
   "bs-shortcut-row": "container" | "action" | "keys";
   "bs-side-panel": "overlay" | "panel" | "header" | "heading" | "body" | "footer";
   "bs-skeleton": "container" | "line";
   "bs-slider": "label" | "field" | "bound" | "track" | "fill" | "control" | "tooltip";
   "bs-snackbar": "container" | "icon" | "message" | "action" | "close";
-  "bs-source-link": "icon" | "filename" | "source" | "version" | "arrow";
+  "bs-source-link": "icon" | "filename" | "source" | "version" | "arrow" | "ripple";
   "bs-spinner": "container" | "svg";
   "bs-split-pane": "container" | "pane" | "divider" | "divider-thumb";
   "bs-stack": "divider";
   "bs-stepper": never;
   "bs-stepper-step": "icon" | "label" | "name" | "description" | "connector";
-  "bs-switch": "track" | "knob" | "label";
-  "bs-inline-tab": "tab" | "icon" | "label";
-  "bs-tab": "tab" | "icon" | "label" | "badge" | "indicator";
+  "bs-switch": "track" | "knob" | "label" | "ripple";
+  "bs-inline-tab": "tab" | "icon" | "label" | "ripple";
+  "bs-tab": "tab" | "icon" | "label" | "badge" | "indicator" | "ripple";
   "bs-tabs": "tablist";
   "bs-timepicker": "container" | "header" | "title" | "format-toggle" | "selector" | "spinner" | "step" | "value" | "separator" | "period" | "footer" | "cancel" | "confirm";
   "bs-toast": "container" | "icon" | "message" | "close";
   "bs-tooltip": "bubble" | "arrow";
   "bs-tooltip-trigger": "trigger" | "tooltip";
   "bs-tree": "container";
-  "bs-tree-item": "container" | "caret" | "icon" | "label" | "group";
+  "bs-tree-item": "container" | "caret" | "icon" | "label" | "group" | "ripple";
   "bs-whats-new": "container" | "heading" | "close" | "mark-all-read" | "filters" | "entries" | "entry" | "release-notes" | "hero" | "tag" | "points" | "step" | "secondary" | "primary" | "date" | "description" | "action";
   "bs-whats-new-entry": "meta" | "tag" | "date" | "unread" | "image" | "heading" | "description" | "action" | "divider";
   "bs-navigation-drawer": "logo" | "title" | "collapse" | "search" | "search-trigger" | "items" | "backdrop";
   "bs-navigation-drawer-item": "item" | "icon" | "label" | "chevron" | "children";
-  "bs-navigation-header": "logo" | "left" | "right" | "skip-link";
+  "bs-navigation-header": "logo" | "left" | "right" | "menu" | "skip-link";
 }
 
 /** Named slots per component tag (`(default)` is the unnamed slot). */
@@ -103,7 +113,10 @@ export interface BsSlots {
   "bs-ai-disclaimer": "(default)";
   "bs-ai-greeting": never;
   "bs-ai-thinking": never;
+  "bs-app-recent-item": "(default)";
   "bs-app-shell": "header" | "navigation" | "(default)" | "aside";
+  "bs-app-switcher": never;
+  "bs-app-tile": "(default)";
   "bs-attachment": never;
   "bs-attachment-list": "(default)";
   "bs-avatar": never;
@@ -128,6 +141,8 @@ export interface BsSlots {
   "bs-chip-input": "(default)" | "icon";
   "bs-citation-preview": "(default)" | "footer";
   "bs-command-palette": "recent" | "suggested" | "commands" | "navigation" | "records" | "try-instead";
+  "bs-compact-menu-block": never;
+  "bs-company-switcher": never;
   "bs-composer": "attachments" | "actions-end";
   "bs-composer-status-banner": "icon";
   "bs-container": "(default)";
@@ -150,18 +165,23 @@ export interface BsSlots {
   "bs-list": "(default)";
   "bs-list-item": "leading" | "trailing" | "(default)";
   "bs-logo": never;
+  "bs-mega-menu": "featured" | "footer-start" | "footer-end";
   "bs-menu": "(default)";
+  "bs-menu-block": "(default)";
   "bs-menu-item": "icon" | "(default)";
   "bs-message": "(default)" | "avatar" | "footer" | "timestamp";
   "bs-message-list": "(default)";
   "bs-onboarding-checklist": "icon";
+  "bs-page-header": "breadcrumb" | "status" | "meta" | "actions" | "tabs";
   "bs-pagination": never;
   "bs-popover": "trigger" | "(default)";
+  "bs-presence": "(default)";
   "bs-product-tour": "icon";
   "bs-progress": never;
   "bs-progress-linear": "(default)";
   "bs-qr-code": "code" | "logo";
   "bs-radio": "(default)";
+  "bs-ripple": never;
   "bs-search-item": "icon" | "(default)" | "description" | "trailing";
   "bs-session-timeout": "icon";
   "bs-shortcut-row": "(default)" | "keys";
@@ -189,17 +209,20 @@ export interface BsSlots {
   "bs-whats-new-entry": "image";
   "bs-navigation-drawer": "search" | "(default)";
   "bs-navigation-drawer-item": "(default)" | "icon" | "children";
-  "bs-navigation-header": "left" | "right";
+  "bs-navigation-header": "left" | "right" | "menu";
 }
 
 /** Component-level CSS custom properties per component tag. */
 export interface BsCssProperties {
-  "bs-accordion": never;
+  "bs-accordion": "--bs-accordion-duration" | "--bs-accordion-easing";
   "bs-accordion-group": "--bs-accordion-group-gap";
   "bs-ai-disclaimer": "--bs-ai-disclaimer-padding-x" | "--bs-ai-disclaimer-text-color" | "--bs-ai-disclaimer-font-size" | "--bs-ai-disclaimer-line-height";
   "bs-ai-greeting": "--bs-ai-greeting-gap" | "--bs-ai-greeting-max-width" | "--bs-ai-greeting-heading-color" | "--bs-ai-greeting-heading-font-size" | "--bs-ai-greeting-heading-line-height" | "--bs-ai-greeting-heading-weight" | "--bs-ai-greeting-heading-gap" | "--bs-ai-greeting-subtext-color" | "--bs-ai-greeting-subtext-font-size" | "--bs-ai-greeting-subtext-line-height";
   "bs-ai-thinking": "--bs-ai-thinking-gap" | "--bs-ai-thinking-icon-size" | "--bs-ai-thinking-text" | "--bs-ai-thinking-shimmer-highlight" | "--bs-ai-thinking-font-size" | "--bs-ai-thinking-line-height" | "--bs-ai-thinking-cycle-duration";
+  "bs-app-recent-item": "--bs-app-recent-item-padding-x" | "--bs-app-recent-item-padding-y" | "--bs-app-recent-item-gap" | "--bs-app-recent-item-radius" | "--bs-app-recent-item-bg" | "--bs-app-recent-item-bg-hover" | "--bs-app-recent-item-bg-pressed" | "--bs-app-recent-item-bg-current" | "--bs-app-recent-item-icon-bg" | "--bs-app-recent-item-color" | "--bs-app-recent-item-color-muted" | "--bs-app-recent-item-color-disabled" | "--bs-app-recent-item-focus-ring";
   "bs-app-shell": "--bs-app-shell-bg" | "--bs-app-shell-color" | "--bs-app-shell-main-padding" | "--bs-app-shell-aside-width";
+  "bs-app-switcher": "--bs-app-switcher-width" | "--bs-app-switcher-radius" | "--bs-app-switcher-bg" | "--bs-app-switcher-border-color" | "--bs-app-switcher-shadow" | "--bs-app-switcher-padding" | "--bs-app-switcher-text-color" | "--bs-app-switcher-header-color" | "--bs-app-switcher-link-color" | "--bs-app-switcher-focus-ring";
+  "bs-app-tile": "--bs-app-tile-icon-size" | "--bs-app-tile-padding" | "--bs-app-tile-gap" | "--bs-app-tile-radius" | "--bs-app-tile-bg" | "--bs-app-tile-bg-hover" | "--bs-app-tile-bg-pressed" | "--bs-app-tile-bg-current" | "--bs-app-tile-icon-bg" | "--bs-app-tile-color" | "--bs-app-tile-color-disabled" | "--bs-app-tile-focus-ring";
   "bs-attachment": "--bs-attachment-size" | "--bs-attachment-radius" | "--bs-attachment-border-color" | "--bs-attachment-card-bg" | "--bs-attachment-filename-color" | "--bs-attachment-badge-bg-pdf" | "--bs-attachment-badge-bg-document";
   "bs-attachment-list": "--bs-attachment-list-gap" | "--bs-attachment-list-padding" | "--bs-attachment-list-fade-color" | "--bs-attachment-list-fade-width" | "--bs-attachment-list-scrollbar-thumb";
   "bs-avatar": never;
@@ -224,6 +247,8 @@ export interface BsCssProperties {
   "bs-chip-input": never;
   "bs-citation-preview": "--bs-citation-preview-gap" | "--bs-citation-preview-snippet-color" | "--bs-citation-preview-snippet-bg" | "--bs-citation-preview-snippet-radius" | "--bs-citation-preview-page-color";
   "bs-command-palette": "--bs-command-palette-width" | "--bs-command-palette-top" | "--bs-command-palette-max-height" | "--bs-command-palette-radius" | "--bs-command-palette-bg" | "--bs-command-palette-shadow" | "--bs-command-palette-overlay" | "--bs-command-palette-footer-bg" | "--bs-command-palette-divider-color" | "--bs-command-palette-header-border-color" | "--bs-command-palette-header-color" | "--bs-command-palette-hint-color" | "--bs-command-palette-z-index";
+  "bs-compact-menu-block": "--bs-compact-menu-block-padding" | "--bs-compact-menu-block-radius" | "--bs-compact-menu-block-bg" | "--bs-compact-menu-block-bg-hover" | "--bs-compact-menu-block-bg-pressed" | "--bs-compact-menu-block-color" | "--bs-compact-menu-block-focus-ring";
+  "bs-company-switcher": "--bs-company-switcher-width" | "--bs-company-switcher-panel-width" | "--bs-company-switcher-radius" | "--bs-company-switcher-trigger-bg" | "--bs-company-switcher-trigger-bg-hover" | "--bs-company-switcher-trigger-bg-pressed" | "--bs-company-switcher-trigger-bg-open" | "--bs-company-switcher-focus-ring" | "--bs-company-switcher-panel-bg" | "--bs-company-switcher-panel-border-color" | "--bs-company-switcher-shadow" | "--bs-company-switcher-max-height" | "--bs-company-switcher-text-color" | "--bs-company-switcher-muted-color" | "--bs-company-switcher-header-color" | "--bs-company-switcher-z-index";
   "bs-composer": "--bs-composer-radius" | "--bs-composer-button-radius" | "--bs-composer-button-size" | "--bs-composer-bg" | "--bs-composer-border" | "--bs-composer-border-focus" | "--bs-composer-action-bg" | "--bs-composer-action-bg-hover" | "--bs-composer-action-bg-pressed" | "--bs-composer-action-bg-disabled" | "--bs-composer-action-icon" | "--bs-composer-action-icon-disabled" | "--bs-composer-attach-icon" | "--bs-composer-mic-icon" | "--bs-composer-mic-icon-disabled" | "--bs-composer-subtle-hover" | "--bs-composer-subtle-pressed" | "--bs-composer-input-max-lines";
   "bs-composer-status-banner": "--bs-composer-status-banner-radius" | "--bs-composer-status-banner-padding-x" | "--bs-composer-status-banner-padding-top" | "--bs-composer-status-banner-padding-bottom" | "--bs-composer-status-banner-gap" | "--bs-composer-status-banner-icon-gap" | "--bs-composer-status-banner-error-bg" | "--bs-composer-status-banner-error-text" | "--bs-composer-status-banner-error-action-bg" | "--bs-composer-status-banner-error-action-bg-hover" | "--bs-composer-status-banner-info-bg" | "--bs-composer-status-banner-info-text" | "--bs-composer-status-banner-info-action-bg" | "--bs-composer-status-banner-info-action-bg-hover" | "--bs-composer-status-banner-neutral-bg" | "--bs-composer-status-banner-neutral-text" | "--bs-composer-status-banner-neutral-action-bg" | "--bs-composer-status-banner-neutral-action-bg-hover" | "--bs-composer-status-banner-neutral-action-border" | "--bs-composer-status-banner-warning-bg" | "--bs-composer-status-banner-warning-text" | "--bs-composer-status-banner-warning-action-bg" | "--bs-composer-status-banner-warning-action-bg-hover" | "--bs-composer-status-banner-close-hover-bg";
   "bs-container": "--bs-container-max-width" | "--bs-container-padding";
@@ -246,22 +271,27 @@ export interface BsCssProperties {
   "bs-list": "--bs-list-gap" | "--bs-list-divider-color";
   "bs-list-item": "--bs-list-item-min-height" | "--bs-list-item-padding-y" | "--bs-list-item-padding-x" | "--bs-list-item-gap" | "--bs-list-item-content-gap" | "--bs-list-item-radius" | "--bs-list-item-bg" | "--bs-list-item-bg-hover" | "--bs-list-item-bg-pressed" | "--bs-list-item-bg-focus" | "--bs-list-item-bg-selected" | "--bs-list-item-bg-selected-hover" | "--bs-list-item-bg-selected-pressed" | "--bs-list-item-bg-selected-focus" | "--bs-list-item-bg-disabled" | "--bs-list-item-color" | "--bs-list-item-color-disabled" | "--bs-list-item-focus-ring" | "--bs-list-item-image-width" | "--bs-list-item-image-height";
   "bs-logo": never;
+  "bs-mega-menu": "--bs-mega-menu-width" | "--bs-mega-menu-radius" | "--bs-mega-menu-bg" | "--bs-mega-menu-border-color" | "--bs-mega-menu-shadow" | "--bs-mega-menu-padding" | "--bs-mega-menu-gap" | "--bs-mega-menu-heading-color" | "--bs-mega-menu-text-color" | "--bs-mega-menu-muted-color" | "--bs-mega-menu-duration" | "--bs-mega-menu-easing" | "--bs-mega-menu-distance";
   "bs-menu": "--bs-menu-bg" | "--bs-menu-radius" | "--bs-menu-padding-y" | "--bs-menu-gap" | "--bs-menu-shadow";
+  "bs-menu-block": "--bs-menu-block-padding" | "--bs-menu-block-gap" | "--bs-menu-block-radius" | "--bs-menu-block-bg" | "--bs-menu-block-bg-hover" | "--bs-menu-block-bg-pressed" | "--bs-menu-block-icon-bg" | "--bs-menu-block-color" | "--bs-menu-block-color-muted" | "--bs-menu-block-focus-ring" | "--bs-menu-block-white-space";
   "bs-menu-item": "--bs-menu-item-radius" | "--bs-menu-item-padding-y" | "--bs-menu-item-padding-x" | "--bs-menu-item-gap" | "--bs-menu-item-hover" | "--bs-menu-item-pressed" | "--bs-menu-item-disabled-bg" | "--bs-menu-item-icon-color" | "--bs-menu-item-icon-color-disabled" | "--bs-menu-item-color" | "--bs-menu-item-color-disabled" | "--bs-menu-item-font-size" | "--bs-menu-item-line-height";
   "bs-message": "--bs-message-gap" | "--bs-message-max-width" | "--bs-message-padding" | "--bs-message-radius" | "--bs-message-user-bg" | "--bs-message-user-color" | "--bs-message-assistant-bg" | "--bs-message-assistant-color" | "--bs-message-error-bg" | "--bs-message-error-color" | "--bs-message-pending-opacity" | "--bs-message-timestamp-color" | "--bs-message-timestamp-font-size";
   "bs-message-list": "--bs-message-list-gap" | "--bs-message-list-padding" | "--bs-message-list-button-offset";
   "bs-onboarding-checklist": never;
+  "bs-page-header": "--bs-page-header-bg" | "--bs-page-header-padding-x" | "--bs-page-header-padding-y" | "--bs-page-header-gap" | "--bs-page-header-title-gap" | "--bs-page-header-actions-gap" | "--bs-page-header-text-color" | "--bs-page-header-meta-color" | "--bs-page-header-shadow" | "--bs-page-header-sticky-offset" | "--bs-page-header-z-index";
   "bs-pagination": never;
-  "bs-popover": "--bs-popover-bg" | "--bs-popover-radius" | "--bs-popover-shadow" | "--bs-popover-offset" | "--bs-popover-min-width" | "--bs-popover-z-index";
+  "bs-popover": "--bs-popover-bg" | "--bs-popover-radius" | "--bs-popover-shadow" | "--bs-popover-offset" | "--bs-popover-min-width" | "--bs-popover-z-index" | "--bs-popover-duration" | "--bs-popover-easing" | "--bs-popover-distance";
+  "bs-presence": "--bs-presence-duration" | "--bs-presence-easing" | "--bs-presence-distance" | "--bs-presence-scale";
   "bs-product-tour": never;
   "bs-progress": never;
   "bs-progress-linear": never;
   "bs-qr-code": never;
   "bs-radio": never;
+  "bs-ripple": "--bs-ripple-color" | "--bs-ripple-opacity" | "--bs-ripple-duration" | "--bs-ripple-easing";
   "bs-search-item": "--bs-search-item-min-height" | "--bs-search-item-padding-y" | "--bs-search-item-padding-x" | "--bs-search-item-gap" | "--bs-search-item-radius" | "--bs-search-item-bg" | "--bs-search-item-bg-active" | "--bs-search-item-bg-pressed" | "--bs-search-item-color" | "--bs-search-item-color-muted" | "--bs-search-item-color-disabled" | "--bs-search-item-icon-color";
   "bs-session-timeout": never;
   "bs-shortcut-row": "--bs-shortcut-row-height" | "--bs-shortcut-row-padding-x" | "--bs-shortcut-row-gap" | "--bs-shortcut-row-radius" | "--bs-shortcut-row-color" | "--bs-shortcut-row-color-disabled";
-  "bs-side-panel": "--bs-side-panel-bg" | "--bs-side-panel-width" | "--bs-side-panel-padding" | "--bs-side-panel-shadow" | "--bs-side-panel-overlay-bg" | "--bs-side-panel-color" | "--bs-side-panel-z-index";
+  "bs-side-panel": "--bs-side-panel-bg" | "--bs-side-panel-width" | "--bs-side-panel-padding" | "--bs-side-panel-shadow" | "--bs-side-panel-overlay-bg" | "--bs-side-panel-color" | "--bs-side-panel-z-index" | "--bs-side-panel-duration" | "--bs-side-panel-easing";
   "bs-skeleton": "--bs-skeleton-bg" | "--bs-skeleton-radius" | "--bs-skeleton-width" | "--bs-skeleton-text-height" | "--bs-skeleton-rect-height" | "--bs-skeleton-gap" | "--bs-skeleton-duration";
   "bs-slider": never;
   "bs-snackbar": never;
@@ -278,7 +308,7 @@ export interface BsCssProperties {
   "bs-timepicker": never;
   "bs-toast": never;
   "bs-tooltip": "--bs-tooltip-bg" | "--bs-tooltip-color" | "--bs-tooltip-radius" | "--bs-tooltip-padding-x" | "--bs-tooltip-padding-y" | "--bs-tooltip-max-width" | "--bs-tooltip-shadow" | "--bs-tooltip-font-size" | "--bs-tooltip-line-height";
-  "bs-tooltip-trigger": "--bs-tooltip-trigger-offset" | "--bs-tooltip-trigger-z-index";
+  "bs-tooltip-trigger": "--bs-tooltip-trigger-offset" | "--bs-tooltip-trigger-z-index" | "--bs-tooltip-trigger-duration" | "--bs-tooltip-trigger-easing" | "--bs-tooltip-trigger-distance";
   "bs-tree": never;
   "bs-tree-item": never;
   "bs-whats-new": never;