@brandsync/wc 1.19.0 → 1.20.0

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

@@ -0,0 +1,56 @@
+import type { BsCardSurface } from '../bs-card/bs-card';
+export type BsStatTrend = 'up' | 'down' | 'neutral';
+export type BsStatTrendIntent = 'positive' | 'negative' | 'neutral';
+/**
+ * A key figure: a label, a large value and an optional trend (up, down or flat) with a change figure.
+ *
+ * ## When to use
+ * - Dashboard KPIs and summary numbers ("Active users 1,284, up 12%").
+ *
+ * ## When not to use
+ * - A time series or comparison of many values -- use a chart.
+ * - A progress toward a goal -- use `bs-progress` / `bs-progress-linear`.
+ * - A count on another element -- use `bs-badge`.
+ *
+ * **Built from:** `bs-card` (the surface).
+ *
+ * The trend is never conveyed by colour or arrow alone: a visually hidden prefix ("Increase of") is
+ * rendered before the change figure. Whether up is good depends on the metric, so the colour comes from
+ * `trendIntent` (default: up is positive, down is negative; set `negative` for e.g. churn going up).
+ *
+ * @slot icon - Optional leading icon next to the label.
+ * @slot - Extra content below the value, e.g. a caption or a sparkline.
+ * @part container - The card surface (`bs-card`).
+ * @part label - The label.
+ * @part value - The value.
+ * @part trend - The trend row (arrow and change figure).
+ * @part trend-icon - The trend arrow.
+ */
+export declare class BsStat {
+    el: HTMLElement;
+    /** What the number measures. */
+    label: string;
+    /** The figure itself, already formatted (e.g. "1,284" or "98.2%"). */
+    value: string;
+    /** Direction of change. Omit to hide the trend. */
+    trend?: BsStatTrend;
+    /** The change figure shown next to the arrow (e.g. "12%"). */
+    trendValue?: string;
+    /** Colour of the trend. Defaults from `trend`: up is positive, down is negative, neutral is neutral. */
+    trendIntent?: BsStatTrendIntent;
+    /** Visually hidden prefix for `trend="up"`. */
+    trendUpLabel: string;
+    /** Visually hidden prefix for `trend="down"`. */
+    trendDownLabel: string;
+    /** Visually hidden text for `trend="neutral"`. */
+    trendNeutralLabel: string;
+    /** Surface of the underlying `bs-card`. */
+    surface: BsCardSurface;
+    hasIcon: boolean;
+    hasExtra: boolean;
+    componentWillLoad(): void;
+    private get intent();
+    private get trendPrefix();
+    private arrow;
+    render(): any;
+}

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

@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+interface BsStatArgs {
+    label: string;
+    value: string;
+    trend: 'up' | 'down' | 'neutral' | '';
+    trendValue: string;
+    surface: 'raised' | 'base' | 'container';
+}
+declare const meta: Meta<BsStatArgs>;
+export default meta;
+type Story = StoryObj<BsStatArgs>;
+export declare const Default: Story;
+export declare const Trends: Story;
+export declare const NegativeUp: Story;
+export declare const WithoutTrend: Story;
+export declare const WithSlots: Story;

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

@@ -11,7 +11,6 @@ export default meta;
 type Story = StoryObj<BsInlineTabArgs>;
 export declare const Default: Story;
 export declare const WithIcon: Story;
-export declare const IconOnly: Story;
 export declare const Selected: Story;
 export declare const SelectedWithIcon: Story;
 export declare const Disabled: Story;

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

