@brandsync/wc 1.22.0 → 1.22.1

package/dist/collection/components/bs-shortcut-row/bs-shortcut-row.js

@@ -36,7 +36,7 @@ export class BsShortcutRow {
     /** Set by the parent list (`"listitem"`). Standalone rows have no role. */
     selectionRole = null;
     render() {
-        return (h("div", { key: 'b32ad47b3799cf0bc6e9251febbd694f611addc2', part: "container", class: "bs-shortcut-row", role: this.selectionRole ?? undefined, "aria-disabled": this.disabled ? 'true' : undefined }, h("span", { key: 'c4c333aab2f4e4de4e71ee2ed9ac6bee2fb14a39', part: "action", class: "bs-shortcut-row__action" }, h("slot", { key: '65d9211d05069beb18cd79e37a6bc1df560b5c3c' }, this.action)), h("span", { key: '08eea1a42c6d510ac1cad3905e979ea90ee63dcb', part: "keys", class: "bs-shortcut-row__keys" }, h("slot", { key: '306d7ee0733693686c3d48113b2c17f48f874114', name: "keys" }, h("bs-key-caps", { key: '66b296276b82657ed0e5799769ba509ac0c6318d', keys: this.keys, label: this.label, disabled: this.disabled })))));
+        return (h("div", { key: 'defe5047b4b0689cb853b22fd3ae6c14af54ad4c', part: "container", class: "bs-shortcut-row", role: this.selectionRole ?? undefined, "aria-disabled": this.disabled ? 'true' : undefined }, h("span", { key: 'bf935f4932f94bc9c605766da7d579b4060c2000', part: "action", class: "bs-shortcut-row__action" }, h("slot", { key: '1ecef4d0a1fc5e6f07e4ee7cce586d3d9040f438' }, this.action)), h("span", { key: '9102cf9b93eb644feee936717fc59cbecd31be15', part: "keys", class: "bs-shortcut-row__keys" }, h("slot", { key: '0cdfcf25a8c9635f3d9bdca8a2ee819db7d50987', name: "keys" }, h("bs-key-caps", { key: 'ff0a64f45ecb29f5ac7f3d792689a2bd20590d92', keys: this.keys, label: this.label, disabled: this.disabled })))));
     }
     static get is() { return "bs-shortcut-row"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-shortcut-row/bs-shortcut-row.stories.js

@@ -1,7 +1,7 @@
 import { html } from "lit";
 import { componentDescription } from "../../stories-utils";
 const meta = {
-    title: 'Components/bs-shortcut-row',
+    title: 'Components/Data display/bs-shortcut-row',
     parameters: { docs: { description: { component: componentDescription('bs-shortcut-row') } } },
     render: args => html `<bs-shortcut-row style="width: 318px;" action=${args.action} keys=${args.keys} ?disabled=${args.disabled}></bs-shortcut-row>`,
     argTypes: { action: { control: 'text' }, keys: { control: 'text' }, disabled: { control: 'boolean' } },

package/dist/collection/components/bs-side-panel/bs-side-panel.stories.js

@@ -1,7 +1,7 @@
 import { html } from "lit";
 import { componentDescription } from "../../stories-utils";
 const meta = {
-    title: 'Components/bs-side-panel',
+    title: 'Components/Menus and overlays/bs-side-panel',
     parameters: { docs: { description: { component: componentDescription('bs-side-panel') } } },
     render: args => html `
     <bs-side-panel ?open=${args.open} heading=${args.heading} side=${args.side} close-label=${args.closeLabel} ?overlay=${args.overlay}>

package/dist/collection/components/bs-skeleton/bs-skeleton.js

@@ -60,7 +60,7 @@ export class BsSkeleton {
             lines.push(h("span", { part: "line", class: { 'bs-skeleton__line': true, [`bs-skeleton__line--${this.variant}`]: true, 'bs-skeleton__line--short': isShortLast }, style: style }));
         }
         const hasLabel = !!this.label;
-        return (h("span", { key: '71e9f66677e291c7b813a419a4357b110666cac5', part: "container", class: { 'bs-skeleton': true, 'bs-skeleton--animated': this.animated, [`bs-skeleton--${this.variant}`]: true }, role: hasLabel ? 'status' : undefined, "aria-label": hasLabel ? this.label : undefined, "aria-hidden": hasLabel ? undefined : 'true' }, lines));
+        return (h("span", { key: 'c0633b355a8706cfc006beeda8c949dbaeddc51d', part: "container", class: { 'bs-skeleton': true, 'bs-skeleton--animated': this.animated, [`bs-skeleton--${this.variant}`]: true }, role: hasLabel ? 'status' : undefined, "aria-label": hasLabel ? this.label : undefined, "aria-hidden": hasLabel ? undefined : 'true' }, lines));
     }
     static get is() { return "bs-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-skeleton/bs-skeleton.stories.js

@@ -2,7 +2,7 @@ import { html } from "lit";
 import { componentDescription, propDescription } from "../../stories-utils";
 const variants = ['text', 'rect', 'circle'];
 const meta = {
-    title: 'Components/bs-skeleton',
+    title: 'Components/Feedback/bs-skeleton',
     parameters: { docs: { description: { component: componentDescription('bs-skeleton') } } },
     render: args => html `
     <bs-skeleton

package/dist/collection/components/bs-skip-link/bs-skip-link.js

@@ -57,7 +57,7 @@ export class BsSkipLink {
         target.focus();
     };
     render() {
-        return (h("a", { key: '71579aa69b09083c78af4db47c32202da8472f34', part: "link", class: "bs-skip-link", href: this.href, onClick: this.onClick }, h("slot", { key: '1f2077ae9cb624f9700745a6e0e0d168fbb746b1' }, "Skip to main content")));
+        return (h("a", { key: '91e5791d2feeb0387e13ed4fe7068fa18756e6f0', part: "link", class: "bs-skip-link", href: this.href, onClick: this.onClick }, h("slot", { key: 'da0948ad605e5872c6220e01b7efa9e1bb2ae781' }, "Skip to main content")));
     }
     static get is() { return "bs-skip-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-skip-link/bs-skip-link.stories.js

@@ -1,7 +1,7 @@
 import { html } from "lit";
 import { componentDescription, propDescription } from "../../stories-utils";
 const meta = {
-    title: 'Components/bs-skip-link',
+    title: 'Components/Actions/bs-skip-link',
     parameters: { docs: { description: { component: componentDescription('bs-skip-link') } } },
     render: args => html `
     <div style="min-height: 160px;">

package/dist/collection/components/bs-slider/bs-slider.js

@@ -233,7 +233,7 @@ export class BsSlider {
     render() {
         const isRange = this.type === 'range';
         const rootClasses = ['bs-slider', this.disabled ? 'bs-slider--disabled' : ''].filter(Boolean).join(' ');
-        return (h("div", { key: '453a65b49b780806ed2d9a1ead9a8d6a2934f7d5', class: rootClasses, "aria-disabled": this.disabled ? 'true' : undefined }, this.showLabel && (h("div", { key: 'add1883ea1990fec07b3b50c3a910dc7c38f9ffd', class: "bs-slider__header" }, h("span", { key: 'b85fcbb0798aac73a8ae003abe68fa42e2fe905d', id: "bs-slider-label", part: "label", class: "bs-slider__label" }, this.label), isRange ? (h("span", { class: "bs-slider__value-fields" }, this.renderPercentField(this.percent(this.effectiveValueStart), this.onStartPercentFieldChange, this.ariaLabel ?? this.startValueLabel), h("span", { class: "bs-slider__separator" }, "\u2013"), this.renderPercentField(this.percent(this.effectiveValueEnd), this.onEndPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} end` : this.endValueLabel))) : (this.renderPercentField(this.percent(this.value), this.onPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} value` : 'Value')))), h("div", { key: '528e5766856c1cddb4379089cf206c500171e381', class: "bs-slider__row" }, this.showLabel && (h("span", { key: '17db3029eed38bb3759f6307f08f16bb477ff14c', part: "bound", class: "bs-slider__bound" }, this.min)), isRange ? this.renderRangeThumbs() : this.renderSingleThumb(), this.showLabel && (h("span", { key: 'bc80bd2268e3faf4bc2abbd62337f5fb88fe0700', part: "bound", class: "bs-slider__bound" }, this.max)))));
+        return (h("div", { key: 'a71c5cacc9a63c09cdaac6faa6bbc5cfdb99e320', class: rootClasses, "aria-disabled": this.disabled ? 'true' : undefined }, this.showLabel && (h("div", { key: 'cb511949f7bbf953b525a55b76532da27b22f7cc', class: "bs-slider__header" }, h("span", { key: '14420fa4fc943caa65ef71721c25677a3ae06c69', id: "bs-slider-label", part: "label", class: "bs-slider__label" }, this.label), isRange ? (h("span", { class: "bs-slider__value-fields" }, this.renderPercentField(this.percent(this.effectiveValueStart), this.onStartPercentFieldChange, this.ariaLabel ?? this.startValueLabel), h("span", { class: "bs-slider__separator" }, "\u2013"), this.renderPercentField(this.percent(this.effectiveValueEnd), this.onEndPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} end` : this.endValueLabel))) : (this.renderPercentField(this.percent(this.value), this.onPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} value` : 'Value')))), h("div", { key: '7ece9aa9f9b4272b245f24e469cf1567db8dca23', class: "bs-slider__row" }, this.showLabel && (h("span", { key: 'bd2f3b9be1e38e63844e5a80b1d76dac38c59cb8', part: "bound", class: "bs-slider__bound" }, this.min)), isRange ? this.renderRangeThumbs() : this.renderSingleThumb(), this.showLabel && (h("span", { key: '2979b882e37bb2d5e72f1dfb5deeecb467856e39', part: "bound", class: "bs-slider__bound" }, this.max)))));
     }
     static get is() { return "bs-slider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-slider/bs-slider.stories.js

@@ -3,7 +3,7 @@ import { ifDefined } from "lit/directives/if-defined.js";
 import { componentDescription, propDescription } from "../../stories-utils";
 const types = ['default', 'segmented', 'range'];
 const meta = {
-    title: 'Components/bs-slider',
+    title: 'Components/Forms/bs-slider',
     parameters: { docs: { description: { component: componentDescription('bs-slider') } } },
     render: args => html `
     <bs-slider

package/dist/collection/components/bs-snackbar/bs-snackbar.js

@@ -67,7 +67,7 @@ export class BsSnackbar {
         this.bsDismiss.emit();
     };
     render() {
-        return (h("div", { key: 'd5766c577a0f6ca53c1d26406888d79140400133', part: "container", class: `bs-snackbar bs-snackbar--${this.variant}`, role: "status", "aria-live": this.variant === 'error' ? 'assertive' : 'polite' }, h("div", { key: 'd42f65e798ccdf73da5a01e297b67794daa1101c', class: "bs-snackbar__content" }, h("span", { key: '50eb509bdfbc800e18c705ac9bbfb5868180dd87', part: "icon", class: "bs-snackbar__icon", "aria-hidden": "true" }, this.loading ? h("span", { class: "bs-snackbar__spinner" }) : h(CheckCircleIcon, null)), h("span", { key: '546badfb1dfffcc51736b20991cc0629e450e244', part: "message", class: "bs-snackbar__message" }, h("slot", { key: 'd7d91d944100ea1beb5a8693506db34a293e0594' }))), h("div", { key: 'fbcf2cda2619546ae1b8a5b771f05e32326690b6', class: "bs-snackbar__actions" }, this.actionLabel && (h("bs-button", { key: '41b81763fc38ff533cb3729d90bbd6855a378baa', part: "action", variant: this.actionVariant ?? ACTION_VARIANT[this.variant], size: "sm", onClick: this.onAction }, this.actionLabel)), !this.hideClose && (h("bs-icon-button", { key: '1d7adc41ceeaabb43340089db37fa273ed411535', part: "close", variant: "subtle", size: "md", ariaLabel: "Dismiss", onClick: this.onDismiss }, h(CloseIcon, { key: 'f93ef4c3b53a1eb00a80d3c52c66cc213067ec55' }))))));
+        return (h("div", { key: 'abc0dc016e3c3cb11473b87ec1c2ca3e0d263019', part: "container", class: `bs-snackbar bs-snackbar--${this.variant}`, role: "status", "aria-live": this.variant === 'error' ? 'assertive' : 'polite' }, h("div", { key: '17e3c78951bfbe311cbc59298277f369eec4aa6a', class: "bs-snackbar__content" }, h("span", { key: 'c2b05e722a48a24f63171480674c8a5503b547cf', part: "icon", class: "bs-snackbar__icon", "aria-hidden": "true" }, this.loading ? h("span", { class: "bs-snackbar__spinner" }) : h(CheckCircleIcon, null)), h("span", { key: '54970644cd45c79ceab0218eaaa699e7fd789f92', part: "message", class: "bs-snackbar__message" }, h("slot", { key: 'c794d5a366b65cd04cd02169574f372098b64df9' }))), h("div", { key: 'f642653e195e181c05fa9750f9471f043e2ec900', class: "bs-snackbar__actions" }, this.actionLabel && (h("bs-button", { key: '70db297865ef7bbb88e32e11b295358a1a8c42cf', part: "action", variant: this.actionVariant ?? ACTION_VARIANT[this.variant], size: "sm", onClick: this.onAction }, this.actionLabel)), !this.hideClose && (h("bs-icon-button", { key: 'ab20201c97c9b7a652330f4afe68dd049b7dcb96', part: "close", variant: "subtle", size: "md", ariaLabel: "Dismiss", onClick: this.onDismiss }, h(CloseIcon, { key: '0df459ff13ca7774c4f9fde30d3dacf254c16ed7' }))))));
     }
     static get is() { return "bs-snackbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-snackbar/bs-snackbar.stories.js

@@ -9,7 +9,7 @@ const hideOnDismiss = (ev) => {
     ev.currentTarget.style.display = 'none';
 };
 const meta = {
-    title: 'Components/bs-snackbar',
+    title: 'Components/Feedback/bs-snackbar',
     parameters: { docs: { description: { component: componentDescription('bs-snackbar') } } },
     render: args => html `
     <bs-snackbar

package/dist/collection/components/bs-source-link/bs-source-link.js

@@ -52,9 +52,9 @@ export class BsSourceLink {
     };
     render() {
         const inner = [
-            h("bs-ripple", { key: '64724c67ba2ef27787a2e85bb1084ef1f3c6a916', part: "ripple" }),
-            h("span", { key: 'd8fefb50b0740a65cac0fb918672b1593d07a716', class: "bs-source-link__left" }, h("span", { key: 'f5cf73cbf855bca76a5dd476013cfbd4fd13b77b', class: "bs-source-link__filename-row" }, h("span", { key: 'e204449475ce6d95a3ce0346cb3e92578f8bf155', part: "icon", class: "bs-source-link__icon" }, h("slot", { key: 'f19c4375744c58f9ac87cdd74016b6b0a21d1acb', name: "icon" }, h(FileTextIcon, { key: '75a6c2bc7b228c6dca2dcb4d27739d8cbb3dca1a' }))), h("p", { key: 'e8cf5752fad06b84310093f6de56a101226ddb52', part: "filename", class: "bs-source-link__filename" }, this.fileName)), h("span", { key: 'b9c631fe47d4bd480d231cc33de98064c14b525e', class: "bs-source-link__meta" }, this.sourceName && (h("span", { key: '705510aa4dd8567a3d1a2136842c04c4f4776393', part: "source", class: "bs-source-link__source" }, this.sourceName)), this.sourceName && this.version && h("span", { key: '362b50a97cc2de79c89058c607862703c29c347a', class: "bs-source-link__dot", "aria-hidden": "true" }), this.version && (h("span", { key: '7c628efdff57c8a95c5ff0f74409e485f2efc286', part: "version", class: "bs-source-link__version" }, this.version)))),
-            h("span", { key: '9fe18a62a7a49d4a68c120e7972299dbde6b22dd', part: "arrow", class: "bs-source-link__arrow", "aria-hidden": "true" }, h(ArrowUpRightIcon, { key: 'd637cfe57cf0501f521c94d42df8fb587fdfd85f' })),
+            h("bs-ripple", { key: 'a9cf4ca59a46d6850ac12623c7929a049204d7a8', part: "ripple" }),
+            h("span", { key: '963e723d983df529fa7275ed8911a23f14bf58d3', class: "bs-source-link__left" }, h("span", { key: 'c54ed1d909d06686755ee0a722a8872964eec212', class: "bs-source-link__filename-row" }, h("span", { key: '6b442369fff9851597e99c0511ea9f2551cdd921', part: "icon", class: "bs-source-link__icon" }, h("slot", { key: 'f949eb3a9b4a5ad3f240122344ec5a4b72fd4112', name: "icon" }, h(FileTextIcon, { key: '8b268ad18772d4de2631800a78641f17172cb4c9' }))), h("p", { key: 'd56fe2b559722dee2316d9a647af605b3dd5d815', part: "filename", class: "bs-source-link__filename" }, this.fileName)), h("span", { key: 'abeed4bfd0b76bcae3e3305bed71fce92e6be8c5', class: "bs-source-link__meta" }, this.sourceName && (h("span", { key: 'e72f06d12bc614ca2c326079aaa85828122db01a', part: "source", class: "bs-source-link__source" }, this.sourceName)), this.sourceName && this.version && h("span", { key: 'b5951aa8d0d308531fb6cd5a161e88587accf5b1', class: "bs-source-link__dot", "aria-hidden": "true" }), this.version && (h("span", { key: 'eb8e816100bf6471ca4891541e8e9b4d661d0aaf', part: "version", class: "bs-source-link__version" }, this.version)))),
+            h("span", { key: 'de5dc9b0fcb0d574ebf18b0bbb568371f5aa115d', part: "arrow", class: "bs-source-link__arrow", "aria-hidden": "true" }, h(ArrowUpRightIcon, { key: 'df061269ca5967dcfcc48b48d63f2c17b7b4d523' })),
         ];
         return this.href ? (h("a", { class: "bs-source-link", href: this.href, target: this.target, rel: "noopener noreferrer", onClick: this.onClick }, inner)) : (h("button", { type: "button", class: "bs-source-link", onClick: this.onClick }, inner));
     }

package/dist/collection/components/bs-spinner/bs-spinner.js

@@ -30,7 +30,7 @@ export class BsSpinner {
     label;
     render() {
         const hasLabel = !!this.label;
-        return (h("span", { key: 'f7225e3f094164ee522d45c87ead3194f4ec3a00', part: "container", class: `bs-spinner bs-spinner--${this.size}`, role: hasLabel ? 'status' : undefined, "aria-label": hasLabel ? this.label : undefined, "aria-hidden": hasLabel ? undefined : 'true' }, h("svg", { key: 'a0e36d1125301b81ecfad237d76f87ac7ccb4194', part: "svg", class: "bs-spinner__svg", viewBox: "0 0 24 24", fill: "none", focusable: "false" }, h("circle", { key: 'b1d345f1ab09ad745b9549b149a2abbb17d48358', class: "bs-spinner__track", cx: "12", cy: "12", r: "9", "stroke-width": "3" }), h("path", { key: '15d0989159c4e747d9c0d71a4530af7f7a63767c', class: "bs-spinner__arc", d: "M12 3a9 9 0 0 1 9 9", "stroke-width": "3", "stroke-linecap": "round" }))));
+        return (h("span", { key: '2ce30722d6e6d8c0ad8f60387da0db774459cdac', part: "container", class: `bs-spinner bs-spinner--${this.size}`, role: hasLabel ? 'status' : undefined, "aria-label": hasLabel ? this.label : undefined, "aria-hidden": hasLabel ? undefined : 'true' }, h("svg", { key: '9468b6c2c1ca940496762d2388514c3030eb94df', part: "svg", class: "bs-spinner__svg", viewBox: "0 0 24 24", fill: "none", focusable: "false" }, h("circle", { key: '0ed28b4c160b34615d6b986e88d36a903651cc1c', class: "bs-spinner__track", cx: "12", cy: "12", r: "9", "stroke-width": "3" }), h("path", { key: '5ce03d2094906990589e6a5972a7f44ac21f172b', class: "bs-spinner__arc", d: "M12 3a9 9 0 0 1 9 9", "stroke-width": "3", "stroke-linecap": "round" }))));
     }
     static get is() { return "bs-spinner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-spinner/bs-spinner.stories.js

@@ -2,7 +2,7 @@ import { html } from "lit";
 import { componentDescription, propDescription } from "../../stories-utils";
 const sizes = ['xs', 'sm', 'md', 'inherit'];
 const meta = {
-    title: 'Components/bs-spinner',
+    title: 'Components/Feedback/bs-spinner',
     parameters: { docs: { description: { component: componentDescription('bs-spinner') } } },
     render: args => html `<bs-spinner size=${args.size} label=${args.label || undefined}></bs-spinner>`,
     argTypes: {

package/dist/collection/components/bs-split-pane/bs-split-pane.js

@@ -240,7 +240,7 @@ export class BsSplitPane {
                 nodes.push(h("div", { part: "divider", class: { 'bs-split-pane__divider': true, 'bs-split-pane__divider--active': this.draggingIndex === i, 'bs-split-pane__divider--static': !this.resizable }, role: "separator", "aria-orientation": dividerOrientation, "aria-label": this.dividerLabel, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": this.percentFor(i), tabindex: this.resizable ? 0 : undefined, onPointerDown: this.onPointerDown(i), onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerCancel: this.onPointerUp, onKeyDown: this.onKeyDown(i) }, h("span", { part: "divider-thumb", class: "bs-split-pane__thumb" })));
             }
         }
-        return (h("div", { key: '59361ae67d4d5c41c55be27500f43b6cea70ce8c', part: "container", class: `bs-split-pane bs-split-pane--${this.orientation}` }, nodes));
+        return (h("div", { key: 'b92f350618650af92c99401368a9f7e92dd551b2', part: "container", class: `bs-split-pane bs-split-pane--${this.orientation}` }, nodes));
     }
     static get is() { return "bs-split-pane"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-split-pane/bs-split-pane.stories.js

@@ -15,7 +15,7 @@ const detail = (title) => html `
   </div>
 `;
 const meta = {
-    title: 'Components/bs-split-pane',
+    title: 'Components/Layout/bs-split-pane',
     parameters: { docs: { description: { component: componentDescription('bs-split-pane') } } },
     render: args => html `
     <div style="height: 480px; border: 1px solid var(--bs-border-neutral-container)">

package/dist/collection/components/bs-stack/bs-stack.js

@@ -81,7 +81,7 @@ export class BsStack {
                 parts.push(h("slot", { name: `bs-stack-item-${i}`, onSlotchange: this.sync }));
             }
         }
-        return (h(Host, { key: '8fa4ffade10cbe8f2bc0288f9f075df45067ab21', style: { '--bs-stack-gap-token': `var(--bs-spacing-${gap})` } }, h("slot", { key: 'f6f49b162fbbd0d6ca052781aa94ebff370e9df7', onSlotchange: this.sync }), parts));
+        return (h(Host, { key: 'b07a8e653b7689971c02dc70fe7a9c908108f85e', style: { '--bs-stack-gap-token': `var(--bs-spacing-${gap})` } }, h("slot", { key: '98be3029cd1bc877aa61345e44936f69dc4efdf1', onSlotchange: this.sync }), parts));
     }
     static get is() { return "bs-stack"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-stack/bs-stack.stories.js

@@ -2,7 +2,7 @@ import { html } from "lit";
 import { componentDescription } from "../../stories-utils";
 const box = (label) => html `<div style="padding: var(--bs-spacing-150); background: var(--bs-surface-container); border-radius: var(--bs-border-radius-100)">${label}</div>`;
 const meta = {
-    title: 'Components/bs-stack',
+    title: 'Components/Layout/bs-stack',
     parameters: { docs: { description: { component: componentDescription('bs-stack') } } },
     render: args => html `
     <bs-stack

package/dist/collection/components/bs-stat/bs-stat.js

@@ -62,7 +62,7 @@ export class BsStat {
         return (h("svg", { part: "trend-icon", class: "bs-stat__trend-icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("path", { d: d, stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
     }
     render() {
-        return (h("bs-card", { key: '5f6b9075f385608f80e241fa098ec2b7c41e0e68', part: "container", class: "bs-stat", surface: this.surface }, h("dl", { key: '0cf96c923a21917d2d3896e63da754d385fabbce', class: "bs-stat__body" }, h("dt", { key: '5c91ee3aa9976c7c2389723b87566e7f1890ec6b', class: "bs-stat__head" }, h("span", { key: 'c7c6552c10e951f6ebf13ee5bd77500a2f3d2fae', class: { 'bs-stat__icon': true, 'bs-stat__icon--visible': this.hasIcon } }, h("slot", { key: '0273ec7aec05787bb319e914fbcabee6a80e7468', name: "icon", onSlotchange: (e) => (this.hasIcon = e.target.assignedNodes().length > 0) })), h("span", { key: 'a21e688823f26c01ee444dd57fd502a9505557be', part: "label", class: "bs-stat__label" }, this.label)), h("dd", { key: '246ec9052be7f754776eb60f49dd012ebe350200', class: "bs-stat__figure" }, h("span", { key: '8bb7924706fcf3bf22dc0ce4bb8c5d213693b17c', part: "value", class: "bs-stat__value" }, this.value), this.trend && (h("span", { key: 'b335cc04264ac21d217c6bcb16032cecbcde70cb', part: "trend", class: `bs-stat__trend bs-stat__trend--${this.intent}` }, this.arrow(), h("span", { key: 'a850986d7f5b920b603f70cef688cf2e00647527', class: "bs-stat__sr" }, this.trendPrefix), this.trendValue && h("span", { key: '85228d88fe1d96ff94d712a94f448b135a571edd', class: "bs-stat__trend-value" }, this.trendValue)))), h("dd", { key: '0c2eebe7c40245de0090345e2884c8b2dcbcd1b9', class: { 'bs-stat__extra': true, 'bs-stat__extra--visible': this.hasExtra } }, h("slot", { key: '75723e31ac5595c062ef8661afd8b42dc7dc6a5c', onSlotchange: (e) => (this.hasExtra = e.target.assignedNodes().some(n => n.nodeType === 1 || !!n.textContent?.trim())) })))));
+        return (h("bs-card", { key: '99379775abe5bfa1a7ae8d04cab1e0f5c5bddf98', part: "container", class: "bs-stat", surface: this.surface }, h("dl", { key: '963c7c0c2074b2960b98d1fd79f5f4dc22810b20', class: "bs-stat__body" }, h("dt", { key: '83863febf72f6a6b0fb7fc5d4d54836af3f92b4f', class: "bs-stat__head" }, h("span", { key: '14b4c6e47e762b313f554211d8eed6f804081648', class: { 'bs-stat__icon': true, 'bs-stat__icon--visible': this.hasIcon } }, h("slot", { key: '5a2e4ac5f4efc068ea631e3065979b15c9b18310', name: "icon", onSlotchange: (e) => (this.hasIcon = e.target.assignedNodes().length > 0) })), h("span", { key: '7a92fc17fbbf6ba05315be93fddea9d41a6681d8', part: "label", class: "bs-stat__label" }, this.label)), h("dd", { key: 'cb53c1bca2e0b178df127fb6386435602422ef76', class: "bs-stat__figure" }, h("span", { key: '5ecaace08e3c9ef627de9721cba52c7127a45897', part: "value", class: "bs-stat__value" }, this.value), this.trend && (h("span", { key: '12736ee0a0c0041de051fd96e1f031fee58a3387', part: "trend", class: `bs-stat__trend bs-stat__trend--${this.intent}` }, this.arrow(), h("span", { key: '12065cc93349c009411cadec24adac0fbe08067f', class: "bs-stat__sr" }, this.trendPrefix), this.trendValue && h("span", { key: '64d8f0817eee4a093d45dec0362656e2b2f2d300', class: "bs-stat__trend-value" }, this.trendValue)))), h("dd", { key: 'b23d0d60e71a9701b1376d6da5bc481c558f845e', class: { 'bs-stat__extra': true, 'bs-stat__extra--visible': this.hasExtra } }, h("slot", { key: '74dafd7c89d07ec66ab2b9ea5ac41ba7180367eb', onSlotchange: (e) => (this.hasExtra = e.target.assignedNodes().some(n => n.nodeType === 1 || !!n.textContent?.trim())) })))));
     }
     static get is() { return "bs-stat"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-stat/bs-stat.stories.js

@@ -2,7 +2,7 @@ import { html } from "lit";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { componentDescription } from "../../stories-utils";
 const meta = {
-    title: 'Components/bs-stat',
+    title: 'Components/Data display/bs-stat',
     parameters: { docs: { description: { component: componentDescription('bs-stat') } } },
     argTypes: {
         label: { control: 'text' },

package/dist/collection/components/bs-stepper/bs-stepper/bs-stepper.js

@@ -62,7 +62,7 @@ export class BsStepper {
     }
     render() {
         // role="list" so each bs-stepper-step's role="listitem" has the required parent.
-        return (h(Host, { key: '4848554ab39b7722394d94da0125940d78e3d68a', role: "list" }, h("slot", { key: '665709822f40bf4c3105cbcbbf7d795527c6472f', onSlotchange: this.onSlotChange })));
+        return (h(Host, { key: '3689910d22859e209015be08e5faf9d6c54b0c1c', role: "list" }, h("slot", { key: '05171784f3b9309251c1826e5f9ef174579ac7ab', onSlotchange: this.onSlotChange })));
     }
     static get is() { return "bs-stepper"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-stepper/bs-stepper/bs-stepper.stories.js

@@ -1,7 +1,7 @@
 import { html } from "lit";
 import { componentDescription, propDescription } from "../../../stories-utils";
 const meta = {
-    title: 'Components/bs-stepper',
+    title: 'Components/Navigation/bs-stepper',
     parameters: { docs: { description: { component: componentDescription('bs-stepper') } } },
     render: args => html `
     <bs-stepper current-step=${args.currentStep} direction=${args.direction} show-description=${args.showDescription}>

package/dist/collection/components/bs-stepper/bs-stepper-step/bs-stepper-step.js

@@ -57,7 +57,7 @@ export class BsStepperStep {
     }
     render() {
         const state = this.state;
-        return (h(Host, { key: 'b585c4ce677e7600da944ef54bc2392b1de0ff0e', role: "listitem", class: `bs-stepper-step--${this.direction}`, "aria-disabled": state === 'disabled' ? 'true' : undefined }, h("div", { key: '29e40d651026a757eb042a6421704ed0b32d9e31', class: "bs-stepper-step__top" }, h("span", { key: 'cb033a3ebb0bab094faa03088bb9ed3e99b7b3d2', part: "icon", class: `bs-stepper-step__icon bs-stepper-step__icon--${state}` }, state === 'current' && h("span", { key: '3be9f56a6541d903d0c0d7e36a837c31ee3e99ab', class: "bs-stepper-step__icon-dot" }), state === 'done' && h(CheckIcon, { key: 'd9d704f3c03d4e98be52aca9378e4662dc916990' }), state === 'error' && h(ExclamationIcon, { key: 'b20da59b195ec4e7914c92218520070f1fbda2cb' })), h("span", { key: 'a2a3c05a900a84e4038995d19ecedfdba8e2ff81', part: "connector", class: "bs-stepper-step__connector", "aria-hidden": "true" }, h("span", { key: '57ae3b403b2ae8e626afbd23dd2127a700fa75f0', class: "bs-stepper-step__connector-line" }))), h("span", { key: '742d48ec8606bb7012377d3331c604d1b77a2618', part: "label", class: `bs-stepper-step__label bs-stepper-step__label--${state}` }, h("span", { key: '6b1e4fa784433c33a2674dab2998b5ff20b40e82', part: "name", class: "bs-stepper-step__name" }, this.name), this.showDescription && this.description && (h("span", { key: 'ab56d0905142ee0f29ae37280f74aea0a133b438', part: "description", class: "bs-stepper-step__description" }, this.description)))));
+        return (h(Host, { key: '254ec9def4e9cf11e1dc72fa1af8c97a36097581', role: "listitem", class: `bs-stepper-step--${this.direction}`, "aria-disabled": state === 'disabled' ? 'true' : undefined }, h("div", { key: 'c35996eb063c70df0f4c79dc882098ae7de6ecca', class: "bs-stepper-step__top" }, h("span", { key: 'd02c93b65ff3e7eeb5349d8d8ea594f00949b891', part: "icon", class: `bs-stepper-step__icon bs-stepper-step__icon--${state}` }, state === 'current' && h("span", { key: 'd98fd1d2a084f59c3f9cf1b63961e6a88e230675', class: "bs-stepper-step__icon-dot" }), state === 'done' && h(CheckIcon, { key: 'be1bf786dc530015dbe164d36d022dee7b5db055' }), state === 'error' && h(ExclamationIcon, { key: '439fdccdbeee54449ae6e446f95bea75b684b009' })), h("span", { key: '9407db874e21d5871e98ef2c52af0ed7ee88a30b', part: "connector", class: "bs-stepper-step__connector", "aria-hidden": "true" }, h("span", { key: 'c23941c1701d55daabee93e7124ce8e0b9623fba', class: "bs-stepper-step__connector-line" }))), h("span", { key: 'bdfbfb685ce78768a3a9af2ae5ece69937607552', part: "label", class: `bs-stepper-step__label bs-stepper-step__label--${state}` }, h("span", { key: 'f3e8e99da0d0679b8d830f77b28167aa99095aca', part: "name", class: "bs-stepper-step__name" }, this.name), this.showDescription && this.description && (h("span", { key: '0c929341027b485bc681aa0406aa323d80f6f0fe', part: "description", class: "bs-stepper-step__description" }, this.description)))));
     }
     static get is() { return "bs-stepper-step"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-switch/bs-switch.js

@@ -69,7 +69,7 @@ export class BsSwitch {
             .filter(Boolean)
             .join(' ');
         const knobClasses = ['bs-switch__knob', `bs-switch__knob--${this.size}`, this.disabled ? 'bs-switch__knob--disabled' : ''].filter(Boolean).join(' ');
-        return (h("label", { key: '980c1ae91a474119f5f80e334333aeeec7f9ca9a', class: `bs-switch ${this.disabled ? 'bs-switch--disabled' : ''}` }, h("input", { key: '39dadbfc6e242947268cca62b5a220662fd1f509', class: "bs-switch__input", type: "checkbox", role: "switch", checked: this.checked, disabled: this.disabled, "aria-checked": String(this.checked), "aria-label": this.ariaLabel, onChange: this.onChange }), h("span", { key: '604d30b69702c27dff09af51c3700fdfb2aed5b5', part: "track", class: trackClasses }, h("span", { key: '6c7fcc721db39058e95e39dad5ee5f85cbda3ecc', part: "knob", class: knobClasses }, h("bs-ripple", { key: '2016d5a40eb077b6e37ab9a65b46fa1bce61e861', part: "ripple", class: "bs-switch__ripple", centered: true, triggerSelector: ".bs-switch", disabled: this.disabled }))), h("span", { key: 'c2fde21c14553f82dadba7013aad090ad3af67a9', part: "label", class: "bs-switch__label" }, h("slot", { key: 'a26df0fb49ded9f531292dbc21918f34a33e1ab6' }))));
+        return (h("label", { key: 'dd09d598001470a5bed9d705633e649366a5cf9e', class: `bs-switch ${this.disabled ? 'bs-switch--disabled' : ''}` }, h("input", { key: '8a49a0aca67c8322862cb8df026b3c3138dab957', class: "bs-switch__input", type: "checkbox", role: "switch", checked: this.checked, disabled: this.disabled, "aria-checked": String(this.checked), "aria-label": this.ariaLabel, onChange: this.onChange }), h("span", { key: '3221302d5f6ead0d1a035b6d7d135a12246e301c', part: "track", class: trackClasses }, h("span", { key: '925c4f407a02cb97c31e174f0a5e90d30385d259', part: "knob", class: knobClasses }, h("bs-ripple", { key: '3fe6447c46e2af73b46db16f9cb2331ef869b6e1', part: "ripple", class: "bs-switch__ripple", centered: true, triggerSelector: ".bs-switch", disabled: this.disabled }))), h("span", { key: '958fb448e07bf4d2af8820fa88497435c9adf150', part: "label", class: "bs-switch__label" }, h("slot", { key: '5399072696520fe3b0f92609c557a45e3ff86188' }))));
     }
     static get is() { return "bs-switch"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-switch/bs-switch.stories.js

@@ -4,7 +4,7 @@ import { expect, userEvent, waitFor } from "storybook/test";
 import { ready, inShadow, recordEvents } from "../../play-utils";
 const sizes = ['md', 'lg'];
 const meta = {
-    title: 'Components/bs-switch',
+    title: 'Components/Forms/bs-switch',
     parameters: { docs: { description: { component: componentDescription('bs-switch') } } },
     render: args => html `
     <bs-switch size=${args.size} ?checked=${args.checked} ?disabled=${args.disabled}>

package/dist/collection/components/bs-tab/bs-inline-tab/bs-inline-tab.js

@@ -95,7 +95,7 @@ export class BsInlineTab {
     };
     render() {
         const iconOnly = this.hasIcon && !this.hasLabel;
-        return (h("button", { key: '72a7b79df2f920240bb9e800b1a662b91481d090', type: "button", part: "tab", role: "tab", class: `bs-inline-tab ${this.selected ? 'bs-inline-tab--selected' : ''} ${this.disabled ? 'bs-inline-tab--disabled' : ''} ${iconOnly ? 'bs-inline-tab--icon-only' : ''} ${this.hasIcon ? 'bs-inline-tab--has-icon' : ''}`, disabled: this.disabled, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel, tabIndex: this.tabbable === undefined ? undefined : this.tabbable ? 0 : -1, onClick: this.onClick }, h("bs-ripple", { key: '62d5478adf647dcf8e61f9cbcb8485edb355d9e2', part: "ripple", centered: false, disabled: this.disabled }), h("span", { key: 'c14a5ede027fc8b5ac941fce332451b4bf5232b6', part: "icon", class: `bs-inline-tab__icon ${this.hasIcon ? 'bs-inline-tab__icon--has-content' : ''}` }, h("slot", { key: '2997b46d314089103fe5738c0cde2600c9fa4121', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'b42c580e6468ad84c30e01b6dddd257f5d0b078d', part: "label", class: `bs-inline-tab__label ${this.hasLabel ? 'bs-inline-tab__label--has-content' : ''}` }, h("slot", { key: '99a55082aa21cca4003033e284bf9c049acc6d52', onSlotchange: this.onLabelSlotchange }))));
+        return (h("button", { key: 'a4a4466cf06781452bfafb56cbb6dee16f88bfe7', type: "button", part: "tab", role: "tab", class: `bs-inline-tab ${this.selected ? 'bs-inline-tab--selected' : ''} ${this.disabled ? 'bs-inline-tab--disabled' : ''} ${iconOnly ? 'bs-inline-tab--icon-only' : ''} ${this.hasIcon ? 'bs-inline-tab--has-icon' : ''}`, disabled: this.disabled, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel, tabIndex: this.tabbable === undefined ? undefined : this.tabbable ? 0 : -1, onClick: this.onClick }, h("bs-ripple", { key: '7fd57ac805ab4945fa1bb33482ef858e0b9a37ec', part: "ripple", centered: false, disabled: this.disabled }), h("span", { key: '5bccaa37f40238539722e711f4b1cea73a77b5cd', part: "icon", class: `bs-inline-tab__icon ${this.hasIcon ? 'bs-inline-tab__icon--has-content' : ''}` }, h("slot", { key: 'dac2d6bf01d69058c052763981a6a7caaf7c5f52', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'ccc8dd6c4b7b4a43e264b6888ca778bee8d00ee5', part: "label", class: `bs-inline-tab__label ${this.hasLabel ? 'bs-inline-tab__label--has-content' : ''}` }, h("slot", { key: 'b446e758154a3efceff74eee58fb8847f044594d', onSlotchange: this.onLabelSlotchange }))));
     }
     static get is() { return "bs-inline-tab"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-tab/bs-inline-tab/bs-inline-tab.stories.js

@@ -7,7 +7,7 @@ const homeIcon = html `
   </svg>
 `;
 const meta = {
-    title: 'Components/bs-tab/bs-inline-tab',
+    title: 'Components/Navigation/bs-tab/bs-inline-tab',
     parameters: { docs: { description: { component: componentDescription('bs-inline-tab') } } },
     // role="tab" is only valid ARIA inside a role="tablist" ancestor (axe-core flags a lone
     // bs-inline-tab as a critical aria-required-parent violation otherwise -- see

package/dist/collection/components/bs-tab/bs-tab/bs-tab.js

@@ -108,7 +108,7 @@ export class BsTab {
         const iconOnly = this.hasIcon && !this.hasLabel;
         const vertical = this.hasIcon && this.hasLabel && this.iconPosition === 'top';
         const showBadge = this.hasBadge && !iconOnly && !vertical;
-        return (h("button", { key: 'a74abcd56b3dbe37c84543b6f9c7ffca1e5519d6', type: "button", part: "tab", role: "tab", class: `bs-tab ${this.selected ? 'bs-tab--selected' : ''} ${this.disabled ? 'bs-tab--disabled' : ''} ${iconOnly ? 'bs-tab--icon-only' : ''} ${vertical ? 'bs-tab--vertical' : ''}`, disabled: this.disabled, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel, tabIndex: this.tabbable === undefined ? undefined : this.tabbable ? 0 : -1, onClick: this.onClick }, h("bs-ripple", { key: 'c0d7e7a0612ca60facde0d07345406148d43dd89', part: "ripple", centered: false, disabled: this.disabled }), h("span", { key: '0decf034c01ec42325d55e071405c2ab9d84180e', part: "icon", class: `bs-tab__icon ${this.hasIcon ? 'bs-tab__icon--has-content' : ''}` }, h("slot", { key: '9bfad6e083a8df7afde382e6db551b0d59201f82', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'd9376434f2c2780dcc4f7f0fba92bec00bc8b31c', part: "label", class: `bs-tab__label ${this.hasLabel ? 'bs-tab__label--has-content' : ''}` }, h("slot", { key: '6be3d55acf8e2da19d32f2c821d2f2d956cb0e0c', onSlotchange: this.onLabelSlotchange })), h("span", { key: '9fc2c317d7dcd5fc66225b56619105897c974bf6', part: "badge", class: `bs-tab__badge ${showBadge ? 'bs-tab__badge--has-content' : ''}` }, h("slot", { key: '6174f294d93d4102f21dbff094d505b7e929cae9', name: "badge", onSlotchange: this.onBadgeSlotchange })), h("span", { key: '0723083e4b00d00111b0f0cade36de63b805185d', part: "indicator", class: "bs-tab__indicator" })));
+        return (h("button", { key: '8fd98c4f12fe25984c07e953a1607b3e4c0a7d17', type: "button", part: "tab", role: "tab", class: `bs-tab ${this.selected ? 'bs-tab--selected' : ''} ${this.disabled ? 'bs-tab--disabled' : ''} ${iconOnly ? 'bs-tab--icon-only' : ''} ${vertical ? 'bs-tab--vertical' : ''}`, disabled: this.disabled, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel, tabIndex: this.tabbable === undefined ? undefined : this.tabbable ? 0 : -1, onClick: this.onClick }, h("bs-ripple", { key: '896f94565aea13c576dd2ebc028fcaf5bfe6b69a', part: "ripple", centered: false, disabled: this.disabled }), h("span", { key: 'e88a94ed2b764ae78d2d3a5bbf2aaa95bd9106e2', part: "icon", class: `bs-tab__icon ${this.hasIcon ? 'bs-tab__icon--has-content' : ''}` }, h("slot", { key: 'c611fc1cc9b6b092372c1b2aec47bfe0ed9acb7f', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'c1197f3bbd0a537f6e0a9fd2441bfe1b0e09d760', part: "label", class: `bs-tab__label ${this.hasLabel ? 'bs-tab__label--has-content' : ''}` }, h("slot", { key: 'e47b3a7aa890599bfacaaa579115427732099c3a', onSlotchange: this.onLabelSlotchange })), h("span", { key: '9f6dfee9154141ea72bd0f199cfb104b5f78d194', part: "badge", class: `bs-tab__badge ${showBadge ? 'bs-tab__badge--has-content' : ''}` }, h("slot", { key: 'c1125351dc7815d59e8cd24db946965e5425975f', name: "badge", onSlotchange: this.onBadgeSlotchange })), h("span", { key: '0ffa3e25e57d3e5f4fddc995229e160dd7545a16', part: "indicator", class: "bs-tab__indicator" })));
     }
     static get is() { return "bs-tab"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-tab/bs-tab/bs-tab.stories.js

@@ -11,7 +11,7 @@ const homeIcon = html `
   </svg>
 `;
 const meta = {
-    title: 'Components/bs-tab/bs-tab',
+    title: 'Components/Navigation/bs-tab/bs-tab',
     parameters: { docs: { description: { component: componentDescription('bs-tab') } } },
     // role="tab" is only valid ARIA inside a role="tablist" ancestor (axe-core flags a lone bs-tab
     // as a critical aria-required-parent violation otherwise -- see bs-tab.mdx's Accessibility

package/dist/collection/components/bs-tab/bs-tabs/bs-tabs.js

@@ -142,7 +142,7 @@ export class BsTabs {
     }
     render() {
         const vertical = this.orientation === 'vertical';
-        return (h("div", { key: 'a48d2ee16e78ca21fce532f10c009d092d889dbb', part: "tablist", role: "tablist", "aria-orientation": this.orientation, class: `bs-tabs bs-tabs--${this.type} ${vertical ? 'bs-tabs--vertical' : ''}` }, h("slot", { key: 'd4a32f7486fdc2c86bbf6cdd9f5bb79197878d9b', onSlotchange: () => this.syncRovingTabindex() })));
+        return (h("div", { key: '7900adcba506bbd084bfd8c095d0344306faff69', part: "tablist", role: "tablist", "aria-orientation": this.orientation, class: `bs-tabs bs-tabs--${this.type} ${vertical ? 'bs-tabs--vertical' : ''}` }, h("slot", { key: 'ab5b17dfe5d662bd46b573c919728c04b56425f3', onSlotchange: () => this.syncRovingTabindex() })));
     }
     static get is() { return "bs-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-tab/bs-tabs/bs-tabs.stories.js

@@ -6,7 +6,7 @@ const types = ['bs-tab', 'bs-inline-tab'];
 const orientations = ['horizontal', 'vertical'];
 const tabLabels = ['Overview', 'Details', 'Settings', 'Archived'];
 const meta = {
-    title: 'Components/bs-tab/bs-tabs',
+    title: 'Components/Navigation/bs-tab/bs-tabs',
     parameters: { docs: { description: { component: componentDescription('bs-tabs') } } },
     render: args => html `
     <bs-tabs type=${args.type} orientation=${args.orientation}>

package/dist/collection/components/bs-table-of-contents/bs-table-of-contents.js

@@ -177,7 +177,7 @@ export class BsTableOfContents {
     }
     render() {
         const nodes = this.tree();
-        return (h("nav", { key: 'd804da8cde3c5e97f62ce8c9d7bfba30d6a493b0', part: "container", class: "bs-toc", "aria-label": this.label }, !this.hideTitle && (h("p", { key: 'f797d4a7cb59639cede25a91b5ad3074dda98774', part: "title", id: this.titleId, class: "bs-toc__title" }, this.label)), nodes.length > 0 && this.renderList(nodes, 1), h("slot", { key: '06732b5cf28a816e4a504b3f64a699ec29c2697c', onSlotchange: this.readSlotted })));
+        return (h("nav", { key: '47d775adeb323c4a5c21279d33a20810cbac29da', part: "container", class: "bs-toc", "aria-label": this.label }, !this.hideTitle && (h("p", { key: '9d63c49490aa41184a00d88ab025d1779bfeb166', part: "title", id: this.titleId, class: "bs-toc__title" }, this.label)), nodes.length > 0 && this.renderList(nodes, 1), h("slot", { key: 'e9fda6e655d776fb90f19f958066dcc1777b713d', onSlotchange: this.readSlotted })));
     }
     static get is() { return "bs-table-of-contents"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-table-of-contents/bs-table-of-contents.stories.js

@@ -13,7 +13,7 @@ const sections = [
     ['toc-demo-a11y', 'Accessibility'],
 ];
 const meta = {
-    title: 'Components/bs-table-of-contents',
+    title: 'Components/Navigation/bs-table-of-contents',
     parameters: { docs: { description: { component: componentDescription('bs-table-of-contents') } } },
     render: args => html `
     <div style="display: flex; gap: 32px; height: 320px; overflow: auto;">

package/dist/collection/components/bs-tag/bs-tag.js

@@ -60,8 +60,8 @@ export class BsTag {
     };
     render() {
         const rel = this.href && this.target === '_blank' ? 'noopener noreferrer' : undefined;
-        const label = h("slot", { key: '9f9ee0444b576ad3e258c942222580112acf9278', onSlotchange: () => (this.labelText = this.readLabel()) });
-        return (h(Host, { key: '0e7e0b30816237f8b1ff4e188989bf5494ebe5b2' }, h("span", { key: '71a97a157c57a9e4bae9f2606f8670913d92f1e2', part: "container", class: { 'bs-tag': true, 'bs-tag--removable': this.removable } }, h("span", { key: '870efd02cc59cc348465aee33f1232660353cc25', part: "icon", class: { 'bs-tag__icon': true, 'bs-tag__icon--visible': this.hasIcon } }, h("slot", { key: '6b44752833f018db3b2c4efe72fab6db9742e017', name: "icon", onSlotchange: (e) => (this.hasIcon = e.target.assignedNodes().length > 0) })), this.href ? (h("a", { part: "label", class: "bs-tag__label bs-tag__label--link", href: this.href, target: this.target, rel: rel }, label)) : (h("span", { part: "label", class: "bs-tag__label" }, label)), this.removable && (h("bs-icon-button", { key: '4cf3c5b4f886806d56fbfe453221130186ac9130', part: "remove", class: "bs-tag__remove", size: "xs", variant: "subtle", ariaLabel: `${this.removeLabel} ${this.labelText}`.trim(), onClick: this.onRemove }, h("svg", { key: '0c3313fdfd20098b98f9d864ac3143dcd647d10a', viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("path", { key: 'eecaf5e9b0880265a5eb64973c1b9b7b5c02ab56', d: "M12.5 3.5L3.5 12.5M12.5 12.5L3.5 3.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
+        const label = h("slot", { key: '50e70f1c1f279933d1766ec93e7a88bc2ad7503a', onSlotchange: () => (this.labelText = this.readLabel()) });
+        return (h(Host, { key: '29b956ecaf134c660b3ab769e99234727ee5e130' }, h("span", { key: '8e82315255d1c9a7c39c74431c6d41ea230bd34f', part: "container", class: { 'bs-tag': true, 'bs-tag--removable': this.removable } }, h("span", { key: 'dd751bc6feb2f46e421dce234ea8baf2d9cba82b', part: "icon", class: { 'bs-tag__icon': true, 'bs-tag__icon--visible': this.hasIcon } }, h("slot", { key: '503096f32e4426d7a4c6c5a0d11f807d7e668348', name: "icon", onSlotchange: (e) => (this.hasIcon = e.target.assignedNodes().length > 0) })), this.href ? (h("a", { part: "label", class: "bs-tag__label bs-tag__label--link", href: this.href, target: this.target, rel: rel }, label)) : (h("span", { part: "label", class: "bs-tag__label" }, label)), this.removable && (h("bs-icon-button", { key: 'b1d89e519ec61a444526adf831137f5d6b01f909', part: "remove", class: "bs-tag__remove", size: "xs", variant: "subtle", ariaLabel: `${this.removeLabel} ${this.labelText}`.trim(), onClick: this.onRemove }, h("svg", { key: '8ee1ffffe815823101e45420e443900c02ab0792', viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("path", { key: '4d7cccc12c65ec89735294da8e1aaad0ca545c7d', d: "M12.5 3.5L3.5 12.5M12.5 12.5L3.5 3.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
     }
     static get is() { return "bs-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-tag/bs-tag.stories.js

@@ -2,7 +2,7 @@ import { html } from "lit";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { componentDescription } from "../../stories-utils";
 const meta = {
-    title: 'Components/bs-tag',
+    title: 'Components/Data display/bs-tag',
     parameters: { docs: { description: { component: componentDescription('bs-tag') } } },
     argTypes: {
         label: { control: 'text' },

package/dist/collection/components/bs-text/bs-text.js

@@ -27,7 +27,7 @@ export class BsText {
     tone = 'default';
     render() {
         const Tag = this.as;
-        return (h(Tag, { key: '39b932702ac56ba72165816fefadecc19899b302', part: "text", class: `bs-text bs-text--${this.variant}` }, h("slot", { key: '10c274f769fdc64b6994c967eb517997f6a00742' })));
+        return (h(Tag, { key: 'e23cdacde6c2dd10a6e0c603cd76fa60cc999ba0', part: "text", class: `bs-text bs-text--${this.variant}` }, h("slot", { key: '34008aa9788b5e4401cff92d5e7152da91c0d6f5' })));
     }
     static get is() { return "bs-text"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-text/bs-text.stories.js

@@ -1,7 +1,7 @@
 import { html } from "lit";
 import { componentDescription } from "../../stories-utils";
 const meta = {
-    title: 'Components/bs-text',
+    title: 'Components/Typography and media/bs-text',
     parameters: { docs: { description: { component: componentDescription('bs-text') } } },
     render: args => html `<bs-text as=${args.as} variant=${args.variant} tone=${args.tone}>${args.text}</bs-text>`,
     argTypes: {

package/dist/collection/components/bs-timepicker/bs-timepicker.js

@@ -200,14 +200,14 @@ export class BsTimepicker {
         return (h("div", { part: "spinner", class: "bs-timepicker__spinner" }, h("button", { part: "step", type: "button", class: "bs-timepicker__step", "aria-label": stepLabel(this.increaseLabel), tabindex: -1, onClick: () => this.stepBy(col, 1) }, h("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, h("path", { d: "M18 15L12 9L6 15", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("div", { part: "value", class: "bs-timepicker__value", role: "spinbutton", tabindex: 0, "aria-label": label, "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": n, "aria-valuetext": pad(n), onKeyDown: this.onKeyDown(col), onBlur: () => (this.typed = '') }, pad(n)), h("button", { part: "step", type: "button", class: "bs-timepicker__step", "aria-label": stepLabel(this.decreaseLabel), tabindex: -1, onClick: () => this.stepBy(col, -1) }, h("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, h("path", { d: "M6 9L12 15L18 9", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
     render() {
-        return (h("bs-card", { key: '57964e003d5d7d6abccb13a17e759721e2aa272e', part: "container", class: "bs-timepicker", surface: "raised" }, h("div", { key: '664469ea766475d939684231e4c1c5f01afe824a', class: "bs-timepicker__body" }, h("div", { key: '75aa6484e5fd2735ef972f3a29ebba5ce89838d4', part: "header", class: "bs-timepicker__header" }, h("div", { key: '06978e8b2b3f245d723bbf8099bc542a1ffcce78', part: "title", class: "bs-timepicker__title" }, this.heading), h("label", { key: '69154fd6015f1d945adcdf954841da6bf2d4d539', class: "bs-timepicker__format" }, h("span", { key: 'f8dadb20d719f379e5f47a888706af6b2ab0202b' }, this.formatLabel), h("bs-switch", { key: '5411272d1141e5c0c9d3742c81df88f78eb113ed', part: "format-toggle", size: "md", ariaLabel: this.formatLabel, checked: !this.is12h, onBsChange: (ev) => (this.format = ev.detail ? '24h' : '12h') }))), h("div", { key: '3cb6c8ccad07ec88afab6f9f40a1115f82ed477e', class: "bs-timepicker__divider" }), h("div", { key: '54f473f57a0c498a3267cabf84db3c1a8ba285ab', part: "selector", class: "bs-timepicker__selector" }, this.renderColumn('hour', this.hourLabel), h("div", { key: '92e9520755d52e58fe4412a073748e9928b3cff7', part: "separator", class: "bs-timepicker__separator", "aria-hidden": "true" }, h("svg", { key: 'cd55a6677dd695e5e93d296302cc429d84e01887', viewBox: "0 0 4 32", fill: "currentColor" }, h("circle", { key: 'ef746f64ebb5a49ee0f56c0c50b167316aec5053', cx: "2", cy: "10", r: "2" }), h("circle", { key: '65852107527c34a4aaec9c00fca8d5be4ef2d5aa', cx: "2", cy: "22", r: "2" }))), this.renderColumn('minute', this.minuteLabel), this.is12h && (h("bs-input", { key: '9d17f6c9401969e52ff99a4b84560617c2525300', part: "period", class: "bs-timepicker__period", type: "dropdown", label: this.periodLabel, value: this.isPm ? 'PM' : 'AM', options: [
+        return (h("bs-card", { key: 'dab57e27c56dfa5423148a310367724d053632da', part: "container", class: "bs-timepicker", surface: "raised" }, h("div", { key: '8abc6031e58d31819cf81cf2c91d5d18f58a68a8', class: "bs-timepicker__body" }, h("div", { key: '79853face4f30bce97fe1350108166ab00090989', part: "header", class: "bs-timepicker__header" }, h("div", { key: '0085cc1b6a3395adbd7ffabf700917417add80f7', part: "title", class: "bs-timepicker__title" }, this.heading), h("label", { key: 'a1e597fd56d312412e1abdab7df413c421fb126d', class: "bs-timepicker__format" }, h("span", { key: '5d93f11e944478341ccaf54331f2af21c370b690' }, this.formatLabel), h("bs-switch", { key: '08faec46e401574e7e5ccb4f577248ea4c274a22', part: "format-toggle", size: "md", ariaLabel: this.formatLabel, checked: !this.is12h, onBsChange: (ev) => (this.format = ev.detail ? '24h' : '12h') }))), h("div", { key: 'ef7560455a1849f94a698dc4d14b48e51299cb0d', class: "bs-timepicker__divider" }), h("div", { key: '29ae72b663dc9ca61ac1c5a75503b4b33d19817e', part: "selector", class: "bs-timepicker__selector" }, this.renderColumn('hour', this.hourLabel), h("div", { key: '91ddda51be264b0f332e3068ac1ac8fbe546c91d', part: "separator", class: "bs-timepicker__separator", "aria-hidden": "true" }, h("svg", { key: '91a220300dc5bca693fb5e5ca1f8ad790200256b', viewBox: "0 0 4 32", fill: "currentColor" }, h("circle", { key: '4a265c532717e4db04a9e4aa57ae7a4a62db4938', cx: "2", cy: "10", r: "2" }), h("circle", { key: '4285240f0542ca07eca43d6165ab57079828ec00', cx: "2", cy: "22", r: "2" }))), this.renderColumn('minute', this.minuteLabel), this.is12h && (h("bs-input", { key: '85d78c3c1569bd699ef0a4b65066d25e9cd88a2a', part: "period", class: "bs-timepicker__period", type: "dropdown", label: this.periodLabel, value: this.isPm ? 'PM' : 'AM', options: [
                 { label: 'AM', value: 'AM' },
                 { label: 'PM', value: 'PM' },
             ], onBsChange: (ev) => {
                 const pm = ev.detail === 'PM';
                 if (pm !== this.isPm)
                     this.hour = (this.hour + 12) % 24;
-            } }))), h("div", { key: '914705bd05bf0a3d1a8d85c671241325cc564369', class: "bs-timepicker__divider" }), h("div", { key: '1c1849dde9807f507dc0c7b1446f725f8e5971a0', part: "footer", class: "bs-timepicker__footer" }, h("bs-button", { key: '2e3bd483d598b9539b28742fba2a2dbff56a38ea', part: "cancel", variant: "subtle", onClick: this.cancel }, this.cancelLabel), h("bs-button", { key: '667c14ac6847e9d27439ea0637038deb019f0ccc', part: "confirm", variant: "primary", onClick: this.confirm }, this.confirmLabel)))));
+            } }))), h("div", { key: 'd5bb646ad75742995e9b31202621b1e7c88b9796', class: "bs-timepicker__divider" }), h("div", { key: '315e6733a984ef99ad0aa998abbfcb5455725ff5', part: "footer", class: "bs-timepicker__footer" }, h("bs-button", { key: 'f2160b644174d14dfe81d9f84938ad2f29ae9072', part: "cancel", variant: "subtle", onClick: this.cancel }, this.cancelLabel), h("bs-button", { key: '5131d29cf88ccf5effee5145b85e292229d48247', part: "confirm", variant: "primary", onClick: this.confirm }, this.confirmLabel)))));
     }
     static get is() { return "bs-timepicker"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-timepicker/bs-timepicker.stories.js

@@ -1,7 +1,7 @@
 import { html } from "lit";
 import { componentDescription, propDescription } from "../../stories-utils";
 const meta = {
-    title: 'Components/bs-timepicker',
+    title: 'Components/Forms/bs-timepicker',
     parameters: { docs: { description: { component: componentDescription('bs-timepicker') } } },
     render: args => html `
     <bs-timepicker

package/dist/collection/components/bs-toast/bs-toast.js

@@ -27,7 +27,7 @@ export class BsToast {
         this.bsDismiss.emit();
     };
     render() {
-        return (h("div", { key: '5bc681de86bd983ebe893b9ea8ed94b473896982', part: "container", class: `bs-toast bs-toast--${this.state}`, role: "status", "aria-live": this.state === 'error' ? 'assertive' : 'polite' }, h("div", { key: '4842f349978fedfcceb535da81e90029d98b3432', class: "bs-toast__content" }, h("span", { key: 'c396041be59b6088c2a50ef156b218c7c2cc70d0', part: "icon", class: "bs-toast__icon", "aria-hidden": "true" }, h(StateIcon, { key: '33342d2bab947b9144e2bee18abb8292c75fe339', state: this.state })), h("span", { key: 'c6b2840d95a518e5d91dc281a81a83e6442bab1b', part: "message", class: "bs-toast__message" }, h("slot", { key: '1505051e3ce412f7b6bcefd82183717f870418b5' }))), h("div", { key: '50e3f96e3f7b325b97d3cf90771374f60aa87f24', class: "bs-toast__actions" }, h("button", { key: '69962e5d154c55372b562b45e06c07b8e16ce306', part: "close", type: "button", class: "bs-toast__close", "aria-label": this.dismissLabel, onClick: this.onDismiss }, h(CloseIcon, { key: '96d3547e268179d3f4799d43bf2d71abfbe8dc07' })))));
+        return (h("div", { key: '0cd3f84b1bc4233de0e60d80feda8e0baa543ff3', part: "container", class: `bs-toast bs-toast--${this.state}`, role: "status", "aria-live": this.state === 'error' ? 'assertive' : 'polite' }, h("div", { key: '24cd4dd77e0a0113a2852151442e35067e8e0316', class: "bs-toast__content" }, h("span", { key: '8d6b7e4cb48d352dc1f35c4be4a027abe2678463', part: "icon", class: "bs-toast__icon", "aria-hidden": "true" }, h(StateIcon, { key: 'e61563ae68b3f6258b724d41627abbffaec4aa00', state: this.state })), h("span", { key: '85d42a6ebb5ffeb43f1a269267b24b5692470e8d', part: "message", class: "bs-toast__message" }, h("slot", { key: 'c4bbab246538f6bd855f81dda35378e412c677e9' }))), h("div", { key: 'e5dd7640b6c49406fa3fa68e57ecf6073163f373', class: "bs-toast__actions" }, h("button", { key: '483face90818e9db0f75be4a3e188656ce3ce5f4', part: "close", type: "button", class: "bs-toast__close", "aria-label": this.dismissLabel, onClick: this.onDismiss }, h(CloseIcon, { key: '549982d389e2a7b3d767e67f9249cfa68b4f0be8' })))));
     }
     static get is() { return "bs-toast"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-toast/bs-toast.stories.js

@@ -9,7 +9,7 @@ const hideOnDismiss = (ev) => {
     ev.currentTarget.style.display = 'none';
 };
 const meta = {
-    title: 'Components/bs-toast',
+    title: 'Components/Feedback/bs-toast',
     parameters: { docs: { description: { component: componentDescription('bs-toast') } } },
     render: args => html `
     <bs-toast state=${args.state} @bsDismiss=${hideOnDismiss}>${args.message}</bs-toast>

package/dist/collection/components/bs-toggle-button/bs-toggle-button.js

@@ -70,7 +70,7 @@ export class BsToggleButton {
     };
     render() {
         const radio = this.mode === 'radio';
-        return (h("button", { key: 'f0d0b857c75ded029be27ec9adb00d5f181a3d50', type: "button", part: "button", class: `bs-toggle-button ${this.pressed ? 'bs-toggle-button--pressed' : ''} ${this.hasLabel ? '' : 'bs-toggle-button--icon-only'}`, role: radio ? 'radio' : undefined, "aria-pressed": radio ? undefined : String(this.pressed), "aria-checked": radio ? String(this.pressed) : undefined, "aria-label": this.ariaLabel, disabled: this.disabled, tabindex: this.tabbable ? undefined : -1, onClick: this.onClick }, h("bs-ripple", { key: '4aec0e3eee4ae6a5a407833de52533fc03f6b8f3', part: "ripple", centered: false, disabled: this.disabled }), h("span", { key: '3917ef305cf87dbbda33c4770cf86e6892423b39', part: "icon", class: `bs-toggle-button__icon ${this.hasIcon ? 'bs-toggle-button__icon--has-content' : ''}` }, h("slot", { key: '4bd9d1e4da1a7a37efa980e36a07266911c04afe', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'e33eeb741ebda53df820aaec814892082fb1076d', part: "label", class: "bs-toggle-button__label" }, h("slot", { key: 'ab303182f9bcc5bb6330f59e4a1d7e2fef698db8', onSlotchange: this.onLabelSlotchange }))));
+        return (h("button", { key: '1fed8ac2570a4d23c34d992fe7bc957a2010edf3', type: "button", part: "button", class: `bs-toggle-button ${this.pressed ? 'bs-toggle-button--pressed' : ''} ${this.hasLabel ? '' : 'bs-toggle-button--icon-only'}`, role: radio ? 'radio' : undefined, "aria-pressed": radio ? undefined : String(this.pressed), "aria-checked": radio ? String(this.pressed) : undefined, "aria-label": this.ariaLabel, disabled: this.disabled, tabindex: this.tabbable ? undefined : -1, onClick: this.onClick }, h("bs-ripple", { key: '88641d9ed9ab22c439e48654a68570f8bdc46c53', part: "ripple", centered: false, disabled: this.disabled }), h("span", { key: 'd82620a97c11371cbc2f036fca76a2b8ccf0b7ce', part: "icon", class: `bs-toggle-button__icon ${this.hasIcon ? 'bs-toggle-button__icon--has-content' : ''}` }, h("slot", { key: '67ecb03e648a577b4fbdbd98c2ee11ed7803a4ad', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '3b069c34f76d2979382fcee5d31982efa01ff9e9', part: "label", class: "bs-toggle-button__label" }, h("slot", { key: '4ba7842ada798bb5aba6e0329e6f6379f0636797', onSlotchange: this.onLabelSlotchange }))));
     }
     static get is() { return "bs-toggle-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-toggle-button/bs-toggle-button.stories.js

@@ -2,7 +2,7 @@ import { html } from "lit";
 import { componentDescription, propDescription } from "../../stories-utils";
 const gridIcon = html `<svg slot="icon" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M4 4h7v7H4zM13 4h7v7h-7zM4 13h7v7H4zM13 13h7v7h-7z" stroke="currentColor" stroke-width="1.5"/></svg>`;
 const meta = {
-    title: 'Components/bs-toggle-button',
+    title: 'Components/Actions/bs-toggle-button',
     parameters: { docs: { description: { component: componentDescription('bs-toggle-button') } } },
     render: args => html `<bs-toggle-button ?pressed=${args.pressed} ?disabled=${args.disabled}>${args.label}</bs-toggle-button>`,
     argTypes: {

package/dist/collection/components/bs-toggle-button-group/bs-toggle-button-group.js

@@ -97,7 +97,7 @@ export class BsToggleButtonGroup {
             btn?.click();
     }
     render() {
-        return (h("div", { key: '61d043efa2ecdf437d48bc2ca0b3d75f17a00b43', part: "group", class: "bs-toggle-button-group", role: this.multiple ? 'group' : 'radiogroup', "aria-label": this.ariaLabel, "aria-disabled": this.disabled ? 'true' : undefined }, h("slot", { key: '4b1c8e64b23cd54607c19b214b938e44dee99fef', onSlotchange: () => this.sync() })));
+        return (h("div", { key: 'a1fb653e8c7832d1eab642e80b34cf5e8cf4078f', part: "group", class: "bs-toggle-button-group", role: this.multiple ? 'group' : 'radiogroup', "aria-label": this.ariaLabel, "aria-disabled": this.disabled ? 'true' : undefined }, h("slot", { key: '7d505f52b0f7f0652a2ef048b5c1cc1e4ef9eba6', onSlotchange: () => this.sync() })));
     }
     static get is() { return "bs-toggle-button-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-toggle-button-group/bs-toggle-button-group.stories.js

@@ -4,7 +4,7 @@ import { expect, userEvent, waitFor } from "storybook/test";
 import { ready, inShadow, recordEvents } from "../../play-utils";
 const icon = (d) => html `<svg slot="icon" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d=${d} stroke="currentColor" stroke-width="1.5"/></svg>`;
 const meta = {
-    title: 'Components/bs-toggle-button-group',
+    title: 'Components/Actions/bs-toggle-button-group',
     parameters: { docs: { description: { component: componentDescription('bs-toggle-button-group') } } },
     render: args => html `
     <bs-toggle-button-group ariaLabel="View" value=${args.value} ?multiple=${args.multiple} ?disabled=${args.disabled}>