@brandsync/wc 1.7.0 → 1.9.0

package/dist/esm/bs-tooltip.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-DuyFft7h.js';
+import { r as registerInstance, h } from './index-AgoOSYvW.js';
 
 const bsTooltipCss = () => `:host{display:inline-block;--bs-tooltip-bg:var(--bs-surface-inverse);--bs-tooltip-color:var(--bs-text-inverse);--bs-tooltip-radius:var(--bs-border-radius-50);--bs-tooltip-padding-x:var(--bs-spacing-200);--bs-tooltip-padding-y:var(--bs-spacing-100);--bs-tooltip-max-width:200px;--bs-tooltip-shadow:-1px 4px 8px rgba(0, 0, 0, 0.08);--bs-tooltip-font-size:var(--bs-font-size-sm);--bs-tooltip-line-height:var(--bs-line-height-body-sm)}.bs-tooltip{position:relative;display:inline-block}.bs-tooltip__bubble{box-sizing:border-box;max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);background:var(--bs-tooltip-bg);color:var(--bs-tooltip-color);border-radius:var(--bs-tooltip-radius);box-shadow:var(--bs-tooltip-shadow);font-family:inherit;font-size:var(--bs-tooltip-font-size);line-height:calc(var(--bs-tooltip-line-height) * 1px)}.bs-tooltip__arrow{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:8px;height:8px;background:var(--bs-tooltip-bg);clip-path:polygon(50% 0, 0% 100%, 100% 100%)}`;
 
@@ -14,7 +14,7 @@ const BsTooltip = class {
      */
     placement = 'top';
     render() {
-        return (h("div", { key: '81d300180aa98431ab694c50e76bb7e55a65efb0', class: "bs-tooltip" }, h("span", { key: '42e53b74b32dab5418e1e7ce37210316fd14341e', part: "arrow", class: "bs-tooltip__arrow" }), h("div", { key: '9b118fbb55282ef4cc7ccdf45da46c1939e25147', part: "bubble", class: "bs-tooltip__bubble" }, h("slot", { key: '52f128c55db4da2bbdc6b94c254ab80fb7dcc53f' }))));
+        return (h("div", { key: 'b7c2ee57db3a4e36cdd106d78f0f8d54c45a04c6', class: "bs-tooltip" }, h("span", { key: '22b738a760e9967233052ce4540c77da4ac9563e', part: "arrow", class: "bs-tooltip__arrow" }), h("div", { key: '69a8b07711478e699be4c8151d9f7dfd2e4e0bf4', part: "bubble", class: "bs-tooltip__bubble" }, h("slot", { key: 'b32c75a06582b8e8f99b973889450e9100b75323' }))));
     }
 };
 BsTooltip.style = bsTooltipCss();

package/dist/esm/{index-DuyFft7h.js → index-AgoOSYvW.js}

@@ -142,6 +142,12 @@ var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
 var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
 var MAX_LAZY_LOAD_RETRIES = 3;
 var LAZY_LOAD_RETRY_INTERVAL_MS = 1e3;
