@brandsync/wc 1.18.0 → 1.19.0

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.18.0",
+  "version": "1.19.0",
   "publishConfig": {
     "access": "public"
   },

package/reference.d.ts

@@ -18,21 +18,21 @@ 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";
@@ -57,46 +57,48 @@ 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-block": "container" | "icon" | "name" | "badge" | "description";
-  "bs-menu-item": "item" | "icon" | "label";
+  "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-page-header": "container" | "breadcrumb" | "row" | "main" | "back" | "title" | "heading" | "status" | "favorite" | "meta" | "actions" | "tabs" | "divider";
-  "bs-pagination": "list" | "item" | "prev" | "next" | "page" | "current" | "ellipsis";
+  "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";
@@ -173,11 +175,13 @@ export interface BsSlots {
   "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";
@@ -210,7 +214,7 @@ export interface BsSlots {
 
 /** 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";
@@ -267,7 +271,7 @@ 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": "--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";
@@ -276,16 +280,18 @@ export interface BsCssProperties {
   "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;
@@ -302,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;

package/reference.json

@@ -49,7 +49,18 @@
         "description": "The body content wrapper."
       }
     ],
-    "cssProperties": []
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-accordion-duration",
+        "description": "Length of the expand/collapse motion. Aliased to `--bs-duration-default`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-accordion-easing",
+        "description": "Curve of the expand/collapse motion. Aliased to `--bs-easing-standard`. Expanding and collapsing animate the body's height and rotate the caret. Under `prefers-reduced-motion: reduce` the duration token is `0ms`, so the body snaps."
+      }
+    ]
   },
   "bs-accordion-group": {
     "slots": [
@@ -856,7 +867,7 @@
       {
         "kind": "slot",
         "name": "(default)",
-        "description": "Default slot: the button's label content."
+        "description": "Default slot: the button's label content. Built from: `bs-ripple` (press feedback)."
       },
       {
         "kind": "slot",
@@ -870,6 +881,11 @@
       }
     ],
     "parts": [
+      {
+        "kind": "part",
+        "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`)."
+      },
       {
         "kind": "part",
         "name": "icon",
@@ -961,7 +977,12 @@
       {
         "kind": "part",
         "name": "icon",
-        "description": "The icon wrapper element. // Note: this component's CSS Custom Properties (--bs-icon-button-*) are documented via @prop // comments in bs-icon-button.css, not here -- Stencil's docs generator only parses @prop out of // CSS file comments, not the class-level JSDoc (see bs-tab.css's/bs-inline-tab.css's equivalent note)."
+        "description": "The icon wrapper element."
+      },
+      {
+        "kind": "part",
+        "name": "ripple",
+        "description": "The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`. // Note: this component's CSS Custom Properties (--bs-icon-button-*) are documented via @prop // comments in bs-icon-button.css, not here -- Stencil's docs generator only parses @prop out of // CSS file comments, not the class-level JSDoc (see bs-tab.css's/bs-inline-tab.css's equivalent note)."
       }
     ],
     "cssProperties": []
@@ -1450,6 +1471,11 @@
         "kind": "part",
         "name": "sources",
         "description": "The \"N sources\" button (only rendered when `sourcesCount` is set)."
+      },
+      {
+        "kind": "part",
+        "name": "ripple",
+        "description": "The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`."
       }
     ],
     "cssProperties": [
@@ -1636,6 +1662,11 @@
         "kind": "part",
         "name": "button",
         "description": "The button element."
+      },
+      {
+        "kind": "part",
+        "name": "ripple",
+        "description": "The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`."
       }
     ],
     "cssProperties": [
@@ -1755,7 +1786,12 @@
       {
         "kind": "part",
         "name": "label",
-        "description": "The label text wrapper. // Note: this component's CSS Custom Properties (--bs-checkbox-*) are documented via @prop comments // in bs-checkbox.css, not here -- Stencil's docs generator only parses @prop out of CSS file // comments, not the class-level JSDoc (see bs-input.tsx's equivalent note)."
+        "description": "The label text wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "ripple",
+        "description": "The press-ripple halo (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`. // Note: this component's CSS Custom Properties (--bs-checkbox-*) are documented via @prop comments // in bs-checkbox.css, not here -- Stencil's docs generator only parses @prop out of CSS file // comments, not the class-level JSDoc (see bs-input.tsx's equivalent note)."
       }
     ],
     "cssProperties": []
@@ -1788,6 +1824,11 @@
         "kind": "part",
         "name": "caret",
         "description": "The dropdown caret wrapper element, when `dropdown` is set."
+      },
+      {
+        "kind": "part",
+        "name": "ripple",
+        "description": "The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`."
       }
     ],
     "cssProperties": []
@@ -1852,6 +1893,11 @@
         "kind": "part",
         "name": "remove",
         "description": "The trailing remove button."
+      },
+      {
+        "kind": "part",
+        "name": "ripple",
+        "description": "The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`."
       }
     ],
     "cssProperties": []
@@ -2825,7 +2871,7 @@
       {
         "kind": "part",
         "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). 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."
       }
     ],
     "cssProperties": []
@@ -3666,6 +3712,11 @@
         "kind": "part",
         "name": "trailing",
         "description": "Wrapper around the trailing slot / caret."
+      },
+      {
+        "kind": "part",
+        "name": "ripple",
+        "description": "The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`."
       }
     ],
     "cssProperties": [
@@ -3907,6 +3958,21 @@
         "kind": "prop",
         "name": "--bs-mega-menu-muted-color",
         "description": "Featured description and footer text. Aliased to `--bs-text-secondary`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-mega-menu-duration",
+        "description": "Length of the open/close motion (`open` only). Aliased to `--bs-duration-default`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-mega-menu-easing",
+        "description": "Curve of the open/close motion. Aliased to `--bs-easing-standard`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-mega-menu-distance",
+        "description": "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."
       }
     ]
   },
@@ -4074,6 +4140,11 @@
         "kind": "part",
         "name": "label",
         "description": "The label wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "ripple",
+        "description": "The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`."
       }
     ],
     "cssProperties": [
@@ -4577,6 +4648,11 @@
         "kind": "part",
         "name": "ellipsis",
         "description": "Each collapsed-range indicator."
+      },
+      {
+        "kind": "part",
+        "name": "ripple",
+        "description": "The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`."
       }
     ],
     "cssProperties": []
@@ -4636,6 +4712,59 @@
         "kind": "prop",
         "name": "--bs-popover-z-index",
         "description": "Popup stacking order. Aliased to `--bs-z-index-popover`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-popover-duration",
+        "description": "Length of the open/close motion. Aliased to `--bs-duration-fast`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-popover-easing",
+        "description": "Curve of the open/close motion. Aliased to `--bs-easing-standard`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-popover-distance",
+        "description": "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."
+      }
+    ]
+  },
+  "bs-presence": {
+    "slots": [
+      {
+        "kind": "slot",
+        "name": "(default)",
+        "description": "The content to show and hide."
+      }
+    ],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "content",
+        "description": "The element that transitions. Style it with `::part(content)`."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-presence-duration",
+        "description": "Transition length. Set from the `duration` prop to a `--bs-duration-*` token."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-presence-easing",
+        "description": "Transition curve. Set from the `easing` prop to a `--bs-easing-*` token."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-presence-distance",
+        "description": "Travel distance for `slide-up` and `slide-down`. Aliased to `--bs-spacing-400`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-presence-scale",
+        "description": "Closed scale for `scale`. No unitless scale token exists, so the default is `0.96`."
       }
     ]
   },
@@ -4878,11 +5007,48 @@
       {
         "kind": "part",
         "name": "label",
-        "description": "The label text wrapper. // Note: this component's CSS Custom Properties (--bs-radio-*) are documented via @prop comments // in bs-radio.css, not here -- Stencil's docs generator only parses @prop out of CSS file // comments, not the class-level JSDoc (see bs-checkbox.tsx's equivalent note)."
+        "description": "The label text wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "ripple",
+        "description": "The press-ripple halo (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`. // Note: this component's CSS Custom Properties (--bs-radio-*) are documented via @prop comments // in bs-radio.css, not here -- Stencil's docs generator only parses @prop out of CSS file // comments, not the class-level JSDoc (see bs-checkbox.tsx's equivalent note)."
       }
     ],
     "cssProperties": []
   },
+  "bs-ripple": {
+    "slots": [],
+    "parts": [
+      {
+        "kind": "part",
+        "name": "surface",
+        "description": "The clipping layer the ripple circles are drawn in."
+      }
+    ],
+    "cssProperties": [
+      {
+        "kind": "prop",
+        "name": "--bs-ripple-color",
+        "description": "Ripple colour. `currentColor` by default, so it follows the parent's text colour and works on every variant."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-ripple-opacity",
+        "description": "Starting opacity of the ripple. No opacity token fits, so the default is `0.24`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-ripple-duration",
+        "description": "Length of the ripple. Aliased to `--bs-duration-slower`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-ripple-easing",
+        "description": "Curve of the ripple. Aliased to `--bs-easing-decelerate`."
+      }
+    ]
+  },
   "bs-search-item": {
     "slots": [
       {
@@ -4936,6 +5102,11 @@
         "kind": "part",
         "name": "trailing",
         "description": "The trailing text wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "ripple",
+        "description": "The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`."
       }
     ],
     "cssProperties": [
@@ -5236,6 +5407,16 @@
         "kind": "prop",
         "name": "--bs-side-panel-z-index",
         "description": "Stacking order. Aliased to `--bs-z-index-modal`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-side-panel-duration",
+        "description": "Length of the slide in/out. Aliased to `--bs-duration-slow`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-side-panel-easing",
+        "description": "Curve of the slide in/out. Aliased to `--bs-easing-standard`."
       }
     ]
   },
@@ -5402,6 +5583,11 @@
         "kind": "part",
         "name": "arrow",
         "description": "The trailing \"open\" arrow icon."
+      },
+      {
+        "kind": "part",
+        "name": "ripple",
+        "description": "The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`."
       }
     ],
     "cssProperties": [
@@ -5710,7 +5896,12 @@
       {
         "kind": "part",
         "name": "label",
-        "description": "The label text wrapper. // Note: this component's CSS Custom Properties are documented via @prop comments in // bs-switch.css, not here."
+        "description": "The label text wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "ripple",
+        "description": "The press-ripple halo (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`. // Note: this component's CSS Custom Properties are documented via @prop comments in // bs-switch.css, not here."
       }
     ],
     "cssProperties": []
@@ -5742,7 +5933,12 @@
       {
         "kind": "part",
         "name": "label",
-        "description": "The label wrapper. // Note: this component's CSS Custom Properties (--bs-inline-tab-*) are documented via @prop // comments in bs-inline-tab.css, not here -- Stencil's docs generator only parses @prop out of CSS // file comments, not the class-level JSDoc (see bs-tab.tsx's equivalent note)."
+        "description": "The label wrapper."
+      },
+      {
+        "kind": "part",
+        "name": "ripple",
+        "description": "The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`. // Note: this component's CSS Custom Properties (--bs-inline-tab-*) are documented via @prop // comments in bs-inline-tab.css, not here -- Stencil's docs generator only parses @prop out of CSS // file comments, not the class-level JSDoc (see bs-tab.tsx's equivalent note)."
       }
     ],
     "cssProperties": []
@@ -5789,7 +5985,12 @@
       {
         "kind": "part",
         "name": "indicator",
-        "description": "The selection/hover underline indicator. // Note: this component's CSS Custom Properties (--bs-tab-*) are documented via @prop comments in // bs-tab.css, not here -- Stencil's docs generator only parses @prop out of CSS file comments, not // the class-level JSDoc (see bs-checkbox.tsx's/bs-radio.tsx's equivalent note)."
+        "description": "The selection/hover underline indicator."
+      },
+      {
+        "kind": "part",
+        "name": "ripple",
+        "description": "The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`. // Note: this component's CSS Custom Properties (--bs-tab-*) are documented via @prop comments in // bs-tab.css, not here -- Stencil's docs generator only parses @prop out of CSS file comments, not // the class-level JSDoc (see bs-checkbox.tsx's/bs-radio.tsx's equivalent note)."
       }
     ],
     "cssProperties": []
@@ -6012,6 +6213,21 @@
         "kind": "prop",
         "name": "--bs-tooltip-trigger-z-index",
         "description": "Stacking order. Aliased to `--bs-z-index-popover`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-tooltip-trigger-duration",
+        "description": "Length of the show/hide motion. Aliased to `--bs-duration-fast`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-tooltip-trigger-easing",
+        "description": "Curve of the show/hide motion. Aliased to `--bs-easing-standard`."
+      },
+      {
+        "kind": "prop",
+        "name": "--bs-tooltip-trigger-distance",
+        "description": "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."
       }
     ]
   },
@@ -6075,6 +6291,11 @@
         "kind": "part",
         "name": "group",
         "description": "The `role=\"group\"` wrapper around the child items (while expanded)."
+      },
+      {
+        "kind": "part",
+        "name": "ripple",
+        "description": "The press-ripple layer (a `bs-ripple`). Tune it with `::part(ripple) { --bs-ripple-color: ...; }`."
       }
     ],
     "cssProperties": []

package/dist/brandsync-wc/p-046a53de.entry.js

@@ -1 +0,0 @@
-import{r as i,c as s,h as a}from"./p-D3SkQJpw.js";const o=class{constructor(a){i(this,a),this.bsClose=s(this,"bsClose")}open=!1;heading;closeLabel="Close";size="md";centered=!1;bsClose;hasFooter=!1;hasImage=!1;hasIcon=!1;onFooterSlotchange=i=>{this.hasFooter=i.target.assignedNodes().length>0};onImageSlotchange=i=>{this.hasImage=i.target.assignedNodes().length>0};onIconSlotchange=i=>{this.hasIcon=i.target.assignedNodes().length>0};dialogRef;previouslyFocused;previousBodyOverflow;wasOpen=!1;close=()=>{this.open=!1,this.bsClose.emit()};onKeydown(i){this.open&&"Escape"===i.key&&this.close()}onBackdropClick=i=>{i.target===i.currentTarget&&this.close()};onFocusIn(i){this.open&&this.dialogRef?.isConnected&&!i.composedPath().includes(this.dialogRef)&&this.dialogRef.focus()}componentDidRender(){this.open&&!this.wasOpen?(this.previouslyFocused=document.activeElement,requestAnimationFrame((()=>this.dialogRef?.focus())),this.previousBodyOverflow=document.body.style.overflow,document.body.style.overflow="hidden"):!this.open&&this.wasOpen&&(this.previouslyFocused?.focus(),document.body.style.overflow=this.previousBodyOverflow??""),this.wasOpen=this.open}disconnectedCallback(){this.wasOpen&&(document.body.style.overflow=this.previousBodyOverflow??"")}render(){if(!this.open)return null;const i=this.centered||this.hasImage;return a("div",{part:"backdrop",class:"bs-dialog__backdrop",onClick:this.onBackdropClick},a("div",{ref:i=>this.dialogRef=i,tabIndex:-1,part:"dialog",class:`bs-dialog__dialog bs-dialog__dialog--${this.size}`,role:"dialog","aria-modal":"true","aria-label":this.heading},i&&a("bs-icon-button",{part:"close",class:"bs-dialog__close--floating",variant:"neutral",size:"md","aria-label":this.closeLabel,onClick:this.close},a(e,null)),a("div",{part:"image",class:"bs-dialog__image "+(this.hasImage?"bs-dialog__image--visible":"")},a("slot",{name:"image",onSlotchange:this.onImageSlotchange})),this.centered&&a("div",{part:"icon",class:"bs-dialog__icon "+(this.hasIcon?"bs-dialog__icon--visible":"")},a("slot",{name:"icon",onSlotchange:this.onIconSlotchange})),a("div",{part:"header",class:"bs-dialog__header "+(this.centered?"bs-dialog__header--centered":"")},a("span",{class:"bs-dialog__heading"},this.heading),!i&&a("bs-icon-button",{part:"close",variant:"subtle",size:"md","aria-label":this.closeLabel,onClick:this.close},a(e,null))),a("div",{part:"body",class:"bs-dialog__body "+(this.centered?"bs-dialog__body--centered":"")},a("slot",null)),a("div",{part:"footer",class:"bs-dialog__footer "+(this.hasFooter?"bs-dialog__footer--visible":"")},a("slot",{name:"footer",onSlotchange:this.onFooterSlotchange}))))}},e=()=>a("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},a("path",{d:"M12.5 3.5L3.5 12.5",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),a("path",{d:"M12.5 12.5L3.5 3.5",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));o.style=".bs-dialog__backdrop{position:fixed;inset:0;z-index:var(--bs-z-index-modal);display:flex;align-items:center;justify-content:center;background:rgba(0, 0, 0, 0.4)}.bs-dialog__dialog{position:relative;display:flex;flex-direction:column;max-height:calc(100vh - var(--bs-spacing-800));background:var(--bs-surface-base);color:var(--bs-text-default);border-radius:var(--bs-border-radius-200);box-shadow:var(--bs-shadow-xl);font-family:inherit}.bs-dialog__dialog--sm{width:360px}.bs-dialog__dialog--md{width:560px}.bs-dialog__dialog--lg{width:800px}.bs-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:var(--bs-spacing-200) var(--bs-spacing-200) var(--bs-spacing-100)}.bs-dialog__image--visible+.bs-dialog__header,.bs-dialog__icon--visible+.bs-dialog__header{padding-top:0}.bs-dialog__heading{font-size:var(--bs-font-size-lg);font-weight:var(--bs-font-weight-semibold);color:var(--bs-text-default)}.bs-dialog__close--floating{position:absolute;top:var(--bs-spacing-200);inset-inline-end:var(--bs-spacing-200);z-index:1}.bs-dialog__body{padding:0 var(--bs-spacing-200) var(--bs-spacing-200);overflow-y:auto}.bs-dialog__body--centered{text-align:center}.bs-dialog__footer--visible{display:flex;justify-content:flex-end;gap:var(--bs-spacing-200);padding:0 var(--bs-spacing-200) var(--bs-spacing-200)}.bs-dialog__image--visible{overflow:hidden;border-radius:var(--bs-border-radius-200) var(--bs-border-radius-200) 0 0;margin-bottom:var(--bs-spacing-200)}.bs-dialog__image--visible ::slotted(img){display:block;width:100%;height:auto;object-fit:cover}.bs-dialog__icon--visible{display:flex;align-items:center;justify-content:center;padding:var(--bs-spacing-200) var(--bs-spacing-200) 0;margin-bottom:var(--bs-spacing-200)}.bs-dialog__icon--visible ::slotted(*){width:64px;height:64px}.bs-dialog__header--centered{justify-content:center;text-align:center}@media (forced-colors: active){.bs-dialog__dialog{border:1px solid CanvasText}}";export{o as bs_dialog}

package/dist/brandsync-wc/p-07e0b444.entry.js

@@ -1 +0,0 @@
-import{r as e,c as a,a as s,h as t}from"./p-D3SkQJpw.js";let n=0;const i=class{constructor(s){e(this,s),this.bsMenuSelect=a(this,"bsMenuSelect"),this.bsClose=a(this,"bsClose")}get el(){return s(this)}id="bs-mm-"+ ++n;type="columns";columns=[];featured;recent=[];label="Menu";recentLabel="Recently used:";shortcutLabel="Can’t find it? Press";shortcutKeys="Ctrl+K";shortcutKeysLabel;bsMenuSelect;bsClose;select(e,a){this.bsMenuSelect.emit(e).defaultPrevented&&a.preventDefault()}onKeyDown=e=>{"Escape"===e.key&&this.bsClose.emit()};renderItem(e){const a=a=>this.select(e,a);return t("li",null,"compact"===this.type?t("bs-compact-menu-block",{part:"block",name:e.label,onClick:a}):t("bs-menu-block",{part:"block",name:e.label,description:e.description,icon:e.icon,badge:e.badge,onClick:a}))}renderColumn(e){const a=`${this.id}-h-${e.id}`;return t("div",{part:"column",class:"bs-mega-menu__column",role:"group","aria-labelledby":a},t("div",{part:"heading",id:a,class:"bs-mega-menu__heading"},e.label),t("ul",{part:"list",role:"list",class:"bs-mega-menu__list"},e.items.map((e=>this.renderItem(e)))))}renderFeatured(){const e=`${this.id}-featured`;return t("div",{part:"featured",class:"bs-mega-menu__featured",role:"group","aria-labelledby":this.featured?e:void 0},t("slot",{name:"featured"},this.featured&&[t("p",{part:"featured-title",id:e,class:"bs-mega-menu__featured-title"},this.featured.title),this.featured.description&&t("p",{part:"featured-description",class:"bs-mega-menu__featured-description"},this.featured.description)]))}render(){const e=!!this.featured||!!this.el.querySelector(':scope > [slot="featured"]');return t("bs-card",{key:"005653cc6235b7aa26268e3bf97b1a985df89843",part:"panel",class:"bs-mega-menu",surface:"base",role:"navigation","aria-label":this.label,onKeyDown:this.onKeyDown},t("div",{key:"22808dd74ea84ae0511dc92e4a3d2d3045a8157c",part:"columns",class:"bs-mega-menu__columns",style:{"--bs-mega-menu-tracks":String(Math.max(this.columns.length+(e?1:0),1))}},this.columns.map((e=>this.renderColumn(e))),e&&this.renderFeatured()),t("bs-divider",{key:"105dd2102501c21303f0cd115f2a8797a8996195",decorative:!0}),t("div",{key:"0f20d9d01cb29d29735612d2708cb48af2e30bf0",part:"footer",class:"bs-mega-menu__footer"},t("span",{key:"e2d7e8bf77b15b735015342ef6a21b946cdcf2cb",class:"bs-mega-menu__footer-start"},t("slot",{key:"1d34e50c301329ea2bd381a08ffab99b9bce5394",name:"footer-start"},this.recent.length>0&&`${this.recentLabel} ${this.recent.join(", ")}`)),t("span",{key:"773eae68920c131c8dea1182a41a78e6ceef4222",class:"bs-mega-menu__footer-end"},t("slot",{key:"70e2b5dce40e19423b55c1df869d1326f5fdbfa4",name:"footer-end"},t("span",{key:"10bb8e18aaa162b06209f65f7e9136ff716466f8",class:"bs-mega-menu__shortcut"},this.shortcutLabel,t("bs-key-caps",{key:"a9991ceab494255b81fccb97e8290432bcc0cff2",part:"shortcut",keys:this.shortcutKeys,label:this.shortcutKeysLabel}))))))}};i.style=":host{display:block;box-sizing:border-box;container-type:inline-size;width:var(--bs-mega-menu-width);max-width:100%;--bs-mega-menu-width:1100px;--bs-mega-menu-radius:var(--bs-border-radius-150);--bs-mega-menu-bg:var(--bs-surface-base);--bs-mega-menu-border-color:var(--bs-border-default);--bs-mega-menu-shadow:var(--bs-shadow-position-0) var(--bs-shadow-position-50) var(--bs-shadow-blur-100) var(--bs-elevation-high);--bs-mega-menu-padding:var(--bs-spacing-300) calc(var(--bs-spacing-300) + var(--bs-spacing-50));--bs-mega-menu-gap:var(--bs-spacing-300);--bs-mega-menu-heading-color:var(--bs-text-muted);--bs-mega-menu-text-color:var(--bs-text-default);--bs-mega-menu-muted-color:var(--bs-text-secondary)}:host([hidden]){display:none}.bs-mega-menu{display:block;--bs-card-bg:var(--bs-mega-menu-bg);--bs-card-radius:var(--bs-mega-menu-radius);--bs-card-padding:0px;--bs-card-border-width:1px;--bs-card-border-color:var(--bs-mega-menu-border-color);--bs-card-shadow:var(--bs-mega-menu-shadow);font-family:var(--bs-typography-font-family-body, Roboto), sans-serif}.bs-mega-menu__columns{display:grid;grid-template-columns:repeat(var(--bs-mega-menu-tracks), minmax(0, 1fr));gap:var(--bs-mega-menu-gap);padding:var(--bs-mega-menu-padding);padding-bottom:var(--bs-spacing-100)}.bs-mega-menu__heading{margin:0 0 var(--bs-spacing-50);color:var(--bs-mega-menu-heading-color);font-size:var(--bs-fontsize-caption-sm);font-weight:var(--bs-font-weight-semibold);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-mega-menu__list{display:block;margin:0;padding:0;list-style:none}.bs-mega-menu__featured{padding-top:var(--bs-spacing-300)}.bs-mega-menu__featured-title,.bs-mega-menu__featured-description{margin:0}.bs-mega-menu__featured-title{color:var(--bs-mega-menu-text-color);font-size:var(--bs-fontsize-caption-sm);font-weight:var(--bs-font-weight-bold);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-mega-menu__featured-description{margin-top:var(--bs-spacing-100);color:var(--bs-mega-menu-muted-color);font-size:var(--bs-fontsize-caption-sm);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-mega-menu__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-spacing-200);padding:var(--bs-spacing-150) var(--bs-spacing-200);color:var(--bs-mega-menu-muted-color);font-size:var(--bs-fontsize-caption-sm);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-mega-menu__footer-end{display:inline-flex;align-items:center;gap:var(--bs-spacing-100)}.bs-mega-menu__shortcut{display:inline-flex;align-items:center;gap:var(--bs-spacing-100)}@container (max-width: 599px){.bs-mega-menu__columns{grid-template-columns:minmax(0, 1fr);padding:var(--bs-spacing-200);padding-bottom:var(--bs-spacing-100)}bs-menu-block{--bs-menu-block-white-space:normal;min-height:var(--bs-scale-550)}bs-compact-menu-block{--bs-compact-menu-block-padding:var(--bs-spacing-150) var(--bs-spacing-100);min-height:var(--bs-scale-550)}.bs-mega-menu__featured{padding-top:var(--bs-spacing-100)}.bs-mega-menu__footer{flex-direction:column;align-items:flex-start;gap:var(--bs-spacing-100)}.bs-mega-menu__shortcut{display:none}}";export{i as bs_mega_menu}