@brandsync/wc 1.18.0 → 1.20.0

package/dist/cjs/bs-table-of-contents.cjs.entry.js

@@ -0,0 +1,171 @@
+'use strict';
+
+var index = require('./index-BFxk-bY6.js');
+
+const bsTableOfContentsCss = () => `:host{display:block;--bs-toc-gap:var(--bs-spacing-50);--bs-toc-indent:var(--bs-spacing-200);--bs-toc-link-padding-x:var(--bs-spacing-150);--bs-toc-link-padding-y:var(--bs-spacing-50);--bs-toc-color:var(--bs-text-secondary);--bs-toc-color-hover:var(--bs-text-default);--bs-toc-color-current:var(--bs-text-action);--bs-toc-title-color:var(--bs-text-default);--bs-toc-font-size:var(--bs-font-size-sm);--bs-toc-font-weight-current:var(--bs-font-weight-semibold);--bs-toc-track-color:var(--bs-border-default);--bs-toc-indicator-color:var(--bs-border-primary);--bs-toc-focus-ring-color:var(--bs-border-neutral-focus);--bs-toc-radius:var(--bs-border-radius-50);--bs-toc-sticky-top:var(--bs-spacing-200)}:host([sticky]){position:sticky;top:var(--bs-toc-sticky-top);align-self:flex-start;max-height:calc(100vh - var(--bs-toc-sticky-top) * 2);overflow-y:auto}.bs-toc{font-family:inherit;font-size:var(--bs-toc-font-size)}.bs-toc__title{margin:0 0 var(--bs-spacing-100);color:var(--bs-toc-title-color);font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-semibold)}.bs-toc__list{display:flex;flex-direction:column;gap:var(--bs-toc-gap);margin:0;padding:0;list-style:none}.bs-toc__list--level-1{border-inline-start:2px solid var(--bs-toc-track-color)}.bs-toc__list .bs-toc__list{margin-block-start:var(--bs-toc-gap);padding-inline-start:var(--bs-toc-indent)}.bs-toc__link{display:block;margin-inline-start:-2px;padding:var(--bs-toc-link-padding-y) var(--bs-toc-link-padding-x);border-inline-start:2px solid transparent;border-radius:var(--bs-toc-radius);color:var(--bs-toc-color);text-decoration:none;transition:color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-toc__list .bs-toc__list .bs-toc__link{margin-inline-start:calc(var(--bs-toc-indent) * -1 - 2px);padding-inline-start:calc(var(--bs-toc-indent) + var(--bs-toc-link-padding-x))}.bs-toc__link:hover{color:var(--bs-toc-color-hover)}.bs-toc__link[aria-current]{border-inline-start-color:var(--bs-toc-indicator-color);color:var(--bs-toc-color-current);font-weight:var(--bs-toc-font-weight-current)}.bs-toc__link:focus-visible{outline:2px solid var(--bs-toc-focus-ring-color);outline-offset:2px}slot{display:none}@media (forced-colors: active){.bs-toc__link[aria-current]{border-inline-start-color:Highlight;color:Highlight}}`;
+
+let tocId = 0;
+const BsTableOfContents = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.bsNavigate = index.createEvent(this, "bsNavigate");
+        this.bsChange = index.createEvent(this, "bsChange");
+    }
+    get el() { return index.getElement(this); }
+    /** Entries as a JS array (set as a property, not an attribute). Takes precedence over slotted anchors. */
+    items = [];
+    /** Accessible name of the `nav` landmark, and the visible title text. */
+    label = 'On this page';
+    /** Hides the visible title; the landmark keeps its accessible name. */
+    hideTitle = false;
+    /** The `href` (`#id`) of the current section. Reflected; follows the scroll spy and clicks, and can be
+     * set to force a section. */
+    current;
+    /** Turns the scroll spy on or off. Off: `current` only changes when a link is clicked or it is set. */
+    scrollSpy = true;
+    /** `rootMargin` of the spy's `IntersectionObserver`: shrinks the viewport to the band in which a
+     * section counts as "current". The default is the top 40% of the viewport. Raise the top value (e.g.
+     * `-64px 0px -60% 0px`) when a fixed header covers the top of the page. */
+    rootMargin = '0px 0px -60% 0px';
+    /** Sticks the table of contents to the top of its scroll container (`position: sticky`) so it stays
+     * in view beside long content. Offset with `--bs-toc-sticky-top`. */
+    sticky = false;
+    /** Fires when a link is clicked, before navigation. **Cancelable**: `preventDefault()` stops the
+     * browser jump so you can scroll/route yourself. Detail is `{ href }`. Modified clicks are ignored. */
+    bsNavigate;
+    /** Fires when the current section changes (scroll spy or click), with its `href`. */
+    bsChange;
+    slotted = [];
+    titleId = `bs-toc-title-${++tocId}`;
+    observer;
+    visible = new Set();
+    order = [];
+    connectedCallback() {
+        if (this.el.shadowRoot?.querySelector('nav'))
+            this.setupSpy();
+    }
+    componentWillLoad() {
+        this.readSlotted();
+    }
+    componentDidLoad() {
+        this.setupSpy();
+    }
+    disconnectedCallback() {
+        this.teardownSpy();
+    }
+    onSpyConfigChange() {
+        // Wait for the new list to render so the targets are known.
+        requestAnimationFrame(() => this.setupSpy());
+    }
+    tree() {
+        if (this.items && this.items.length) {
+            const conv = (i) => ({ label: i.label, href: i.href, children: (i.children ?? []).map(conv) });
+            return this.items.map(conv);
+        }
+        return this.slotted;
+    }
+    flat(nodes = this.tree()) {
+        return nodes.flatMap(n => [n, ...this.flat(n.children)]);
+    }
+    readSlotted = () => {
+        const anchors = Array.from(this.el.querySelectorAll('a[href]'));
+        const root = [];
+        const stack = [];
+        anchors.forEach(a => {
+            const explicit = parseInt(a.dataset.level ?? '', 10);
+            let depth = 0;
+            for (let p = a.parentElement; p && p !== this.el; p = p.parentElement)
+                if (p.tagName === 'UL' || p.tagName === 'OL')
+                    depth++;
+            const level = Number.isFinite(explicit) ? explicit : Math.max(depth, 1);
+            const node = { label: (a.textContent ?? '').trim(), href: a.getAttribute('href') ?? '', children: [] };
+            while (stack.length && stack[stack.length - 1].level >= level)
+                stack.pop();
+            if (stack.length)
+                stack[stack.length - 1].node.children.push(node);
+            else
+                root.push(node);
+            stack.push({ level, node });
+        });
+        this.slotted = root;
+        requestAnimationFrame(() => this.setupSpy());
+    };
+    targetOf(href) {
+        if (!href || !href.startsWith('#') || href.length < 2)
+            return null;
+        const id = decodeURIComponent(href.slice(1));
+        const root = this.el.getRootNode();
+        return (root.getElementById?.(id) ?? document.getElementById(id));
+    }
+    teardownSpy() {
+        this.observer?.disconnect();
+        this.observer = undefined;
+        this.visible.clear();
+    }
+    setupSpy() {
+        this.teardownSpy();
+        if (!this.scrollSpy || typeof IntersectionObserver === 'undefined' || !this.el.isConnected)
+            return;
+        const targets = [];
+        this.flat().forEach(n => {
+            const t = this.targetOf(n.href);
+            if (t)
+                targets.push([n.href, t]);
+        });
+        if (!targets.length)
+            return;
+        this.order = targets.map(([href]) => href);
+        const byEl = new Map(targets.map(([href, t]) => [t, href]));
+        this.observer = new IntersectionObserver(entries => {
+            entries.forEach(e => {
+                const href = byEl.get(e.target);
+                if (!href)
+                    return;
+                if (e.isIntersecting)
+                    this.visible.add(href);
+                else
+                    this.visible.delete(href);
+            });
+            const first = this.order.find(h => this.visible.has(h));
+            if (first && first !== this.current)
+                this.setCurrent(first);
+        }, { rootMargin: this.rootMargin, threshold: 0 });
+        targets.forEach(([, t]) => this.observer.observe(t));
+    }
+    setCurrent(href) {
+        this.current = href;
+        this.bsChange.emit(href);
+    }
+    onLinkClick = (ev, href) => {
+        if (ev.defaultPrevented || ev.button !== 0 || ev.metaKey || ev.ctrlKey || ev.shiftKey || ev.altKey)
+            return;
+        const go = this.bsNavigate.emit({ href });
+        if (go.defaultPrevented) {
+            ev.preventDefault();
+            return;
+        }
+        if (href !== this.current)
+            this.setCurrent(href);
+    };
+    renderList(nodes, level) {
+        return (index.h("ul", { part: "list", class: `bs-toc__list bs-toc__list--level-${level}` }, nodes.map(n => (index.h("li", { part: "item", class: "bs-toc__item" }, index.h("a", { part: "link", class: "bs-toc__link", href: n.href, "aria-current": n.href === this.current ? 'location' : undefined, onClick: (ev) => this.onLinkClick(ev, n.href) }, n.label), n.children.length > 0 && this.renderList(n.children, level + 1))))));
+    }
+    render() {
+        const nodes = this.tree();
+        return (index.h("nav", { key: '76e2a4abce943d0dd8e567c7ab2beef7b0d5b1c4', part: "container", class: "bs-toc", "aria-label": this.label }, !this.hideTitle && (index.h("p", { key: 'ba45bce72e66d2b8ccb1bcd3960c0af0f3fc3717', part: "title", id: this.titleId, class: "bs-toc__title" }, this.label)), nodes.length > 0 && this.renderList(nodes, 1), index.h("slot", { key: '8c1b4c8cb93c35b43cd8bf91d1473d9fe5311aa9', onSlotchange: this.readSlotted })));
+    }
+    static get watchers() { return {
+        "items": [{
+                "onSpyConfigChange": 0
+            }],
+        "scrollSpy": [{
+                "onSpyConfigChange": 0
+            }],
+        "rootMargin": [{
+                "onSpyConfigChange": 0
+            }]
+    }; }
+};
+BsTableOfContents.style = bsTableOfContentsCss();
+
+exports.bs_table_of_contents = BsTableOfContents;