@@ -40,9 +40,11 @@ export declare class BsTabs {
      * or, for a tab without one, its zero-based position in the group as a string (`"0"`, `"1"`...).
      * If unset, it is read from whichever tab is already `selected` once the group loads. */
     value?: string;
-    /** Fires when the user selects a different tab (click, or arrow/Home/End), with the new
-     * `value`. Does not fire when `value` is set programmatically. `bsSelect` on the individual tab
-     * still fires as before. */
+    /** Fires when the **selection changes** (click, or arrow/Home/End), with the new `value`. It does
+     * not fire when the already-selected tab is clicked again, nor when `value` is set
+     * programmatically. To react to every activation, including a click on the already-selected tab
+     * (e.g. to sync a URL), listen for `bsSelect` on the tab itself (it bubbles, so one listener on
+     * `<bs-tabs>` covers all tabs); it fires on every click. */
     bsChange: EventEmitter<{
         value: string;
     }>;

package/dist/types/components/bs-table-of-contents/bs-table-of-contents.cmp.test.d.ts

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

package/dist/types/components/bs-table-of-contents/bs-table-of-contents.d.ts

@@ -0,0 +1,96 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/** One entry of the table of contents. `href` is a fragment (`#section`) pointing at an element id. */
+export interface BsTocItem {
+    label: string;
+    href: string;
+    /** Nested entries (sub-sections), rendered one level deeper. */
+    children?: BsTocItem[];
+}
+type TocNode = {
+    label: string;
+    href: string;
+    children: TocNode[];
+};
+/**
+ * An "On this page" navigation: a nested list of in-page links with a scroll spy that marks the
+ * section currently in view (`aria-current="location"`), optionally sticky beside long content.
+ *
+ * Give it entries in either of two ways:
+ * - **`items` property** (a JS array, `{ label, href, children? }`) -- the data-driven way.
+ * - **Slotted anchors** -- `<a href="#intro">Intro</a>`, optionally inside nested `<ul>`/`<li>` or with
+ *   `data-level="2"` for sub-sections. The component reads them and renders its own styled links (the
+ *   slotted markup is not displayed; it is the no-JavaScript fallback). Used when `items` is empty.
+ *
+ * The scroll spy uses an `IntersectionObserver` on the elements the links point at. The current section
+ * is the first one (in link order) that intersects the top band of the viewport defined by `rootMargin`;
+ * when none does (between two sections) the previous one stays current. Observers are disconnected when
+ * the element is removed from the DOM and re-created when it is re-attached.
+ *
+ * Link targets are looked up by id in the same document (or shadow tree) as the component. Links whose
+ * target does not exist are still shown but never become current.
+ *
+ * ## When to use
+ * - Long single-page content (documentation, policies, settings pages) with several headed sections.
+ *
+ * ## When not to use
+ * - Navigating between pages -- use `bs-navigation-drawer` or `bs-breadcrumbs`.
+ * - Switching between panels of content that are not all on the page -- use `bs-tabs`.
+ *
+ * Composition: leaf element (a nav landmark with anchors); no existing `bs-*` component renders links.
+ *
+ * @slot - Default slot: anchors (`<a href="#id">`) used as entries when `items` is empty. Not displayed.
+ * @part container - The `<nav>` landmark.
+ * @part title - The visible heading (unless `hideTitle`).
+ * @part list - Every `<ul>` (top level and nested).
+ * @part item - Every `<li>`.
+ * @part link - Every anchor. The current one also matches `[aria-current]`.
+ */
+export declare class BsTableOfContents {
+    el: HTMLElement;
+    /** Entries as a JS array (set as a property, not an attribute). Takes precedence over slotted anchors. */
+    items: BsTocItem[];
+    /** Accessible name of the `nav` landmark, and the visible title text. */
+    label: string;
+    /** Hides the visible title; the landmark keeps its accessible name. */
+    hideTitle: boolean;
+    /** The `href` (`#id`) of the current section. Reflected; follows the scroll spy and clicks, and can be
+     * set to force a section. */
+    current?: string;
+    /** Turns the scroll spy on or off. Off: `current` only changes when a link is clicked or it is set. */
+    scrollSpy: boolean;
+    /** `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: string;
+    /** 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: boolean;
+    /** 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: EventEmitter<{
+        href: string;
+    }>;
+    /** Fires when the current section changes (scroll spy or click), with its `href`. */
+    bsChange: EventEmitter<string>;
+    slotted: TocNode[];
+    private titleId;
+    private observer?;
+    private visible;
+    private order;
+    connectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    onSpyConfigChange(): void;
+    private tree;
+    private flat;
+    private readSlotted;
+    private targetOf;
+    private teardownSpy;
+    private setupSpy;
+    private setCurrent;
+    private onLinkClick;
+    private renderList;
+    render(): any;
+}
+export {};

package/dist/types/components/bs-table-of-contents/bs-table-of-contents.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+interface BsTocArgs {
+    label: string;
+    hideTitle: boolean;
+    scrollSpy: boolean;
+    sticky: boolean;
+    rootMargin: string;
+}
+declare const meta: Meta<BsTocArgs>;
+export default meta;
+type Story = StoryObj<BsTocArgs>;
+export declare const Default: Story;
+export declare const SlottedAnchors: Story;

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

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

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

@@ -0,0 +1,49 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type BsTagColor = 'neutral' | 'info' | 'success' | 'warning' | 'error';
+export type BsTagSize = 'sm' | 'md' | 'lg';
+/**
+ * A small label that categorises or annotates an item (a topic, a keyword, a status of a record). It can be
+ * neutral or coloured, optionally removable, and optionally a link.
+ *
+ * ## When to use
+ * - Metadata on a record: topics, categories, keywords, owners.
+ * - A removable tag in a list of applied values you edit one by one (`removable`).
+ * - A tag that leads to a filtered view or detail page (`href`).
+ *
+ * ## When not to use
+ * - A pure count or notification marker -- use `bs-badge`.
+ * - A read-only status pill with a leading icon -- use `bs-chip-informative`.
+ * - Toggling a filter on and off -- use `bs-chip-filter`; entering free text values -- use `bs-chip-input`.
+ *
+ * **Built from:** `bs-icon-button` (the remove control, `size="xs"`).
+ *
+ * @slot - The tag label.
+ * @slot icon - Optional leading icon (16px).
+ * @part container - The tag surface.
+ * @part icon - The icon wrapper.
+ * @part label - The label (a link when `href` is set).
+ * @part remove - The remove button (`bs-icon-button`), only when `removable`.
+ */
+export declare class BsTag {
+    el: HTMLElement;
+    /** Semantic colour. `neutral` is the default. */
+    color: BsTagColor;
+    /** Sizing scale. */
+    size: BsTagSize;
+    /** Shows a remove button that emits `bsRemove`. The consumer removes the tag. */
+    removable: boolean;
+    /** Turns the label into a link to this URL. */
+    href?: string;
+    /** Link target, only used with `href`. */
+    target?: string;
+    /** Prefix of the remove button's accessible name ("Remove {label}"). */
+    removeLabel: string;
+    /** Fires when the remove button is activated. No payload; the consumer removes the element. */
+    bsRemove: EventEmitter<void>;
+    hasIcon: boolean;
+    labelText: string;
+    componentWillLoad(): void;
+    private readLabel;
+    private onRemove;
+    render(): any;
+}

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

@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+interface BsTagArgs {
+    label: string;
+    color: 'neutral' | 'info' | 'success' | 'warning' | 'error';
+    size: 'sm' | 'md' | 'lg';
+    removable: boolean;
+    href: string;
+}
+declare const meta: Meta<BsTagArgs>;
+export default meta;
+type Story = StoryObj<BsTagArgs>;
+export declare const Default: Story;
+export declare const Colors: Story;
+export declare const Sizes: Story;
+export declare const Removable: Story;
+export declare const AsLink: Story;

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

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

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

@@ -0,0 +1,31 @@
+export type BsTextVariant = 'lead' | 'body' | 'small' | 'caption';
+export type BsTextTone = 'default' | 'secondary' | 'muted' | 'action' | 'link' | 'success' | 'info' | 'warning' | 'error' | 'inverse' | 'inherit';
+export type BsTextAs = 'p' | 'span' | 'div' | 'label' | 'small' | 'strong' | 'em';
+/**
+ * Body and caption text mapped to the typography tokens, with the element (`as`) chosen separately
+ * from the look (`variant`) and the colour (`tone`).
+ *
+ * Variants: `lead` 18px, `body` 16px, `small` 14px, `caption` 12px (`--bs-font-size-*`,
+ * `--bs-typography-font-family-body`).
+ *
+ * Composed from: nothing (leaf).
+ *
+ * ## When to use
+ * - Paragraphs, helper copy, captions and inline spans that should follow the type scale and theme.
+ *
+ * ## When not to use
+ * - Headings: use `bs-heading` so the document outline is right.
+ * - Code: use `bs-code-block`.
+ *
+ * @slot - The text.
+ * @part text - The rendered text element.
+ */
+export declare class BsText {
+    /** The rendered element. `span` (and `small`, `strong`, `em`, `label`) make the host inline. */
+    as: BsTextAs;
+    /** Visual style. */
+    variant: BsTextVariant;
+    /** Text colour from the text tokens. `inherit` uses the surrounding colour. */
+    tone: BsTextTone;
+    render(): any;
+}

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

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+interface BsTextArgs {
+    as: string;
+    variant: 'lead' | 'body' | 'small' | 'caption';
+    tone: string;
+    text: string;
+}
+declare const meta: Meta<BsTextArgs>;
+export default meta;
+type Story = StoryObj<BsTextArgs>;
+export declare const Default: Story;
+export declare const Variants: Story;
+export declare const Tones: Story;
+export declare const Inline: Story;

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

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

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

@@ -0,0 +1,48 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type BsToggleButtonMode = 'toggle' | 'radio';
+/**
+ * A button that is either pressed or not. Standalone it is a toggle (`aria-pressed`); inside a
+ * `bs-toggle-button-group` the group sets its `mode` (`toggle` for multiple choice, `radio` for
+ * single choice, which switches the semantics to `role="radio"` + `aria-checked`).
+ *
+ * Built from: hand-built `<button>` (the segment shape and pressed state differ from `bs-button`) plus
+ * `bs-ripple`.
+ *
+ * ## When to use
+ * - A two-state option such as "Bold", or a segment of a `bs-toggle-button-group`.
+ *
+ * ## When not to use
+ * - Triggering an action (use `bs-button`) or an on/off setting that applies immediately (use `bs-switch`).
+ *
+ * @slot icon - Optional leading icon (24x24). With no default-slot text the button is icon-only and
+ * needs `ariaLabel`.
+ * @slot - Default slot: the label text.
+ * @part button - The native button.
+ * @part icon - The icon wrapper.
+ * @part label - The label wrapper.
+ * @part ripple - The press-ripple (a `bs-ripple`).
+ */
+export declare class BsToggleButton {
+    el: HTMLElement;
+    /** Identifies the segment inside a group's `value`/`values`. */
+    value?: string;
+    /** Whether the button is pressed/selected. */
+    pressed: boolean;
+    /** Disables the button. */
+    disabled: boolean;
+    /** Semantics. Normally set by the parent group. */
+    mode: BsToggleButtonMode;
+    /** Roving tabindex, set by the parent group (`false` = `tabindex="-1"`). Standalone: always tabbable. */
+    tabbable: boolean;
+    /** Accessible name; required for an icon-only button. */
+    ariaLabel: string | 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: EventEmitter<boolean>;
+    hasLabel: boolean;
+    hasIcon: boolean;
+    private onIconSlotchange;
+    private onLabelSlotchange;
+    private onClick;
+    render(): any;
+}

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

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+interface BsToggleButtonArgs {
+    pressed: boolean;
+    disabled: boolean;
+    label: string;
+}
+declare const meta: Meta<BsToggleButtonArgs>;
+export default meta;
+type Story = StoryObj<BsToggleButtonArgs>;
+export declare const Default: Story;
+export declare const Pressed: Story;
+export declare const Disabled: Story;
+export declare const IconOnly: Story;

package/dist/types/components/bs-toggle-button-group/bs-toggle-button-group.cmp.test.d.ts

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

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

@@ -0,0 +1,42 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * A segmented control: a row of `bs-toggle-button` segments with single or multiple choice.
+ *
+ * Single choice (default) uses radio semantics (`role="radiogroup"` / `role="radio"`) and arrow keys
+ * move focus AND selection. Multiple choice (`multiple`) uses `role="group"` with `aria-pressed`
+ * toggle buttons; arrow keys move focus only, Space/Enter toggles. Focus is roving in both modes
+ * (one tab stop).
+ *
+ * Built from: `bs-toggle-button`.
+ *
+ * ## When to use
+ * - 2-5 short, related options that should all stay visible (view mode, alignment, filters).
+ *
+ * ## When not to use
+ * - Long lists (use `bs-select`) or page-level navigation (use `bs-tabs`).
+ *
+ * @slot - `bs-toggle-button` segments.
+ * @part group - The segmented container.
+ */
+export declare class BsToggleButtonGroup {
+    el: HTMLElement;
+    /** Selected segment `value` (single choice). */
+    value?: string;
+    /** Selected segment values (multiple choice). Set as a JS property. */
+    values: string[];
+    /** Allow several pressed segments. */
+    multiple: boolean;
+    /** Disables every segment. */
+    disabled: boolean;
+    /** Accessible name of the group. Required. */
+    ariaLabel: string | null;
+    /** Emitted when the user changes the selection: the new `value` (single) or `values` (multiple). */
+    bsChange: EventEmitter<string | string[]>;
+    sync(): void;
+    componentDidLoad(): void;
+    private segments;
+    private enabled;
+    onSegmentChange(ev: CustomEvent): void;
+    onKeyDown(ev: KeyboardEvent): void;
+    render(): any;
+}

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

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+interface BsToggleButtonGroupArgs {
+    multiple: boolean;
+    disabled: boolean;
+    value: string;
+}
+declare const meta: Meta<BsToggleButtonGroupArgs>;
+export default meta;
+type Story = StoryObj<BsToggleButtonGroupArgs>;
+export declare const Default: Story;
+export declare const MultipleChoice: Story;
+export declare const IconOnly: Story;
+export declare const Disabled: Story;

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

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

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

@@ -0,0 +1,88 @@
+export type BsToolbarOrientation = 'horizontal' | 'vertical';
+type ToolbarItem = HTMLElement & {
+    disabled?: boolean;
+};
+type OverflowEntry = {
+    el: ToolbarItem;
+    label: string;
+};
+/**
+ * A bar of related controls (buttons, toggles, selects) with a left and a right group, grouped
+ * separators, a single tab stop and arrow-key navigation between the controls (WAI-ARIA toolbar
+ * pattern). Optionally, controls that do not fit collapse into a "more" menu.
+ *
+ * Keyboard: the toolbar is ONE tab stop. Left/Right arrows (Up/Down when `orientation="vertical"`,
+ * mirrored in RTL) move focus between the controls and wrap; Home/End jump to the first/last. The
+ * control last focused is the one Tab returns to. Disabled controls are skipped.
+ *
+ * Direct children of the `left`/`right` slots are the toolbar's controls. A slotted `bs-divider` is a
+ * separator: the toolbar sets its `orientation` perpendicular to its own and skips it when navigating.
+ *
+ * ## When to use
+ * - Several related actions that act on the same content (a text editor's formatting row, a table's
+ *   bulk actions, a viewer's zoom controls).
+ *
+ * ## When not to use
+ * - Navigating between pages or sections -- use `bs-tabs`, `bs-navigation-header` or a nav.
+ * - A single action or a form's submit row -- place the `bs-button`s directly.
+ * - A menu of actions that opens on demand -- use `bs-popover` with `bs-menu`.
+ *
+ * ## Overflow
+ * With `overflow` set (horizontal only), controls from the end of the bar that do not fit are hidden and
+ * listed in a `bs-menu` behind a "more" button; choosing an entry activates the original control. An
+ * entry's text is the control's `data-label`, else its `aria-label`, else its text content, else `title`:
+ * give icon-only controls one of these.
+ *
+ * Composition: built from `bs-icon-button`, `bs-popover`, `bs-menu` and `bs-menu-item` (overflow) and
+ * expects `bs-button`, `bs-icon-button`, `bs-divider` etc. as slotted content.
+ *
+ * @slot left - The left (leading) group of controls.
+ * @slot right - The right (trailing) group of controls; pushed to the far end of the bar.
+ * @part container - The element carrying `role="toolbar"`.
+ * @part left - The wrapper around the `left` slot.
+ * @part right - The wrapper around the `right` slot.
+ * @part overflow - The overflow `bs-popover` (only rendered when `overflow` is set).
+ */
+export declare class BsToolbar {
+    el: HTMLElement;
+    /** Accessible name of the toolbar (`aria-label`). Required for a good experience, and essential
+     * when a page has more than one toolbar -- say what it controls ("Text formatting"). */
+    label?: string;
+    /** Direction of the bar. Sets `aria-orientation`, switches which arrow keys navigate, and sets the
+     * orientation of slotted `bs-divider`s to the perpendicular one. */
+    orientation: BsToolbarOrientation;
+    /** Collapse controls that do not fit into a "more" menu (see Overflow in the description).
+     * Horizontal toolbars only; ignored when `orientation="vertical"`. */
+    overflow: boolean;
+    /** Accessible name and tooltip of the overflow button. */
+    overflowLabel: string;
+    overflowed: OverflowEntry[];
+    private activeEl?;
+    private resizeObserver?;
+    private containerEl?;
+    private triggerEl?;
+    private popoverEl?;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    connectedCallback(): void;
+    onConfigChange(): void;
+    private observe;
+    private overflowActive;
+    /** Every direct child of the two groups, in visual order (left group, then right group). */
+    private children;
+    private isDivider;
+    /** Controls that arrow keys can land on: not separators, not disabled, not collapsed into the menu. */
+    private navigable;
+    private labelOf;
+    /** Single pass: perpendicular dividers, overflow partitioning, roving tabindex. */
+    private syncItems;
+    private updateOverflow;
+    /** Roving tabindex: exactly one control is in the tab order. */
+    private syncRoving;
+    componentDidRender(): void;
+    onFocusIn(ev: FocusEvent): void;
+    onKeyDown(ev: KeyboardEvent): void;
+    private activate;
+    render(): any;
+}
+export {};

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

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+interface BsToolbarArgs {
+    label: string;
+    orientation: 'horizontal' | 'vertical';
+    overflow: boolean;
+    overflowLabel: string;
+}
+declare const meta: Meta<BsToolbarArgs>;
+export default meta;
+type Story = StoryObj<BsToolbarArgs>;
+export declare const Default: Story;
+export declare const Vertical: Story;
+export declare const WithOverflow: Story;

package/dist/types/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer-item/bs-navigation-drawer-item.d.ts

@@ -81,7 +81,17 @@ export declare class BsNavigationDrawerItem {
      * never shows a nested tree.
      */
     collapsed: boolean;
-    /** Fires on click, only when `expandable` is false. See the class doc above. */
+    /** Makes a leaf item a real link: renders an `<a part="item" href>` instead of the `<button>`, so
+     * open-in-new-tab, copy link address, middle-click and the status-bar URL work. Ignored when
+     * `expandable` (groups stay buttons). `bsSelect` still fires on a plain click and is
+     * **cancelable**: call `event.preventDefault()` to stop the navigation and route it yourself
+     * (an SPA router). Ctrl/cmd/shift/alt-clicks and middle-clicks are left to the browser and do not
+     * emit `bsSelect`. */
+    href?: string;
+    /** `target` of the link, when `href` is set. */
+    target?: string;
+    /** Fires on click, only when `expandable` is false. Cancelable when `href` is set (see `href`).
+     * See the class doc above. */
     bsSelect: EventEmitter<void>;
     /** Fires with the new `expanded` value on click, only when `expandable` is true. See the class
      * doc above. */

package/dist/types/components/ui-shell/bs-navigation-header/bs-navigation-header/bs-navigation-header.stories.d.ts

@@ -14,6 +14,9 @@ export declare const HeaderBase: Story;
 export declare const HeaderBaseWithNavigation: Story;
 export declare const HeaderBaseWithActions: Story;
 export declare const HeaderBaseWithNavigationAndActions: Story;
+export declare const HeaderBaseNarrowContainer: Story;
+export declare const HeaderBaseMediumContainer: Story;
+export declare const HeaderBaseWideContainer: Story;
 export declare const HeaderBaseWithNavigationAndActionsCentered: Story;
 export declare const HeaderBaseWithNavigationAndActionsNoLogo: Story;
 export declare const HeaderBaseWithNavigationAndActionsTabs: Story;