+var FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
+  "formAssociatedCallback",
+  "formResetCallback",
+  "formDisabledCallback",
+  "formStateRestoreCallback"
+];
 var win = typeof window !== "undefined" ? window : {};
 var plt = {
   $flags$: 0,
@@ -540,7 +546,9 @@ var normalizeWatchers = (raw) => {
 var parsePropertyValue = (propValue, propType, isFormAssociated) => {
   if (propValue != null && !isComplexType(propValue)) {
     if (propType & 4 /* Boolean */) {
-      {
+      if (isFormAssociated && typeof propValue === "string") {
+        return propValue === "" || !!propValue;
+      } else {
         return propValue === "false" ? false : propValue === "" || !!propValue;
       }
     }
@@ -1237,7 +1245,9 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
   const instance = hostRef.$lazyInstance$ ;
   newVal = parsePropertyValue(
     newVal,
-    cmpMeta.$members$[propName][0]);
+    cmpMeta.$members$[propName][0],
+    !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+  );
   const areBothNaN = Number.isNaN(oldVal) && Number.isNaN(newVal);
   const didValueChange = newVal !== oldVal && !areBothNaN;
   if ((!(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
@@ -1295,6 +1305,26 @@ var replayPendingSetterValues = (hostRef, cmpMeta) => {
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a, _b;
   const prototype = Cstr.prototype;
+  if (cmpMeta.$flags$ & 64 /* formAssociated */ && flags & 1 /* isElementConstructor */) {
+    FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS.forEach((cbName) => {
+      Object.defineProperty(prototype, cbName, {
+        value(...args) {
+          var _a2;
+          const hostRef = getHostRef(this);
+          const instance = hostRef == null ? void 0 : hostRef.$lazyInstance$ ;
+          if (!instance) {
+            (_a2 = hostRef == null ? void 0 : hostRef.$onReadyPromise$) == null ? void 0 : _a2.then((asyncInstance) => {
+              const cb = asyncInstance[cbName];
+              typeof cb === "function" && cb.call(asyncInstance, ...args);
+            });
+          } else {
+            const cb = instance[cbName] ;
+            typeof cb === "function" && cb.call(instance, ...args);
+          }
+        }
+      });
+    });
+  }
   if (cmpMeta.$members$ || BUILD.propChangeCallback) {
     {
       if (Cstr.watchers && !cmpMeta.$watchers$) {
@@ -1343,7 +1373,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
               origSetter.apply(this, [
                 parsePropertyValue(
                   newValue,
-                  memberFlags)
+                  memberFlags,
+                  !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+                )
               ]);
               newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
               setValue(this, memberName, newValue, cmpMeta);
@@ -1356,7 +1388,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
               }
               const parsedValue = parsePropertyValue(
                 newValue,
-                memberFlags);
+                memberFlags,
+                !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+              );
               if (ref.$lazyInstance$) {
                 const currentValue = ref.$lazyInstance$[memberName];
                 if (!ref.$instanceValues$.get(memberName) && currentValue) {
@@ -1421,7 +1455,8 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
           }
           const isSpuriousBooleanRemoval = isBooleanTarget && newValue === null && this[propName] === void 0;
           if (isBooleanTarget) {
-            newValue = newValue === null || newValue === "false" && true ? false : true;
+            const isFormAssociated = !!(cmpMeta.$flags$ & 64 /* formAssociated */);
+            newValue = newValue === null || newValue === "false" && !isFormAssociated ? false : true;
           }
           const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
           if (!isSpuriousBooleanRemoval && newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
@@ -1725,6 +1760,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           return (_a3 = getHostRef(this)) == null ? void 0 : _a3.$onReadyPromise$;
         }
       };
+      if (cmpMeta.$flags$ & 64 /* formAssociated */) {
+        HostElement.formAssociated = true;
+      }
       cmpMeta.$lazyBundleId$ = lazyBundle[0];
       if (!exclude.includes(tagName) && !customElements2.get(tagName)) {
         cmpTags.push(tagName);

package/dist/esm/loader.js

@@ -1,10 +1,10 @@
-import { g as globalScripts, b as bootstrapLazy } from './index-DuyFft7h.js';
-export { s as setNonce } from './index-DuyFft7h.js';
+import { g as globalScripts, b as bootstrapLazy } from './index-AgoOSYvW.js';
+export { s as setNonce } from './index-AgoOSYvW.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["bs-carousel",[[769,"bs-carousel",{"tracker":[1],"slidesPerView":[2,"slides-per-view"],"currentPage":[1538,"current-page"],"autoplay":[4],"interval":[2],"paused":[1540],"label":[1],"previousLabel":[1,"previous-label"],"nextLabel":[1,"next-label"],"pauseLabel":[1,"pause-label"],"playLabel":[1,"play-label"],"slideCount":[32],"interacting":[32]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[0,"focusin","onFocusIn"],[0,"focusout","onFocusOut"]],{"currentPage":[{"onCurrentPageChange":0}],"autoplay":[{"updateTimer":0}],"paused":[{"updateTimer":0}],"interval":[{"updateTimer":0}],"interacting":[{"updateTimer":0}],"slideCount":[{"updateTimer":0}],"slidesPerView":[{"updateTimer":0}]}]]],["bs-file-upload-item",[[769,"bs-file-upload-item",{"state":[513],"fileName":[1,"file-name"],"fileSize":[1,"file-size"],"progress":[2],"message":[1],"thumbnailSrc":[1,"thumbnail-src"],"thumbnailAlt":[1,"thumbnail-alt"],"cancelLabel":[1,"cancel-label"],"removeLabel":[1,"remove-label"]}]]],["bs-input",[[785,"bs-input",{"value":[1025],"type":[1],"label":[1],"placeholder":[1],"description":[1],"error":[1],"disabled":[4],"required":[4],"step":[2],"min":[2],"max":[2],"options":[16],"rows":[2],"chips":[16],"titleOptions":[16],"initialsTitle":[1,"initials-title"],"countryOptions":[16],"country":[1],"length":[2],"open":[1540],"hasIcon":[32],"hasEndIcon":[32],"passwordVisible":[32],"chipDraft":[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]]]]],["bs-snackbar",[[769,"bs-snackbar",{"variant":[1],"loading":[4],"actionLabel":[1,"action-label"]}]]],["bs-attachment",[[513,"bs-attachment",{"type":[1],"fileName":[1,"file-name"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"loading":[4],"removable":[4]}]]],["bs-breadcrumb-overflow",[[513,"bs-breadcrumb-overflow",{"items":[16],"overflowLabel":[1,"overflow-label"],"size":[513],"open":[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]]]]],["bs-chatbot-header",[[769,"bs-chatbot-header",{"heading":[1],"expanded":[1540]}]]],["bs-dialog",[[769,"bs-dialog",{"open":[1540],"heading":[1],"size":[1],"centered":[516],"hasFooter":[32],"hasImage":[32],"hasIcon":[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]],["bs-file-upload",[[769,"bs-file-upload",{"direction":[513],"heading":[1],"description":[1],"buttonLabel":[1,"button-label"],"accept":[1],"multiple":[4],"disabled":[516],"dragging":[1540]}]]],["bs-navigation-drawer",[[769,"bs-navigation-drawer",{"heading":[1],"collapsible":[4],"collapsed":[1540],"logoBackground":[1,"logo-background"],"showLogo":[4,"show-logo"]},null,{"collapsed":[{"onCollapsedChange":0}]}]]],["bs-navigation-header",[[769,"bs-navigation-header",{"alignment":[1],"ariaLabel":[1,"aria-label"],"skipToContentHref":[1,"skip-to-content-href"],"skipToContentLabel":[1,"skip-to-content-label"],"logoBackground":[1,"logo-background"]}]]],["bs-accordion",[[769,"bs-accordion",{"expanded":[516],"size":[1],"disabled":[4],"showIcon":[4,"show-icon"],"showPreview":[4,"show-preview"]}]]],["bs-ai-disclaimer",[[257,"bs-ai-disclaimer"]]],["bs-ai-greeting",[[513,"bs-ai-greeting",{"assistantName":[1,"assistant-name"],"productName":[1,"product-name"]}]]],["bs-ai-thinking",[[513,"bs-ai-thinking",{"label":[1]}]]],["bs-attachment-list",[[769,"bs-attachment-list",{"ariaLabel":[1,"aria-label"],"canScrollRight":[32]}]]],["bs-avatar",[[513,"bs-avatar",{"type":[1],"size":[1],"initials":[1],"src":[1],"alt":[1],"ariaLabel":[1,"aria-label"],"disabled":[516]}]]],["bs-badge",[[769,"bs-badge",{"variant":[1]}]]],["bs-breadcrumb",[[769,"bs-breadcrumb",{"href":[1],"current":[516],"size":[513]}]]],["bs-breadcrumbs",[[769,"bs-breadcrumbs",{"label":[1],"size":[1]},null,{"size":[{"onSizeChange":0}]}]]],["bs-button-skeleton",[[513,"bs-button-skeleton",{"size":[1]}]]],["bs-card",[[769,"bs-card",{"surface":[1],"hasImage":[32]}]]],["bs-chatbot-feedback",[[513,"bs-chatbot-feedback",{"rating":[1538],"submitted":[1540],"comment":[1025],"heading":[1],"subtitle":[1]}]]],["bs-chatbot-response-action",[[769,"bs-chatbot-response-action",{"sourcesCount":[2,"sources-count"],"menuOpen":[1540,"menu-open"]},[[4,"click","onDocumentClick"],[4,"keydown","onKeydown"]]]]],["bs-chatbot-sources-drawer",[[769,"bs-chatbot-sources-drawer",{"heading":[1],"count":[2],"slottedCount":[32]}]]],["bs-chatbot-suggestion-button",[[769,"bs-chatbot-suggestion-button",{"disabled":[4]}]]],["bs-checkbox",[[785,"bs-checkbox",{"size":[1],"checked":[1540],"indeterminate":[1540],"disabled":[4],"error":[4],"ariaLabel":[1,"aria-label"]},null,{"indeterminate":[{"onIndeterminateChange":0}]}]]],["bs-checkbox-skeleton",[[513,"bs-checkbox-skeleton",{"size":[1]}]]],["bs-chip-filter",[[785,"bs-chip-filter",{"size":[1],"selected":[516],"dropdown":[4],"disabled":[4],"ariaLabel":[1,"aria-label"],"hasIcon":[32]}]]],["bs-chip-informative",[[769,"bs-chip-informative",{"color":[1],"size":[1],"disabled":[516],"hasIcon":[32]}]]],["bs-chip-input",[[785,"bs-chip-input",{"size":[1],"selected":[1540],"disabled":[516],"hasIcon":[32],"labelText":[32]}]]],["bs-composer",[[785,"bs-composer",{"variant":[1],"placeholder":[1],"value":[1025],"state":[513],"ariaLabel":[1,"aria-label"],"hasAttachments":[32]}]]],["bs-composer-status-banner",[[769,"bs-composer-status-banner",{"type":[1],"message":[1],"showIcon":[4,"show-icon"],"showButton":[4,"show-button"],"actionLabel":[1,"action-label"],"allowClose":[4,"allow-close"]}]]],["bs-data-table",[[513,"bs-data-table",{"columns":[16],"rows":[16],"sortColumn":[1,"sort-column"],"sortDirection":[1,"sort-direction"],"selectable":[4],"cellRenderer":[16],"selectedIds":[32],"clearSelection":[64]}]]],["bs-inline-tab",[[769,"bs-inline-tab",{"selected":[516],"disabled":[4],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasLabel":[32]}]]],["bs-navigation-drawer-item",[[769,"bs-navigation-drawer-item",{"selected":[516],"expandable":[4],"expanded":[1540],"nested":[4],"ariaLabel":[1,"aria-label"],"collapsed":[516],"hasIcon":[32]}]]],["bs-progress",[[513,"bs-progress",{"type":[1],"size":[1],"strokeWidth":[2,"stroke-width"],"value":[2],"showLabel":[4,"show-label"]}]]],["bs-radio",[[785,"bs-radio",{"name":[1],"value":[1],"checked":[1540],"disabled":[4]}]]],["bs-slider",[[529,"bs-slider",{"type":[1],"showLabel":[4,"show-label"],"label":[1],"min":[2],"max":[2],"step":[2],"value":[1026],"valueStart":[1026,"value-start"],"valueEnd":[1026,"value-end"],"segments":[2],"disabled":[4],"ariaLabel":[1,"aria-label"]}]]],["bs-source-link",[[769,"bs-source-link",{"fileName":[1,"file-name"],"sourceName":[1,"source-name"],"version":[1],"href":[1],"target":[1]}]]],["bs-stepper",[[769,"bs-stepper",{"currentStep":[2,"current-step"],"direction":[513],"showDescription":[4,"show-description"]},null,{"currentStep":[{"onPropChange":0}],"direction":[{"onPropChange":0}],"showDescription":[{"onPropChange":0}]}]]],["bs-stepper-step",[[513,"bs-stepper-step",{"name":[1],"description":[1],"error":[4],"disabled":[4],"computedState":[1,"computed-state"],"direction":[1],"showDescription":[4,"show-description"]}]]],["bs-switch",[[785,"bs-switch",{"size":[1],"checked":[1540],"disabled":[4],"ariaLabel":[1,"aria-label"]}]]],["bs-tab",[[769,"bs-tab",{"selected":[516],"disabled":[4],"iconPosition":[1,"icon-position"],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasLabel":[32],"hasBadge":[32]}]]],["bs-tabs",[[769,"bs-tabs",{"type":[1],"orientation":[1]},[[0,"bsSelect","onTabSelect"]]]]],["bs-toast",[[769,"bs-toast",{"state":[1]}]]],["bs-menu-item",[[769,"bs-menu-item",{"disabled":[4],"hasIcon":[32]}]]],["bs-pagination",[[513,"bs-pagination",{"totalPages":[2,"total-pages"],"currentPage":[1538,"current-page"],"siblingCount":[2,"sibling-count"],"previousLabel":[1,"previous-label"],"nextLabel":[1,"next-label"]}]]],["bs-progress-linear",[[769,"bs-progress-linear",{"type":[1],"size":[1],"value":[2],"showLabel":[4,"show-label"],"ariaLabel":[1,"aria-label"],"hasLabelContent":[32]}]]],["bs-tooltip",[[769,"bs-tooltip",{"placement":[1]}]]],["bs-logo",[[513,"bs-logo",{"variant":[1],"background":[1],"src":[1],"alt":[1]}]]],["bs-menu",[[257,"bs-menu"]]],["bs-button",[[785,"bs-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasEndIcon":[32],"hasLabel":[32]}]]],["bs-icon-button",[[785,"bs-icon-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"]}]]]], options);
+  return bootstrapLazy([["bs-carousel",[[769,"bs-carousel",{"tracker":[1],"slidesPerView":[2,"slides-per-view"],"currentPage":[1538,"current-page"],"autoplay":[4],"interval":[2],"paused":[1540],"label":[1],"previousLabel":[1,"previous-label"],"nextLabel":[1,"next-label"],"pauseLabel":[1,"pause-label"],"playLabel":[1,"play-label"],"slideCount":[32],"interacting":[32]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[0,"focusin","onFocusIn"],[0,"focusout","onFocusOut"]],{"currentPage":[{"onCurrentPageChange":0}],"autoplay":[{"updateTimer":0}],"paused":[{"updateTimer":0}],"interval":[{"updateTimer":0}],"interacting":[{"updateTimer":0}],"slideCount":[{"updateTimer":0}],"slidesPerView":[{"updateTimer":0}]}]]],["bs-file-upload-item",[[769,"bs-file-upload-item",{"state":[513],"fileName":[1,"file-name"],"fileSize":[1,"file-size"],"progress":[2],"message":[1],"thumbnailSrc":[1,"thumbnail-src"],"thumbnailAlt":[1,"thumbnail-alt"],"cancelLabel":[1,"cancel-label"],"removeLabel":[1,"remove-label"]}]]],["bs-input",[[849,"bs-input",{"name":[513],"value":[1025],"type":[1],"label":[1],"placeholder":[1],"description":[1],"error":[1],"disabled":[516],"required":[4],"step":[2],"min":[2],"max":[2],"options":[16],"rows":[2],"chips":[16],"titleOptions":[16],"initialsTitle":[1,"initials-title"],"countryOptions":[16],"country":[1],"length":[2],"open":[1540],"hasIcon":[32],"hasEndIcon":[32],"passwordVisible":[32],"chipDraft":[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]],{"value":[{"onFormStateChange":0}],"type":[{"onFormStateChange":0}],"chips":[{"onFormStateChange":0}],"required":[{"onFormStateChange":0}]}]]],["bs-snackbar",[[769,"bs-snackbar",{"variant":[1],"loading":[4],"actionLabel":[1,"action-label"]}]]],["bs-attachment",[[513,"bs-attachment",{"type":[1],"fileName":[1,"file-name"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"loading":[4],"removable":[4]}]]],["bs-breadcrumb-overflow",[[513,"bs-breadcrumb-overflow",{"items":[16],"overflowLabel":[1,"overflow-label"],"size":[513],"open":[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]]]]],["bs-chatbot-header",[[769,"bs-chatbot-header",{"heading":[1],"expanded":[1540]}]]],["bs-dialog",[[769,"bs-dialog",{"open":[1540],"heading":[1],"size":[1],"centered":[516],"hasFooter":[32],"hasImage":[32],"hasIcon":[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]],["bs-file-upload",[[769,"bs-file-upload",{"direction":[513],"heading":[1],"description":[1],"buttonLabel":[1,"button-label"],"accept":[1],"multiple":[4],"disabled":[516],"dragging":[1540]}]]],["bs-navigation-drawer",[[769,"bs-navigation-drawer",{"heading":[1],"collapsible":[4],"collapsed":[1540],"logoBackground":[1,"logo-background"],"showLogo":[4,"show-logo"],"open":[1540],"mobile":[32]},[[4,"keydown","onDocumentKeydown"],[4,"focusin","onDocumentFocusIn"]],{"collapsed":[{"onCollapsedChange":0}],"mobile":[{"onMobileChange":0}],"open":[{"onOpenChange":0}]}]]],["bs-navigation-header",[[769,"bs-navigation-header",{"alignment":[1],"ariaLabel":[1,"aria-label"],"skipToContentHref":[1,"skip-to-content-href"],"skipToContentLabel":[1,"skip-to-content-label"],"logoBackground":[1,"logo-background"]}]]],["bs-accordion",[[769,"bs-accordion",{"expanded":[516],"size":[1],"disabled":[4],"showIcon":[4,"show-icon"],"showPreview":[4,"show-preview"]}]]],["bs-ai-disclaimer",[[257,"bs-ai-disclaimer"]]],["bs-ai-greeting",[[513,"bs-ai-greeting",{"assistantName":[1,"assistant-name"],"productName":[1,"product-name"]}]]],["bs-ai-thinking",[[513,"bs-ai-thinking",{"label":[1]}]]],["bs-attachment-list",[[769,"bs-attachment-list",{"ariaLabel":[1,"aria-label"],"canScrollRight":[32]}]]],["bs-avatar",[[513,"bs-avatar",{"type":[1],"size":[1],"initials":[1],"src":[1],"alt":[1],"ariaLabel":[1,"aria-label"],"disabled":[516]}]]],["bs-badge",[[769,"bs-badge",{"variant":[1]}]]],["bs-breadcrumb",[[769,"bs-breadcrumb",{"href":[1],"current":[516],"size":[513]}]]],["bs-breadcrumbs",[[769,"bs-breadcrumbs",{"label":[1],"size":[1]},null,{"size":[{"onSizeChange":0}]}]]],["bs-button-skeleton",[[513,"bs-button-skeleton",{"size":[1]}]]],["bs-card",[[769,"bs-card",{"surface":[1],"hasImage":[32]}]]],["bs-chatbot-feedback",[[513,"bs-chatbot-feedback",{"rating":[1538],"submitted":[1540],"comment":[1025],"heading":[1],"subtitle":[1]}]]],["bs-chatbot-response-action",[[769,"bs-chatbot-response-action",{"sourcesCount":[2,"sources-count"],"menuOpen":[1540,"menu-open"]},[[4,"click","onDocumentClick"],[4,"keydown","onKeydown"]]]]],["bs-chatbot-sources-drawer",[[769,"bs-chatbot-sources-drawer",{"heading":[1],"count":[2],"slottedCount":[32]}]]],["bs-chatbot-suggestion-button",[[769,"bs-chatbot-suggestion-button",{"disabled":[4]}]]],["bs-checkbox",[[849,"bs-checkbox",{"name":[513],"value":[1],"required":[4],"size":[1],"checked":[1540],"indeterminate":[1540],"disabled":[516],"error":[4],"ariaLabel":[1,"aria-label"]},null,{"checked":[{"syncFormValue":0}],"value":[{"syncFormValue":0}],"required":[{"syncFormValue":0}],"indeterminate":[{"onIndeterminateChange":0}]}]]],["bs-checkbox-skeleton",[[513,"bs-checkbox-skeleton",{"size":[1]}]]],["bs-chip-filter",[[785,"bs-chip-filter",{"size":[1],"selected":[516],"dropdown":[4],"disabled":[4],"ariaLabel":[1,"aria-label"],"hasIcon":[32]}]]],["bs-chip-informative",[[769,"bs-chip-informative",{"color":[1],"size":[1],"disabled":[516],"hasIcon":[32]}]]],["bs-chip-input",[[785,"bs-chip-input",{"size":[1],"selected":[1540],"disabled":[516],"hasIcon":[32],"labelText":[32]}]]],["bs-composer",[[785,"bs-composer",{"variant":[1],"placeholder":[1],"value":[1025],"state":[513],"ariaLabel":[1,"aria-label"],"hasAttachments":[32]}]]],["bs-composer-status-banner",[[769,"bs-composer-status-banner",{"type":[1],"message":[1],"showIcon":[4,"show-icon"],"showButton":[4,"show-button"],"actionLabel":[1,"action-label"],"allowClose":[4,"allow-close"]}]]],["bs-data-table",[[513,"bs-data-table",{"columns":[16],"rows":[16],"sortColumn":[1,"sort-column"],"sortDirection":[1,"sort-direction"],"selectable":[4],"cellRenderer":[16],"selectedIds":[32],"clearSelection":[64]}]]],["bs-inline-tab",[[769,"bs-inline-tab",{"selected":[516],"disabled":[4],"ariaLabel":[1,"aria-label"],"value":[513],"tabbable":[4],"hasIcon":[32],"hasLabel":[32]}]]],["bs-navigation-drawer-item",[[769,"bs-navigation-drawer-item",{"selected":[516],"expandable":[4],"expanded":[1540],"nested":[4],"ariaLabel":[1,"aria-label"],"collapsed":[516],"hasIcon":[32]}]]],["bs-progress",[[513,"bs-progress",{"type":[1],"size":[1],"strokeWidth":[2,"stroke-width"],"value":[2],"showLabel":[4,"show-label"],"ariaLabel":[1,"aria-label"]}]]],["bs-radio",[[849,"bs-radio",{"name":[513],"value":[1],"checked":[1540],"disabled":[516],"groupHasChecked":[32]},[[4,"bsChange","onAnyRadioChange"]],{"checked":[{"onCheckedChange":0}],"value":[{"onCheckedChange":0}]}]]],["bs-slider",[[593,"bs-slider",{"type":[1],"name":[513],"showLabel":[4,"show-label"],"label":[1],"min":[2],"max":[2],"step":[2],"value":[1026],"valueStart":[1026,"value-start"],"valueEnd":[1026,"value-end"],"segments":[2],"disabled":[516],"ariaLabel":[1,"aria-label"]},null,{"value":[{"syncFormValue":0}],"valueStart":[{"syncFormValue":0}],"valueEnd":[{"syncFormValue":0}],"type":[{"syncFormValue":0}]}]]],["bs-source-link",[[769,"bs-source-link",{"fileName":[1,"file-name"],"sourceName":[1,"source-name"],"version":[1],"href":[1],"target":[1]}]]],["bs-stepper",[[769,"bs-stepper",{"currentStep":[2,"current-step"],"direction":[513],"showDescription":[4,"show-description"]},null,{"currentStep":[{"onPropChange":0}],"direction":[{"onPropChange":0}],"showDescription":[{"onPropChange":0}]}]]],["bs-stepper-step",[[513,"bs-stepper-step",{"name":[1],"description":[1],"error":[4],"disabled":[4],"computedState":[1,"computed-state"],"direction":[1],"showDescription":[4,"show-description"]}]]],["bs-switch",[[849,"bs-switch",{"name":[513],"value":[1],"size":[1],"checked":[1540],"disabled":[516],"ariaLabel":[1,"aria-label"]},null,{"checked":[{"syncFormValue":0}],"value":[{"syncFormValue":0}]}]]],["bs-tab",[[769,"bs-tab",{"selected":[516],"disabled":[4],"iconPosition":[1,"icon-position"],"ariaLabel":[1,"aria-label"],"value":[513],"tabbable":[4],"hasIcon":[32],"hasLabel":[32],"hasBadge":[32]}]]],["bs-tabs",[[769,"bs-tabs",{"type":[1],"orientation":[1],"value":[1537]},[[0,"bsSelect","onTabSelect"],[0,"keydown","onKeyDown"]],{"value":[{"onValueChange":0}],"orientation":[{"syncRovingTabindex":0}]}]]],["bs-toast",[[769,"bs-toast",{"state":[1]}]]],["bs-menu-item",[[769,"bs-menu-item",{"disabled":[4],"hasIcon":[32]}]]],["bs-pagination",[[513,"bs-pagination",{"totalPages":[2,"total-pages"],"currentPage":[1538,"current-page"],"siblingCount":[2,"sibling-count"],"previousLabel":[1,"previous-label"],"nextLabel":[1,"next-label"]}]]],["bs-progress-linear",[[769,"bs-progress-linear",{"type":[1],"size":[1],"value":[2],"showLabel":[4,"show-label"],"ariaLabel":[1,"aria-label"],"hasLabelContent":[32]}]]],["bs-tooltip",[[769,"bs-tooltip",{"placement":[1]}]]],["bs-logo",[[513,"bs-logo",{"variant":[1],"background":[1],"src":[1],"alt":[1]}]]],["bs-menu",[[257,"bs-menu",null,[[0,"keydown","onKeyDown"]]]]],["bs-button",[[849,"bs-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasEndIcon":[32],"hasLabel":[32]}]]],["bs-icon-button",[[849,"bs-icon-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"]}]]]], options);
 };
 
 export { defineCustomElements };

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

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

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

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
 export type BsBreadcrumbSize = 'sm' | 'md';
 /**
  * A single crumb within a `<bs-breadcrumbs>` trail: a leading separator icon plus either a link,
@@ -40,5 +41,14 @@ export declare class BsBreadcrumb {
      * size is unchanged, since Figma didn't specify a `sm` icon size and guessing one risked drifting
      * off-brand. Reflected so consumers/CSS can target `bs-breadcrumb[size="sm"]`. */
     size: BsBreadcrumbSize;
+    /** Fires when the crumb's link is clicked, before the browser navigates. **Cancelable**: call
+     * `event.preventDefault()` to stop the native navigation and route it yourself (an SPA router).
+     * Detail is `{ href }`. Only a plain primary-button click emits it -- ctrl/cmd/shift/alt-clicks
+     * and middle-clicks (open in a new tab/window) are left to the browser. Bubbles and is composed,
+     * so one listener on the surrounding `<bs-breadcrumbs>` covers every crumb. */
+    bsNavigate: EventEmitter<{
+        href: string;
+    }>;
+    private onLinkClick;
     render(): any;
 }

package/dist/types/components/bs-breadcrumb/bs-breadcrumb-overflow/bs-breadcrumb-overflow.d.ts

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
 import type { BsBreadcrumbSize } from '../bs-breadcrumb/bs-breadcrumb';
 export interface BsBreadcrumbOverflowItem {
     label: string;
@@ -56,6 +57,13 @@ export declare class BsBreadcrumbOverflow {
     size: BsBreadcrumbSize;
     /** Whether the overflow popup is open. */
     open: boolean;
+    /** Fires when one of the popup's links is clicked, before the browser navigates. **Cancelable**
+     * -- see `bs-breadcrumb`'s `bsNavigate`, which this mirrors (same detail, same modified-click
+     * rule). Detail is `{ href }`. */
+    bsNavigate: EventEmitter<{
+        href: string;
+    }>;
+    private onItemClick;
     private onEllipsisToggle;
     /** Closes the overflow popup on Escape, from anywhere within the component -- host is the
      * default @Listen target, so this fires whether focus is on the ellipsis button itself or on a

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

@@ -36,6 +36,7 @@ export type BsButtonSize = 'sm' | 'md' | 'lg';
  */
 export declare class BsButton {
     el: HTMLElement;
+    internals: ElementInternals;
     /**
      * Visual style. Maps directly to the brandsync-tokens `--bs-button-*` semantic set.
      * `error` is for destructive/irreversible actions per BrandSync guidance, not a stronger
@@ -46,7 +47,8 @@ export declare class BsButton {
     size: BsButtonSize;
     /** Disables the button and applies the disabled token set. */
     disabled: boolean;
-    /** Native `<button>` type. */
+    /** Button type. `submit` submits the surrounding `<form>` (via `requestSubmit()`, so validation
+     * runs); `reset` resets it; `button` (default) does nothing on its own. */
     type: 'button' | 'submit' | 'reset';
     /**
      * Accessible name for the button. Required for icon-only usage (no visible label text via the
@@ -85,5 +87,6 @@ export declare class BsButton {
     private onIconSlotchange;
     private onEndIconSlotchange;
     private onLabelSlotchange;
+    private onClick;
     render(): any;
 }

package/dist/types/components/bs-button/bs-icon-button/bs-icon-button.d.ts

@@ -21,11 +21,13 @@ export type BsIconButtonSize = 'xs' | 'sm' | 'md' | 'lg';
  * just conditionally, unlike `bs-button`) -- there's no visible label text to fall back on for an
  * accessible name.
  *
- * @slot - Default slot: the icon content. Exactly one icon, no label.
+ * @slot - Default slot: the icon content. Exactly one icon, no label -- an inline SVG, or an icon-font
+ * glyph (sized by `font-size`, which this component sets from the `size` prop).
  * @part icon - The icon wrapper element.
  */
 export declare class BsIconButton {
     el: HTMLElement;
+    internals: ElementInternals;
     /**
      * Visual style. Maps to the same semantic token families as `bs-button`'s `variant`.
      * `error` is for destructive/irreversible actions per BrandSync guidance, not a stronger
@@ -39,7 +41,8 @@ export declare class BsIconButton {
     size: BsIconButtonSize;
     /** Disables the button and applies the disabled token set. */
     disabled: boolean;
-    /** Native `<button>` type. */
+    /** Button type. `submit` submits the surrounding `<form>` (via `requestSubmit()`, so validation
+     * runs); `reset` resets it; `button` (default) does nothing on its own. */
     type: 'button' | 'submit' | 'reset';
     /**
      * Accessible name for the button. Required -- this component is always icon-only, so there's
@@ -47,5 +50,6 @@ export declare class BsIconButton {
      * prop to the `aria-label` HTML attribute automatically.
      */
     ariaLabel: string | null;
+    private onClick;
     render(): any;
 }

package/dist/types/components/bs-button/bs-icon-button/bs-icon-button.stories.d.ts

@@ -12,5 +12,6 @@ export default meta;
 type Story = StoryObj<BsIconButtonArgs>;
 export declare const Primary: Story;
 export declare const Sizes: Story;
+export declare const IconFontGlyph: Story;
 export declare const Disabled: Story;
 export declare const AllCombinations: Story;

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

@@ -20,7 +20,15 @@ export type BsCheckboxSize = 'sm' | 'md' | 'lg';
  */
 export declare class BsCheckbox {
     el: HTMLElement;
+    internals: ElementInternals;
     private inputEl?;
+    private initialChecked;
+    /** The `name` the value is submitted under in a surrounding `<form>`'s `FormData`. */
+    name?: string;
+    /** The value submitted when checked (native checkbox default: `"on"`). */
+    value: string;
+    /** Marks the checkbox as required: the surrounding form fails validation while unchecked. */
+    required: boolean;
     /** Sizing scale. Controls the box's width/height and border width; corner radius is constant
      * across all sizes. */
     size: BsCheckboxSize;
@@ -56,6 +64,10 @@ export declare class BsCheckbox {
     bsChange: EventEmitter<boolean>;
     /** Keeps the native input's `.indeterminate` JS property in sync -- this can't be expressed as a
      * JSX attribute in Stencil, it must be set imperatively on the element. */
+    syncFormValue(): void;
+    /** Called by the browser when the surrounding `<form>` is reset. */
+    formResetCallback(): void;
+    componentWillLoad(): void;
     onIndeterminateChange(): void;
     componentDidLoad(): void;
     componentDidUpdate(): void;

package/dist/types/components/bs-data-table/bs-data-table.d.ts

@@ -37,8 +37,22 @@ export declare class BsDataTable {
     sortColumn?: string;
     sortDirection: 'asc' | 'desc';
     selectable: boolean;
-    /** Optional custom cell renderer, e.g. for an actions column. Function props are JS-property-only,
-     * same as array props -- there is no attribute equivalent. Falls back to the raw cell value. */
+    /** Optional custom cell renderer, for rich cells such as a status badge, a link or an actions
+     * column. It returns an **HTML string** that is inserted into the cell as real markup
+     * (`innerHTML`), so links, buttons, `<img>` and other web components (e.g. `<bs-badge>`) all render.
+     *
+     * **When set it renders every cell, not just the special ones** -- return the plain value for
+     * ordinary columns too. And **the returned string is not escaped or sanitized** (same trust
+     * model as React's `dangerouslySetInnerHTML`): escape any untrusted row data you put in it, plain
+     * columns included, or it will be interpreted as HTML. Without a `cellRenderer`, values are
+     * rendered as escaped text.
+     *
+     * The markup is static HTML -- attach behavior yourself, e.g. one `click` listener on the table
+     * that reads `event.composedPath()[0]` (events from inside the shadow root are retargeted to the
+     * table itself).
+     *
+     * Function props are JS-property-only, same as array props -- there is no attribute equivalent.
+     * Falls back to the raw cell value (as escaped text) when unset. */
     cellRenderer?: (row: BsDataTableRow, column: BsDataTableColumn) => string;
     bsSort: EventEmitter<{
         column: string;

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

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

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

@@ -46,6 +46,10 @@ import { EventEmitter } from '../../stencil-public-runtime';
  */
 export declare class BsInput {
     el: HTMLElement;
+    internals: ElementInternals;
+    private initialValue;
+    /** The `name` the value is submitted under in a surrounding `<form>`'s `FormData`. */
+    name?: string;
     /** Current value. Native `input`/`change` events don't cross the Shadow DOM boundary, so this
      * component re-dispatches them as `bsInput`/`bsChange` custom events instead. Mutable so the
      * `number` type's stepper buttons can update it directly. */
@@ -128,6 +132,14 @@ export declare class BsInput {
      * children, before first render -- see `bs-button`'s `componentWillLoad` for why `slotchange`
      * alone isn't enough for a slot that starts (and stays) empty. */
     componentWillLoad(): void;
+    onFormStateChange(): void;
+    /** Pushes the current value + validity to the surrounding form. `chip` submits one entry per
+     * chip under `name`; every other type submits `value` as a single string. */
+    private syncFormValue;
+    /** Called by the browser when the surrounding `<form>` is reset. */
+    formResetCallback(): void;
+    /** Called when the browser restores form state (back/forward navigation, autofill). */
+    formStateRestoreCallback(state: string | FormData | null): void;
     private hasSlottedContent;
     private onIconSlotchange;
     private onEndIconSlotchange;

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

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

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

@@ -20,5 +20,9 @@
  * @prop --bs-menu-shadow - Elevation shadow of the menu box. Aliased to `--bs-shadow-sm`.
  */
 export declare class BsMenu {
+    el: HTMLElement;
+    /** WAI-ARIA menu pattern: Up/Down move focus between enabled items (wrapping), Home/End jump
+     * to the first/last. Items are the slotted `bs-menu-item` children. */
+    onKeyDown(ev: KeyboardEvent): void;
     render(): any;
 }

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

@@ -3,3 +3,4 @@ declare const meta: Meta;
 export default meta;
 type Story = StoryObj;
 export declare const Default: Story;
+export declare const DropdownRecipe: Story;

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

@@ -38,6 +38,11 @@ export declare class BsProgress {
      * `indeterminate` never shows a label regardless of this prop, since there's no percentage to
      * show. Defaults to `true`. */
     showLabel: boolean;
+    /** Accessible name for the progress bar (e.g. "Uploading report"). Required for assistive tech --
+     * a `role="progressbar"` with no name is an axe-core `aria-progressbar-name` violation. Setting
+     * `aria-label` on the host doesn't reach the inner element across the shadow boundary, so this
+     * prop binds it directly -- same pattern as `bs-button`'s `ariaLabel`. */
+    ariaLabel: string | null;
     private get clampedValue();
     private get diameter();
     private get radius();

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

@@ -19,13 +19,10 @@ import { EventEmitter } from '../../stencil-public-runtime';
 export declare class BsRadio {
     el: HTMLElement;
     /** The native radio input's `name` attribute. Passed straight through to the native input inside.
-     * NOTE: because each `bs-radio` renders its own shadow root, native `<input type="radio">`
-     * mutual-exclusion grouping (which the HTML spec scopes to a single DOM tree) does NOT extend
-     * across separate `bs-radio` instances sharing the same `name` -- checking one will not natively
-     * uncheck another. Within a single instance this still behaves like a normal radio input. See
-     * bs-radio.mdx's Accessibility section for this known gap; consumers building a group currently
-     * need to manage mutual exclusivity themselves (e.g. via `bsChange`) until a `bs-radio-group`
-     * wrapper exists. */
+     * Also the group key: `bs-radio` elements sharing a `name` within the same root (document or
+     * shadow root) behave as one radio group -- checking one unchecks the others, arrow keys move
+     * between them, and only one is in the tab order. Native grouping can't cross each radio's own
+     * shadow root, so this component implements it itself. */
     name: string;
     /** The native radio input's `value` attribute -- read from `event.target.value`, or used when
      * wiring the group up to a form. */
@@ -37,9 +34,26 @@ export declare class BsRadio {
     disabled: boolean;
     /** Emitted with this radio's own `value` when it becomes checked via user interaction. Since
      * native same-`name` grouping doesn't cross shadow-root boundaries (see the `name` prop's doc),
-     * a consumer wiring up a group of `bs-radio`s must itself set `checked = false` on the others in
-     * response to this event -- there's no automatic un-checking to rely on here. */
+     * a consumer wiring up a group of `bs-radio`s does not need to un-check the others itself. */
     bsChange: EventEmitter<string>;
+    internals: ElementInternals;
+    private initialChecked;
+    /** Whether any radio in this group is checked -- drives roving tabindex (an unchecked radio is
+     * only tabbable while nothing in its group is checked). */
+    groupHasChecked: boolean;
+    /** Other `bs-radio`s sharing this one's `name` within the same root, in DOM order (including
+     * this one). */
+    private groupMembers;
+    onCheckedChange(): void;
+    onAnyRadioChange(): void;
+    private refreshGroupState;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    /** Called by the browser when the surrounding `<form>` is reset. */
+    formResetCallback(): void;
+    /** WAI-ARIA radio group pattern: arrows move selection (and focus) to the previous/next enabled
+     * radio in the group, wrapping at the ends. */
+    private onKeyDown;
     private onChange;
     render(): any;
 }

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

@@ -31,6 +31,9 @@ export declare class BsSlider {
      * and `segmented` use one thumb (`value`). `segmented` additionally draws `segments` tick marks
      * along the track. */
     type: BsSliderType;
+    /** The `name` the value is submitted under in a surrounding `<form>`'s `FormData`. `type="range"`
+     * submits two entries under this name: the start value, then the end value. */
+    name?: string;
     /** Shows/hides the "Label" text and editable percentage field(s) above the track, and the
      * static min/max bound labels flanking it. When `false`, only the bare track (and its
      * knob/knobs) renders. */
@@ -80,6 +83,12 @@ export declare class BsSlider {
         start: number;
         end: number;
     }>;
+    internals: ElementInternals;
+    private initial;
+    componentWillLoad(): void;
+    syncFormValue(): void;
+    /** Called by the browser when the surrounding `<form>` is reset. */
+    formResetCallback(): void;
     private get effectiveValueStart();
     private get effectiveValueEnd();
     /** Effective step for the native range input(s): `step` as-is, except for `type="segmented"`,

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

@@ -19,6 +19,12 @@ export type BsSwitchSize = 'md' | 'lg';
  */
 export declare class BsSwitch {
     el: HTMLElement;
+    internals: ElementInternals;
+    private initialChecked;
+    /** The `name` the value is submitted under in a surrounding `<form>`'s `FormData`. */
+    name?: string;
+    /** The value submitted when on (native checkbox default: `"on"`). */
+    value: string;
     /** Sizing scale. Controls the track's width/height and the knob's diameter. */
     size: BsSwitchSize;
     /** Whether the switch is on. Mutable so clicking the label/input toggles it directly, and
@@ -40,6 +46,10 @@ export declare class BsSwitch {
     ariaLabel: string | null;
     /** Emitted when the checked state changes via user interaction, with the new `checked` value. */
     bsChange: EventEmitter<boolean>;
+    syncFormValue(): void;
+    /** Called by the browser when the surrounding `<form>` is reset. */
+    formResetCallback(): void;
+    componentWillLoad(): void;
     private onChange;
     render(): any;
 }

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

@@ -45,6 +45,14 @@ export declare class BsInlineTab {
      * violation). Stencil reflects this camelCase prop to the `aria-label` HTML attribute
      * automatically, same as `bs-tab`'s identical prop. */
     ariaLabel: string | null;
+    /** Identifies this tab within a parent `bs-tabs`: the group's `value` is the selected tab's
+     * `value`, and `bsChange` reports it. Optional -- a tab without one is identified by its
+     * zero-based position in the group (`"0"`, `"1"`...). */
+    value?: string;
+    /** Set by a parent `bs-tabs` to implement roving tabindex (only one tab in the group is in the
+     * Tab order; arrow keys move between them). Left `undefined` for a standalone tab, which stays
+     * a normal tab stop. */
+    tabbable?: boolean;
     /** Tracks whether the `icon` slot has assigned content. */
     hasIcon: boolean;
     /** Tracks whether the default (label) slot has assigned content. */

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

@@ -51,6 +51,14 @@ export declare class BsTab {
      * violation). Stencil reflects this camelCase prop to the `aria-label` HTML attribute
      * automatically, same as `bs-button`'s identical prop. */
     ariaLabel: string | null;
+    /** Identifies this tab within a parent `bs-tabs`: the group's `value` is the selected tab's
+     * `value`, and `bsChange` reports it. Optional -- a tab without one is identified by its
+     * zero-based position in the group (`"0"`, `"1"`...). */
+    value?: string;
+    /** Set by a parent `bs-tabs` to implement roving tabindex (only one tab in the group is in the
+     * Tab order; arrow keys move between them). Left `undefined` for a standalone tab, which stays
+     * a normal tab stop. */
+    tabbable?: boolean;
     /** Tracks whether the `icon` slot has assigned content. */
     hasIcon: boolean;
     /** Tracks whether the default (label) slot has assigned content. */

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

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
 export type BsTabsType = 'bs-tab' | 'bs-inline-tab';
 export type BsTabsOrientation = 'horizontal' | 'vertical';
 /**
@@ -33,6 +34,18 @@ export declare class BsTabs {
     /** Layout direction of the tab bar itself. Sets `aria-orientation` on the internal wrapper and
      * switches `flex-direction`. */
     orientation: BsTabsOrientation;
+    /** The selected tab's `value`. Mutable and reflected: it follows the user's selection, and
+     * setting it from outside (attribute or property) selects the matching tab -- without emitting
+     * `bsChange`, which only fires for user-driven changes. A tab's value is its own `value` prop,
+     * or, for a tab without one, its zero-based position in the group as a string (`"0"`, `"1"`...).
+     * If unset, it is read from whichever tab is already `selected` once the group loads. */
+    value?: string;
+    /** Fires when the user selects a different tab (click, or arrow/Home/End), with the new
+     * `value`. Does not fire when `value` is set programmatically. `bsSelect` on the individual tab
+     * still fires as before. */
+    bsChange: EventEmitter<{
+        value: string;
+    }>;
     /**
      * Catches `bsSelect` bubbling up from any slotted `<bs-tab>`/`<bs-inline-tab>` (Stencil's
      * `@Event()` defaults to `bubbles: true, composed: true`, and `@Listen` without a target listens
@@ -41,5 +54,16 @@ export declare class BsTabs {
      * `if (this.disabled) return;`), so no special-casing is needed here.
      */
     onTabSelect(ev: CustomEvent<void>): void;
+    componentDidLoad(): void;
+    private tabValue;
+    /** Selects the tab whose value matches `this.value` (and deselects the rest). */
+    private applyValue;
+    onValueChange(): void;
+    syncRovingTabindex(): void;
+    private tabs;
+    /** WAI-ARIA tabs pattern (automatic activation): arrows move focus *and* selection to the
+     * previous/next enabled tab (wrapping), Home/End jump to the first/last. Arrow axis follows
+     * `orientation`; in RTL the horizontal arrows are mirrored. */
+    onKeyDown(ev: KeyboardEvent): void;
     render(): any;
 }

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

@@ -11,3 +11,4 @@ type Story = StoryObj<BsTabsArgs>;
 export declare const Default: Story;
 export declare const InlineTabGroup: Story;
 export declare const Vertical: Story;
+export declare const WithValueAndPanels: Story;

package/dist/types/components/forms/forms.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;
+export declare const Validation: Story;