package/dist/cjs/bs-tag.cjs.entry.js

@@ -0,0 +1,51 @@
+'use strict';
+
+var index = require('./index-BFxk-bY6.js');
+
+const bsTagCss = () => `:host{display:inline-flex;vertical-align:middle;--bs-tag-height:var(--bs-spacing-300);--bs-tag-padding-x:var(--bs-spacing-150);--bs-tag-gap:var(--bs-spacing-50);--bs-tag-radius:var(--bs-border-radius-50);--bs-tag-icon-size:16px;--bs-tag-font-size:var(--bs-font-size-sm);--bs-tag-font-weight:var(--bs-font-weight-regular);--bs-tag-bg:var(--bs-chip-bg-neutral-container);--bs-tag-color:var(--bs-chip-text-neutral);--bs-tag-focus-ring:var(--bs-border-neutral-focus)}:host([size='sm']){--bs-tag-height:var(--bs-spacing-250);--bs-tag-font-size:var(--bs-font-size-xs)}:host([size='lg']){--bs-tag-height:var(--bs-spacing-400)}:host([color='info']){--bs-tag-bg:var(--bs-chip-bg-info-container);--bs-tag-color:var(--bs-chip-text-info)}:host([color='success']){--bs-tag-bg:var(--bs-chip-bg-success-container);--bs-tag-color:var(--bs-chip-text-success)}:host([color='warning']){--bs-tag-bg:var(--bs-chip-bg-warning-container);--bs-tag-color:var(--bs-chip-text-warning)}:host([color='error']){--bs-tag-bg:var(--bs-chip-bg-error-container);--bs-tag-color:var(--bs-chip-text-error)}.bs-tag{box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--bs-tag-gap);height:var(--bs-tag-height);padding:0 var(--bs-tag-padding-x);border-radius:var(--bs-tag-radius);background:var(--bs-tag-bg);color:var(--bs-tag-color);font-family:inherit;font-size:var(--bs-tag-font-size);font-weight:var(--bs-tag-font-weight);line-height:1;white-space:nowrap}.bs-tag--removable{padding-inline-end:var(--bs-spacing-50)}.bs-tag__icon{display:none;flex-shrink:0;width:var(--bs-tag-icon-size);height:var(--bs-tag-icon-size)}.bs-tag__icon--visible{display:flex}.bs-tag__icon ::slotted(*){display:block;width:var(--bs-tag-icon-size);height:var(--bs-tag-icon-size)}.bs-tag__label{color:inherit}.bs-tag__label--link{text-decoration:underline;border-radius:var(--bs-border-radius-50)}.bs-tag__label--link:hover{text-decoration-thickness:2px}.bs-tag__label--link:focus-visible{outline:2px solid var(--bs-tag-focus-ring);outline-offset:2px}.bs-tag__remove{flex-shrink:0;color:inherit}`;
+
+const BsTag = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.bsRemove = index.createEvent(this, "bsRemove");
+    }
+    get el() { return index.getElement(this); }
+    /** Semantic colour. `neutral` is the default. */
+    color = 'neutral';
+    /** Sizing scale. */
+    size = 'md';
+    /** Shows a remove button that emits `bsRemove`. The consumer removes the tag. */
+    removable = false;
+    /** Turns the label into a link to this URL. */
+    href;
+    /** Link target, only used with `href`. */
+    target;
+    /** Prefix of the remove button's accessible name ("Remove {label}"). */
+    removeLabel = 'Remove';
+    /** Fires when the remove button is activated. No payload; the consumer removes the element. */
+    bsRemove;
+    hasIcon = false;
+    labelText = '';
+    componentWillLoad() {
+        this.hasIcon = Array.from(this.el.children).some(c => c.getAttribute('slot') === 'icon');
+        this.labelText = this.readLabel();
+    }
+    readLabel() {
+        return Array.from(this.el.childNodes)
+            .filter(n => !(n.nodeType === Node.ELEMENT_NODE && n.hasAttribute('slot')))
+            .map(n => n.textContent || '')
+            .join('')
+            .trim();
+    }
+    onRemove = () => {
+        this.bsRemove.emit();
+    };
+    render() {
+        const rel = this.href && this.target === '_blank' ? 'noopener noreferrer' : undefined;
+        const label = index.h("slot", { key: '08ceba56454f3419009e4714cdb264cf377a2ca1', onSlotchange: () => (this.labelText = this.readLabel()) });
+        return (index.h(index.Host, { key: '02747ac2c8afd9204257bbcd212bdf6db5c061fe' }, index.h("span", { key: '2f65cb5c37463a196f79e5a0149e0be810ae15ff', part: "container", class: { 'bs-tag': true, 'bs-tag--removable': this.removable } }, index.h("span", { key: '7520ed22f21e2fb3dbaa24113cf7740de1a52dcc', part: "icon", class: { 'bs-tag__icon': true, 'bs-tag__icon--visible': this.hasIcon } }, index.h("slot", { key: 'e6ccfd5de8815950e466a107d731a817fa5d2f06', name: "icon", onSlotchange: (e) => (this.hasIcon = e.target.assignedNodes().length > 0) })), this.href ? (index.h("a", { part: "label", class: "bs-tag__label bs-tag__label--link", href: this.href, target: this.target, rel: rel }, label)) : (index.h("span", { part: "label", class: "bs-tag__label" }, label)), this.removable && (index.h("bs-icon-button", { key: 'fddf2c1f5c3e8a12cd317a19652e800837c741ea', part: "remove", class: "bs-tag__remove", size: "xs", variant: "subtle", ariaLabel: `${this.removeLabel} ${this.labelText}`.trim(), onClick: this.onRemove }, index.h("svg", { key: '7c708bd1a08d9c8897bdb9e76b133fa2ed52a3e7', viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("path", { key: 'b7641a61417f15eddf96fa9e580dd999b2077d08', 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" })))))));
+    }
+};
+BsTag.style = bsTagCss();
+
+exports.bs_tag = BsTag;

package/dist/cjs/bs-text.cjs.entry.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var index = require('./index-BFxk-bY6.js');
+
+const bsTextCss = () => `:host{display:block;--bs-text-color:var(--bs-text-default);--bs-text-font-family:var(--bs-typography-font-family-body);--bs-text-font-weight:var(--bs-font-weight-regular);--bs-text-line-height:var(--bs-line-height-normal)}:host([as='span']),:host([as='small']),:host([as='strong']),:host([as='em']),:host([as='label']){display:inline}:host([tone='secondary']){--bs-text-color:var(--bs-text-secondary)}:host([tone='muted']){--bs-text-color:var(--bs-text-muted)}:host([tone='action']){--bs-text-color:var(--bs-text-action)}:host([tone='link']){--bs-text-color:var(--bs-text-link)}:host([tone='success']){--bs-text-color:var(--bs-text-success)}:host([tone='info']){--bs-text-color:var(--bs-text-info)}:host([tone='warning']){--bs-text-color:var(--bs-text-warning)}:host([tone='error']){--bs-text-color:var(--bs-text-error)}:host([tone='inverse']){--bs-text-color:var(--bs-text-inverse)}:host([tone='inherit']){--bs-text-color:inherit}.bs-text{margin:0;font-family:var(--bs-text-font-family);font-weight:var(--bs-text-font-weight);font-size:var(--bs-text-font-size);line-height:var(--bs-text-line-height);color:var(--bs-text-color)}.bs-text--lead{--bs-text-font-size:var(--bs-font-size-lg)}.bs-text--body{--bs-text-font-size:var(--bs-font-size-md)}.bs-text--small{--bs-text-font-size:var(--bs-font-size-sm)}.bs-text--caption{--bs-text-font-size:var(--bs-font-size-xs)}`;
+
+const BsText = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /** The rendered element. `span` (and `small`, `strong`, `em`, `label`) make the host inline. */
+    as = 'p';
+    /** Visual style. */
+    variant = 'body';
+    /** Text colour from the text tokens. `inherit` uses the surrounding colour. */
+    tone = 'default';
+    render() {
+        const Tag = this.as;
+        return (index.h(Tag, { key: '249b8ddd92904587ac8eff6a585f03e8d228aae9', part: "text", class: `bs-text bs-text--${this.variant}` }, index.h("slot", { key: '2e29e03955058bb6feb8aff484ddf0f7d5836cd0' })));
+    }
+};
+BsText.style = bsTextCss();
+
+exports.bs_text = BsText;

package/dist/cjs/bs-timepicker.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
 const bsTimepickerCss = () => `:host{display:inline-block;--bs-timepicker-width:294px;--bs-timepicker-bg:var(--bs-paper-bg-raised);--bs-timepicker-radius:var(--bs-border-radius-100);--bs-timepicker-padding-y:var(--bs-spacing-200);--bs-timepicker-padding-x:var(--bs-spacing-200);--bs-timepicker-gap:var(--bs-spacing-200);--bs-timepicker-shadow:var(--bs-shadow-md);--bs-timepicker-title-size:var(--bs-font-size-2xl);--bs-timepicker-title-line-height:var(--bs-line-height-heading-h6);--bs-timepicker-color:var(--bs-text-default);--bs-timepicker-color-secondary:var(--bs-text-secondary);--bs-timepicker-divider:var(--bs-border-neutral-container);--bs-timepicker-cell-size:var(--bs-spacing-550);--bs-timepicker-cell-radius:var(--bs-border-radius-100);--bs-timepicker-value-radius:var(--bs-border-radius-50);--bs-timepicker-hover:var(--bs-surface-hover);--bs-timepicker-pressed:var(--bs-surface-pressed);--bs-timepicker-focus-ring-color:var(--bs-border-neutral-container-focused)}.bs-timepicker{width:var(--bs-timepicker-width);max-width:100%;color:var(--bs-timepicker-color);font-size:var(--bs-font-size-md);--bs-card-bg:var(--bs-timepicker-bg);--bs-card-radius:var(--bs-timepicker-radius);--bs-card-padding:var(--bs-timepicker-padding-y) 0;--bs-card-shadow:var(--bs-timepicker-shadow);--bs-card-overflow:visible}.bs-timepicker__body{display:flex;flex-direction:column;gap:var(--bs-timepicker-gap)}.bs-timepicker__header{display:flex;align-items:center;gap:var(--bs-spacing-100);padding:0 var(--bs-timepicker-padding-x)}.bs-timepicker__title{flex:1 1 0;min-width:0;font-size:var(--bs-timepicker-title-size);font-weight:var(--bs-font-weight-bold);line-height:calc(var(--bs-timepicker-title-line-height) * 1px)}.bs-timepicker__format{display:flex;align-items:center;gap:var(--bs-spacing-50);color:var(--bs-timepicker-color-secondary);line-height:calc(var(--bs-line-height-body-md) * 1px)}.bs-timepicker__divider{height:1px;background:var(--bs-timepicker-divider)}.bs-timepicker__selector{display:flex;align-items:center;justify-content:center;gap:var(--bs-spacing-200);padding:0 var(--bs-timepicker-padding-x)}.bs-timepicker__spinner{display:flex;flex-direction:column;align-items:center;gap:var(--bs-spacing-100);width:var(--bs-timepicker-cell-size)}.bs-timepicker__step,.bs-timepicker__value{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-timepicker-cell-size);height:var(--bs-timepicker-cell-size);padding:0;border:none;background:transparent;font-family:inherit}.bs-timepicker__step{border-radius:var(--bs-timepicker-cell-radius);color:var(--bs-timepicker-color-secondary);cursor:pointer}.bs-timepicker__step svg{width:24px;height:24px}.bs-timepicker__value{border-radius:var(--bs-timepicker-value-radius);color:var(--bs-timepicker-color);font-size:var(--bs-timepicker-title-size);font-weight:var(--bs-font-weight-bold);line-height:calc(var(--bs-timepicker-title-line-height) * 1px);font-variant-numeric:tabular-nums;cursor:pointer;user-select:none}.bs-timepicker__step:hover,.bs-timepicker__value:hover{background:var(--bs-timepicker-hover)}.bs-timepicker__step:active,.bs-timepicker__value:active{background:var(--bs-timepicker-pressed)}.bs-timepicker__step:focus-visible,.bs-timepicker__value:focus-visible{outline:2px solid var(--bs-timepicker-focus-ring-color);outline-offset:0}.bs-timepicker__separator{display:flex;align-items:center;color:var(--bs-timepicker-color)}.bs-timepicker__separator svg{width:4px;height:32px}.bs-timepicker__period::part(label){position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bs-timepicker__period{width:112px}.bs-timepicker__period::part(control){caret-color:transparent;cursor:pointer;text-overflow:clip}.bs-timepicker__footer{display:flex;align-items:flex-start;justify-content:flex-end;gap:var(--bs-spacing-100);padding:0 var(--bs-timepicker-padding-x)}`;
 
@@ -178,14 +178,14 @@ const BsTimepicker = class {
         return (index.h("div", { part: "spinner", class: "bs-timepicker__spinner" }, index.h("button", { part: "step", type: "button", class: "bs-timepicker__step", "aria-label": stepLabel(this.increaseLabel), tabindex: -1, onClick: () => this.stepBy(col, 1) }, index.h("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, index.h("path", { d: "M18 15L12 9L6 15", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.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)), index.h("button", { part: "step", type: "button", class: "bs-timepicker__step", "aria-label": stepLabel(this.decreaseLabel), tabindex: -1, onClick: () => this.stepBy(col, -1) }, index.h("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, index.h("path", { d: "M6 9L12 15L18 9", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
     render() {
-        return (index.h("bs-card", { key: '185b44b483c9cf247656ae469ad69f9c64c8e41c', part: "container", class: "bs-timepicker", surface: "raised" }, index.h("div", { key: 'b23908efe3abf9882be697f92bf457bbe6a55ec1', class: "bs-timepicker__body" }, index.h("div", { key: '61fa7ba86099a2c53963a09864f3c2ca3f027111', part: "header", class: "bs-timepicker__header" }, index.h("div", { key: '6a70e05d3aa012f5941db7212a67ed2345946c15', part: "title", class: "bs-timepicker__title" }, this.heading), index.h("label", { key: 'd2f5829e927ec0e28a4523c4a7d5b03260e8c8f0', class: "bs-timepicker__format" }, index.h("span", { key: '3354f298b48c8ec801cce4594d317e01858b8b71' }, this.formatLabel), index.h("bs-switch", { key: '0a57baeffb981e3a571d0f1822523d3b97da7988', part: "format-toggle", size: "md", ariaLabel: this.formatLabel, checked: !this.is12h, onBsChange: (ev) => (this.format = ev.detail ? '24h' : '12h') }))), index.h("div", { key: 'b48f10a8c7548b25e0ff50910f64f1f02790bb76', class: "bs-timepicker__divider" }), index.h("div", { key: 'a10ba57ccd51a56ea23b6a61dfdfd2729004855e', part: "selector", class: "bs-timepicker__selector" }, this.renderColumn('hour', this.hourLabel), index.h("div", { key: '16599630eb6f2d58dc190d1b094e8c243fa6659d', part: "separator", class: "bs-timepicker__separator", "aria-hidden": "true" }, index.h("svg", { key: '82749333115eba07a03d22e5ac9fe913160d6af8', viewBox: "0 0 4 32", fill: "currentColor" }, index.h("circle", { key: '09e97173b802d10629481ea89a51f8f18b0dba20', cx: "2", cy: "10", r: "2" }), index.h("circle", { key: 'ae5f855f4d40a2688b253d054ec3af8821beb1cb', cx: "2", cy: "22", r: "2" }))), this.renderColumn('minute', this.minuteLabel), this.is12h && (index.h("bs-input", { key: 'c245dda70d5c59f6aff109a24532c6ad2e288372', part: "period", class: "bs-timepicker__period", type: "dropdown", label: this.periodLabel, value: this.isPm ? 'PM' : 'AM', options: [
+        return (index.h("bs-card", { key: 'fdbf8e19525a53d43094d1b2115c232fb0ea9500', part: "container", class: "bs-timepicker", surface: "raised" }, index.h("div", { key: 'a2b9aa1ce9529d3f52fd45f4ca5af02582930a15', class: "bs-timepicker__body" }, index.h("div", { key: 'c59f6c9fdec3a1f9ffb81aa7e5bac9421dadcd35', part: "header", class: "bs-timepicker__header" }, index.h("div", { key: '2825b6a11f97a7186eb6340faa816b0b6d8be28a', part: "title", class: "bs-timepicker__title" }, this.heading), index.h("label", { key: '4f6dc3e9768f0396b3e59943496a9d9443a8501c', class: "bs-timepicker__format" }, index.h("span", { key: 'b94eccc6949019c78b98051a8eba3d41a4546cf1' }, this.formatLabel), index.h("bs-switch", { key: '6a2d43b1b37472720d5ca1f84951dc908b37689e', part: "format-toggle", size: "md", ariaLabel: this.formatLabel, checked: !this.is12h, onBsChange: (ev) => (this.format = ev.detail ? '24h' : '12h') }))), index.h("div", { key: '01efb69cc03be59785b36df9fccf4452a1894225', class: "bs-timepicker__divider" }), index.h("div", { key: 'ead194685c2ae0976d4f134ad0231208e3fab1ea', part: "selector", class: "bs-timepicker__selector" }, this.renderColumn('hour', this.hourLabel), index.h("div", { key: '0250edfefe27363208489c147026462edbf7648a', part: "separator", class: "bs-timepicker__separator", "aria-hidden": "true" }, index.h("svg", { key: 'e79c68f3dd11a3ee9edd5d18ebd9065e4019f029', viewBox: "0 0 4 32", fill: "currentColor" }, index.h("circle", { key: 'b0fcd6e48bddfbf722c0aa6356be05665258cda6', cx: "2", cy: "10", r: "2" }), index.h("circle", { key: '892630f5f5a51aa48f97d8a7c86791aef6bd2ba2', cx: "2", cy: "22", r: "2" }))), this.renderColumn('minute', this.minuteLabel), this.is12h && (index.h("bs-input", { key: '502e6bebb0f241b3800b699efbb8cdbcf671597d', 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;
-            } }))), index.h("div", { key: '1b2357274665377d31590aa3e5561a27bfc90100', class: "bs-timepicker__divider" }), index.h("div", { key: 'cfa3b7f3c98cc732b33e0a7a2ff76ecefb029f6c', part: "footer", class: "bs-timepicker__footer" }, index.h("bs-button", { key: '0d4127041258cc0066517d4b5588307306356cda', part: "cancel", variant: "subtle", onClick: this.cancel }, this.cancelLabel), index.h("bs-button", { key: 'd8b5d5867275490d03ae1741fb1795b670c72514', part: "confirm", variant: "primary", onClick: this.confirm }, this.confirmLabel)))));
+            } }))), index.h("div", { key: 'ed95958ca424696e252fe90eab8855d0bdffd89c', class: "bs-timepicker__divider" }), index.h("div", { key: '77c404d4617a5ee6f669a2ffba63fa5729f98cf5', part: "footer", class: "bs-timepicker__footer" }, index.h("bs-button", { key: 'fbeb76d30f1eea912b3e37def67f8058b74626a7', part: "cancel", variant: "subtle", onClick: this.cancel }, this.cancelLabel), index.h("bs-button", { key: '1baf37a0708379ef23951f76765d048087d3083b', part: "confirm", variant: "primary", onClick: this.confirm }, this.confirmLabel)))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/cjs/bs-toast.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYfMRtlW.js');
+var index = require('./index-BFxk-bY6.js');
 
 const bsToastCss = () => `:host{display:inline-flex;--bs-toast-radius:var(--bs-border-radius-100);--bs-toast-shadow:var(--bs-shadow-md);--bs-toast-content-padding-y:var(--bs-spacing-200);--bs-toast-content-padding-x:var(--bs-spacing-200);--bs-toast-content-gap:var(--bs-spacing-150);--bs-toast-font-size:var(--bs-font-size-md);--bs-toast-line-height:var(--bs-line-height-body-md);--bs-toast-actions-padding-y:var(--bs-spacing-50);--bs-toast-actions-padding-x:var(--bs-spacing-100);--bs-toast-close-radius:var(--bs-border-radius-100);--bs-toast-surface-info:var(--bs-color-info-container);--bs-toast-text-info:var(--bs-text-info);--bs-toast-surface-warning:var(--bs-color-warning-container);--bs-toast-text-warning:var(--bs-text-warning);--bs-toast-surface-success:var(--bs-color-success-container);--bs-toast-text-success:var(--bs-text-success);--bs-toast-surface-error:var(--bs-color-error-container);--bs-toast-text-error:var(--bs-text-error)}.bs-toast{display:flex;align-items:center;border-radius:var(--bs-toast-radius);box-shadow:var(--bs-toast-shadow);font-family:inherit}.bs-toast--info{background:var(--bs-toast-surface-info);color:var(--bs-toast-text-info)}.bs-toast--warning{background:var(--bs-toast-surface-warning);color:var(--bs-toast-text-warning)}.bs-toast--success{background:var(--bs-toast-surface-success);color:var(--bs-toast-text-success)}.bs-toast--error{background:var(--bs-toast-surface-error);color:var(--bs-toast-text-error)}.bs-toast__content{display:flex;align-items:center;gap:var(--bs-toast-content-gap);flex:1 1 auto;min-width:0;padding:var(--bs-toast-content-padding-y) 0 var(--bs-toast-content-padding-y) var(--bs-toast-content-padding-x)}.bs-toast__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:inherit}.bs-toast__icon svg{width:24px;height:24px}.bs-toast__message{flex:1 1 auto;min-width:0;font-size:var(--bs-toast-font-size);line-height:calc(var(--bs-toast-line-height) * 1px)}.bs-toast__actions{display:flex;align-items:center;align-self:stretch;flex-shrink:0;padding:var(--bs-toast-actions-padding-y) var(--bs-toast-actions-padding-x) var(--bs-toast-actions-padding-y) 0}.bs-toast__close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;padding:0;border:none;background:transparent;border-radius:var(--bs-toast-close-radius);color:inherit;cursor:pointer}.bs-toast__close svg{width:24px;height:24px}.bs-toast__close:hover{background:color-mix(in srgb, currentColor 12%, transparent)}.bs-toast__close:active{background:color-mix(in srgb, currentColor 24%, transparent)}.bs-toast__close:focus-visible{outline:2px solid currentColor;outline-offset:2px}`;
 
@@ -21,7 +21,7 @@ const BsToast = class {
         this.bsDismiss.emit();
     };
     render() {
-        return (index.h("div", { key: '0bf6aadc817b574c07c2ed2cc00cb4a756591902', part: "container", class: `bs-toast bs-toast--${this.state}`, role: "status", "aria-live": this.state === 'error' ? 'assertive' : 'polite' }, index.h("div", { key: '961e5d3223d58061e1009fa823cd6e85b90637c2', class: "bs-toast__content" }, index.h("span", { key: '7b677b94135c89a16121a5fd81ff9a2a000c2dee', part: "icon", class: "bs-toast__icon", "aria-hidden": "true" }, index.h(StateIcon, { key: '88b0339e7b503cf2c415d1988f0aab1173b196c1', state: this.state })), index.h("span", { key: '34f3fb2f09d743405ad095251ced770a9ee790e8', part: "message", class: "bs-toast__message" }, index.h("slot", { key: '078843c14efaa0c9a8b1949393516cc2dd456de3' }))), index.h("div", { key: '9d968f0a028c950335f5b8b3540e22a152c39645', class: "bs-toast__actions" }, index.h("button", { key: '5fe8bd9e2bdd97df7ef8909a834c321e00ae022f', part: "close", type: "button", class: "bs-toast__close", "aria-label": this.dismissLabel, onClick: this.onDismiss }, index.h(CloseIcon, { key: '448afe4578a31afb0b1a9316d3e035d5eadadff3' })))));
+        return (index.h("div", { key: '8cca96362a50acd1f552c08163e8a2991b191d17', part: "container", class: `bs-toast bs-toast--${this.state}`, role: "status", "aria-live": this.state === 'error' ? 'assertive' : 'polite' }, index.h("div", { key: '01cc2a6b9b8ba851dec751efff862fe3225058be', class: "bs-toast__content" }, index.h("span", { key: '29ed8cc01ac3f5b46d0cb8299bc60af5fdaf281c', part: "icon", class: "bs-toast__icon", "aria-hidden": "true" }, index.h(StateIcon, { key: '568f57389206d284b9717fa7f1cb894f20d50cf7', state: this.state })), index.h("span", { key: '7271784969a334c9e5f297a1ca845c2c08d12c5d', part: "message", class: "bs-toast__message" }, index.h("slot", { key: 'b46cf88eb3ac95c47ea8aff52f9accd1a9755546' }))), index.h("div", { key: '23d69f46262dbd5a4279d608f4a72c2a9c2e1463', class: "bs-toast__actions" }, index.h("button", { key: '722b445b6fcf22f97ed44fca3ecd9a2d286f8bad', part: "close", type: "button", class: "bs-toast__close", "aria-label": this.dismissLabel, onClick: this.onDismiss }, index.h(CloseIcon, { key: '2401bd61c3f8873b8a37d2f9474850c253b1b9ab' })))));
     }
 };
 const StateIcon = ({ state }) => {

package/dist/cjs/bs-toggle-button-group.cjs.entry.js

@@ -0,0 +1,108 @@
+'use strict';
+
+var index = require('./index-BFxk-bY6.js');
+
+const bsToggleButtonGroupCss = () => `:host{display:inline-block;--bs-toggle-button-group-radius:var(--bs-border-radius-100)}.bs-toggle-button-group{display:inline-flex}::slotted(bs-toggle-button){--bs-toggle-button-radius:0}::slotted(bs-toggle-button:not(:first-child)){margin-inline-start:calc(-1 * var(--bs-toggle-button-border-width, 1px))}::slotted(bs-toggle-button:first-child){--bs-toggle-button-radius:var(--bs-toggle-button-group-radius) 0 0 var(--bs-toggle-button-group-radius)}::slotted(bs-toggle-button:last-child){--bs-toggle-button-radius:0 var(--bs-toggle-button-group-radius) var(--bs-toggle-button-group-radius) 0}::slotted(bs-toggle-button:first-child:last-child){--bs-toggle-button-radius:var(--bs-toggle-button-group-radius)}:host(:dir(rtl)) ::slotted(bs-toggle-button:first-child:not(:last-child)){--bs-toggle-button-radius:0 var(--bs-toggle-button-group-radius) var(--bs-toggle-button-group-radius) 0}:host(:dir(rtl)) ::slotted(bs-toggle-button:last-child:not(:first-child)){--bs-toggle-button-radius:var(--bs-toggle-button-group-radius) 0 0 var(--bs-toggle-button-group-radius)}`;
+
+const BsToggleButtonGroup = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.bsChange = index.createEvent(this, "bsChange");
+    }
+    get el() { return index.getElement(this); }
+    /** Selected segment `value` (single choice). */
+    value;
+    /** Selected segment values (multiple choice). Set as a JS property. */
+    values = [];
+    /** Allow several pressed segments. */
+    multiple = false;
+    /** Disables every segment. */
+    disabled = false;
+    /** Accessible name of the group. Required. */
+    ariaLabel = null;
+    /** Emitted when the user changes the selection: the new `value` (single) or `values` (multiple). */
+    bsChange;
+    sync() {
+        const segs = this.segments();
+        const first = segs.find(s => !s.disabled && !this.disabled);
+        const pressedEnabled = segs.find(s => s.pressed && !s.disabled && !this.disabled);
+        segs.forEach(s => {
+            s.mode = this.multiple ? 'toggle' : 'radio';
+            s.pressed = this.multiple ? this.values.includes(s.value) : s.value === this.value;
+            if (this.disabled)
+                s.disabled = true;
+            s.tabbable = (this.multiple ? first : pressedEnabled || first) === s;
+        });
+    }
+    componentDidLoad() {
+        this.sync();
+    }
+    segments() {
+        return Array.from(this.el.querySelectorAll('bs-toggle-button'));
+    }
+    enabled() {
+        return this.segments().filter(s => !s.disabled);
+    }
+    onSegmentChange(ev) {
+        const seg = ev.target;
+        if (seg === this.el || !seg.matches?.('bs-toggle-button'))
+            return;
+        // Replace the segment's own event with the group's.
+        ev.stopImmediatePropagation();
+        if (this.multiple) {
+            this.values = seg.pressed ? [...this.values.filter(v => v !== seg.value), seg.value] : this.values.filter(v => v !== seg.value);
+            this.bsChange.emit(this.values);
+        }
+        else {
+            this.value = seg.value;
+            this.bsChange.emit(this.value);
+        }
+    }
+    onKeyDown(ev) {
+        const keys = ['ArrowRight', 'ArrowDown', 'ArrowLeft', 'ArrowUp', 'Home', 'End'];
+        if (!keys.includes(ev.key))
+            return;
+        const items = this.enabled();
+        if (items.length === 0)
+            return;
+        const rtl = getComputedStyle(this.el).direction === 'rtl';
+        const cur = items.findIndex(i => i === ev.target || i.contains(ev.target));
+        let next;
+        if (ev.key === 'Home')
+            next = 0;
+        else if (ev.key === 'End')
+            next = items.length - 1;
+        else {
+            const fwd = ev.key === 'ArrowDown' || ev.key === (rtl ? 'ArrowLeft' : 'ArrowRight');
+            next = cur === -1 ? 0 : (cur + (fwd ? 1 : -1) + items.length) % items.length;
+        }
+        ev.preventDefault();
+        const target = items[next];
+        // Roving: only the focused segment stays tabbable.
+        this.segments().forEach(s => (s.tabbable = s === target));
+        const btn = target.shadowRoot?.querySelector('button');
+        btn?.focus();
+        if (!this.multiple)
+            btn?.click();
+    }
+    render() {
+        return (index.h("div", { key: '905bc6d78ea98ca06ad49d2835daa8cbde5dfe9c', part: "group", class: "bs-toggle-button-group", role: this.multiple ? 'group' : 'radiogroup', "aria-label": this.ariaLabel, "aria-disabled": this.disabled ? 'true' : undefined }, index.h("slot", { key: 'f06398e10058a9f3ece77bf95a3922fb80f31a0a', onSlotchange: () => this.sync() })));
+    }
+    static get watchers() { return {
+        "value": [{
+                "sync": 0
+            }],
+        "values": [{
+                "sync": 0
+            }],
+        "multiple": [{
+                "sync": 0
+            }],
+        "disabled": [{
+                "sync": 0
+            }]
+    }; }
+};
+BsToggleButtonGroup.style = bsToggleButtonGroupCss();
+
+exports.bs_toggle_button_group = BsToggleButtonGroup;

package/dist/cjs/bs-toggle-button.cjs.entry.js

@@ -0,0 +1,57 @@
+'use strict';
+
+var index = require('./index-BFxk-bY6.js');
+
+const bsToggleButtonCss = () => `:host{display:inline-block;position:relative;--bs-toggle-button-height:var(--bs-spacing-550);--bs-toggle-button-padding-x:var(--bs-spacing-200);--bs-toggle-button-gap:var(--bs-spacing-100);--bs-toggle-button-radius:var(--bs-border-radius-100);--bs-toggle-button-border-width:var(--bs-border-width-thin);--bs-toggle-button-border:var(--bs-border-neutral-container);--bs-toggle-button-border-pressed:var(--bs-border-primary);--bs-toggle-button-bg:var(--bs-surface-base);--bs-toggle-button-bg-hover:var(--bs-color-neutral-container-hover);--bs-toggle-button-bg-pressed:var(--bs-color-primary-container);--bs-toggle-button-bg-pressed-hover:var(--bs-color-primary-container-hover);--bs-toggle-button-bg-disabled:var(--bs-surface-action-disabled);--bs-toggle-button-color:var(--bs-text-default);--bs-toggle-button-color-pressed:var(--bs-text-action);--bs-toggle-button-color-disabled:var(--bs-text-on-disabled);--bs-toggle-button-focus-ring-color:var(--bs-border-neutral-focus)}:host(:hover),:host(:focus-within){z-index:1}.bs-toggle-button{box-sizing:border-box;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:var(--bs-toggle-button-gap);height:var(--bs-toggle-button-height);min-width:var(--bs-toggle-button-height);padding:0 var(--bs-toggle-button-padding-x);border:var(--bs-toggle-button-border-width) solid var(--bs-toggle-button-border);border-radius:var(--bs-toggle-button-radius);background:var(--bs-toggle-button-bg);color:var(--bs-toggle-button-color);font-family:inherit;font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-medium);cursor:pointer}.bs-toggle-button--icon-only{padding:0}.bs-toggle-button:hover:not(:disabled){background:var(--bs-toggle-button-bg-hover)}.bs-toggle-button--pressed{background:var(--bs-toggle-button-bg-pressed);border-color:var(--bs-toggle-button-border-pressed);color:var(--bs-toggle-button-color-pressed)}.bs-toggle-button--pressed:hover:not(:disabled){background:var(--bs-toggle-button-bg-pressed-hover)}.bs-toggle-button:focus-visible{outline:2px solid var(--bs-toggle-button-focus-ring-color);outline-offset:2px}.bs-toggle-button:disabled{background:var(--bs-toggle-button-bg-disabled);color:var(--bs-toggle-button-color-disabled);cursor:not-allowed}.bs-toggle-button__icon{display:none;width:var(--bs-spacing-300);height:var(--bs-spacing-300)}.bs-toggle-button__icon ::slotted(*){display:block;width:100%;height:100%}.bs-toggle-button__icon--has-content{display:inline-flex}.bs-toggle-button__label{display:inline-flex}.bs-toggle-button--icon-only .bs-toggle-button__label{display:none}@media (forced-colors: active){.bs-toggle-button{border-color:ButtonText}.bs-toggle-button--pressed{background:Highlight;color:HighlightText}.bs-toggle-button:disabled{border-color:GrayText;color:GrayText}}`;
+
+const BsToggleButton = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.bsChange = index.createEvent(this, "bsChange");
+    }
+    get el() { return index.getElement(this); }
+    /** Identifies the segment inside a group's `value`/`values`. */
+    value;
+    /** Whether the button is pressed/selected. */
+    pressed = false;
+    /** Disables the button. */
+    disabled = false;
+    /** Semantics. Normally set by the parent group. */
+    mode = 'toggle';
+    /** Roving tabindex, set by the parent group (`false` = `tabindex="-1"`). Standalone: always tabbable. */
+    tabbable = true;
+    /** Accessible name; required for an icon-only button. */
+    ariaLabel = null;
+    /** Emitted on user interaction with the new `pressed` value. A radio-mode button that is already
+     * pressed does not emit. Bubbles, so a group can coordinate its segments. */
+    bsChange;
+    hasLabel = false;
+    hasIcon = false;
+    onIconSlotchange = (ev) => {
+        this.hasIcon = ev.target.assignedNodes().length > 0;
+    };
+    onLabelSlotchange = (ev) => {
+        this.hasLabel = ev.target.assignedNodes().some(n => n.nodeType === 1 || !!n.textContent?.trim());
+    };
+    onClick = () => {
+        if (this.disabled)
+            return;
+        if (this.mode === 'radio') {
+            if (this.pressed)
+                return;
+            this.pressed = true;
+        }
+        else {
+            this.pressed = !this.pressed;
+        }
+        this.bsChange.emit(this.pressed);
+    };
+    render() {
+        const radio = this.mode === 'radio';
+        return (index.h("button", { key: 'ec490445b357966720ae68f8f1e748d650b4028f', 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 }, index.h("bs-ripple", { key: 'd774dd4ba709a7056a66148ce10a530198a6880b', part: "ripple", centered: false, disabled: this.disabled }), index.h("span", { key: '2379755618752fedb3c877a10513f2c62f8cbb9c', part: "icon", class: `bs-toggle-button__icon ${this.hasIcon ? 'bs-toggle-button__icon--has-content' : ''}` }, index.h("slot", { key: '15ad567b32ede0f8aa8bc00f3aebf232044cb2fb', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: 'd103bd76433e1aa4876380b6fb24061fb37b1643', part: "label", class: "bs-toggle-button__label" }, index.h("slot", { key: '83257a1e5543cc7e3ce490a52617c7d599605cec', onSlotchange: this.onLabelSlotchange }))));
+    }
+    static get delegatesFocus() { return true; }
+};
+BsToggleButton.style = bsToggleButtonCss();
+
+exports.bs_toggle_button = BsToggleButton;