@brandsync/wc 1.15.0 → 1.17.0

package/dist/types/components/bs-global-search/bs-global-search.stories.d.ts

@@ -0,0 +1,61 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+/** Inline icon paths (no external URLs). */
+export declare const ICON_PATHS: {
+    history: string;
+    users: string;
+    package: string;
+    receipt: string;
+    invoice: string;
+    search: string;
+};
+/** Figma "Global Search" data, shared by the stories. */
+export declare const RECENT: {
+    value: string;
+    label: string;
+    trailing: string;
+}[];
+export declare const JUMP_TO: {
+    value: string;
+    label: string;
+    trailing: string;
+    icon: string;
+}[];
+export declare const TOP_MATCHES: ({
+    value: string;
+    match: string;
+    rest: string;
+    description: string;
+    trailing: string;
+    icon: string;
+    prefix?: undefined;
+} | {
+    value: string;
+    prefix: string;
+    match: string;
+    rest: string;
+    description: string;
+    trailing: string;
+    icon: string;
+})[];
+export declare const SEARCH_IN: {
+    value: string;
+    label: string;
+    trailing: string;
+}[];
+interface BsGlobalSearchArgs {
+    value: string;
+    open: boolean;
+    status: 'default' | 'results' | 'empty' | 'error';
+    totalResults?: number;
+    placeholder: string;
+    disabled: boolean;
+}
+declare const meta: Meta<BsGlobalSearchArgs>;
+export default meta;
+type Story = StoryObj<BsGlobalSearchArgs>;
+export declare const Closed: Story;
+export declare const Default: Story;
+export declare const Results: Story;
+export declare const NoResults: Story;
+export declare const Error: Story;
+export declare const Interactive: Story;

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

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

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

@@ -0,0 +1,36 @@
+/**
+ * One key of a keyboard shortcut, e.g. `Ctrl`, `K` or `Esc` -- rendered as a `<kbd>` keycap.
+ * Shows a text label, or an icon (e.g. a return arrow) via the `icon` slot.
+ *
+ * ## When to use
+ * - Showing a keyboard shortcut hint next to a control or inside a search field.
+ * - Alone for a single key, or as the children of `bs-key-caps` for a multi-key shortcut.
+ *
+ * ## When not to use
+ * - As a button or any clickable control -- a key is a static hint, not interactive.
+ *
+ * @slot - The key's label text (overrides the `label` prop), e.g. `Ctrl`.
+ * @slot icon - An icon shown instead of the label (16px), e.g. a return arrow.
+ * @part container - The `<kbd>` cap.
+ * @part label - The label text wrapper (not rendered while the `icon` slot is filled).
+ * @part icon - The icon wrapper (only rendered while the `icon` slot is filled).
+ * @prop --bs-key-bg - Cap background. Aliased to `--bs-surface-base`.
+ * @prop --bs-key-border-color - Cap border colour. Aliased to `--bs-border-default`.
+ * @prop --bs-key-radius - Cap corner radius. Aliased to `--bs-border-radius-50`.
+ * @prop --bs-key-padding-x - Horizontal padding. Aliased to `--bs-spacing-75`.
+ * @prop --bs-key-padding-y - Vertical padding. Aliased to `--bs-spacing-50`.
+ * @prop --bs-key-min-width - Smallest cap width, so single characters keep a keycap shape. Defaults to `25px` (Figma).
+ * @prop --bs-key-color - Label colour. Aliased to `--bs-text-secondary`.
+ * @prop --bs-key-font-size - Label size. Aliased to `--bs-font-size-xs` (12px).
+ * @prop --bs-key-icon-size - Icon size. Defaults to `16px` (Figma).
+ */
+export declare class BsKey {
+    el: HTMLElement;
+    /** The key's text, e.g. `Ctrl`. The default slot overrides it. */
+    label?: string;
+    /** Tracks whether the `icon` slot has content, so the label is replaced by the icon. */
+    hasIcon: boolean;
+    componentWillLoad(): void;
+    private onIconSlotChange;
+    render(): any;
+}

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

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+interface BsKeyArgs {
+    label: string;
+}
+declare const meta: Meta<BsKeyArgs>;
+export default meta;
+type Story = StoryObj<BsKeyArgs>;
+export declare const Text: Story;
+export declare const Icon: Story;
+export declare const SingleCharacter: Story;
+export declare const LabelFromSlot: Story;

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

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

package/dist/types/components/bs-key-caps/bs-key-caps.d.ts

@@ -0,0 +1,31 @@
+/**
+ * A keyboard shortcut of one to four keys joined by "+", e.g. `Ctrl + K`. Give it a `keys` string
+ * (`"Ctrl+Shift+K"`) or array (`['Ctrl', '+']` for a literal plus key), or slot your own `bs-key`
+ * elements -- for example when a key is an icon.
+ *
+ * ## When to use
+ * - A shortcut hint beside a menu item, button or inside a search field.
+ *
+ * ## When not to use
+ * - Instructions that need prose ("press Enter to submit") -- write a sentence and use a single `bs-key` inline.
+ * - Anything interactive -- keys are static hints.
+ *
+ * @slot - `bs-key` elements. A "+" separator is drawn before every key except the first.
+ * @part container - The group wrapper.
+ * @prop --bs-key-caps-gap - Gap between keys and separators. Aliased to `--bs-spacing-100`.
+ * @prop --bs-key-caps-separator-color - Colour of the "+" separators. Aliased to `--bs-text-muted`.
+ * @prop --bs-key-caps-disabled-opacity - Opacity of the whole shortcut while `disabled`. Defaults to `0.38` (Figma).
+ */
+export declare class BsKeyCaps {
+    /**
+     * The keys as text. A string is split on `+` (`"Ctrl+K"`); use an array to include a literal
+     * plus key. Ignored when `bs-key` elements are slotted instead. Figma defines one to four keys.
+     */
+    keys?: string | string[];
+    /** Dims the whole shortcut and marks it `aria-disabled`. */
+    disabled: boolean;
+    /** Accessible name of the shortcut, e.g. "Control plus K". Defaults to the keys joined with " plus ". */
+    label?: string;
+    private keyList;
+    render(): any;
+}

package/dist/types/components/bs-key-caps/bs-key-caps.stories.d.ts

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+interface BsKeyCapsArgs {
+    keys: string;
+    disabled: boolean;
+}
+declare const meta: Meta<BsKeyCapsArgs>;
+export default meta;
+type Story = StoryObj<BsKeyCapsArgs>;
+export declare const Default: Story;
+export declare const OneKey: Story;
+export declare const ThreeKeys: Story;
+export declare const FourKeys: Story;
+export declare const Disabled: Story;
+export declare const WithIconKey: Story;
+export declare const LiteralPlusKey: Story;

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

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

package/dist/types/components/bs-keyboard-shortcuts/bs-keyboard-shortcuts.d.ts

@@ -0,0 +1,95 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface BsShortcut {
+    action: string;
+    keys: string | string[];
+    /** Single-key shortcut (turned off by the single-key switch). Defaults to: exactly one key of one character. */
+    singleKey?: boolean;
+    disabled?: boolean;
+}
+export interface BsShortcutGroup {
+    title: string;
+    shortcuts: BsShortcut[];
+}
+/**
+ * A searchable reference panel of keyboard shortcuts: heading and close button, a search field, an
+ * optional single-key on/off switch, shortcut groups in two columns and a footer hint. It is a
+ * surface, not a modal -- place it inside `bs-dialog` or a popover.
+ *
+ * Built from `bs-card`, `bs-icon-button`, `bs-input`, `bs-switch`, `bs-shortcut-row` (and so
+ * `bs-key-caps` / `bs-key`).
+ *
+ * ## When to use
+ * - A "press ? to see shortcuts" help overlay for an app with many shortcuts.
+ *
+ * ## When not to use
+ * - A long-form help page or documentation -- link to it instead.
+ * - A list of commands the user can run from it -- use `bs-menu`.
+ *
+ * @slot heading - Replaces the heading text.
+ * @slot footer - Replaces the footer hint.
+ * @part container - The panel surface (a `bs-card`).
+ * @part head - The heading row.
+ * @part heading - The heading element.
+ * @part close - The close button.
+ * @part search - The search field.
+ * @part switch - The single-key switch row.
+ * @part groups - The columns wrapper.
+ * @part group - One group.
+ * @part group-title - A group title.
+ * @part row - A shortcut row (`bs-shortcut-row`).
+ * @part empty - The "no results" line.
+ * @part footer - The footer hint.
+ * @prop --bs-keyboard-shortcuts-width - Panel width and min-width. Defaults to `720px` (Figma).
+ * @prop --bs-keyboard-shortcuts-bg - Panel background. Aliased to `--bs-surface-base`.
+ * @prop --bs-keyboard-shortcuts-radius - Aliased to `--bs-border-radius-150`.
+ * @prop --bs-keyboard-shortcuts-padding - Aliased to `--bs-spacing-200`.
+ * @prop --bs-keyboard-shortcuts-gap - Gap between sections. Aliased to `--bs-spacing-200`.
+ * @prop --bs-keyboard-shortcuts-shadow - Figma elevation level 4 (`0 8px 8px` in `--bs-elevation-higher`, 12% black in light mode and 25% in dark mode).
+ * @prop --bs-keyboard-shortcuts-column-gap - Gap between the two columns. Aliased to `--bs-spacing-600`.
+ * @prop --bs-keyboard-shortcuts-color - Main text colour. Aliased to `--bs-text-default`.
+ * @prop --bs-keyboard-shortcuts-color-secondary - Titles, captions, footer. Aliased to `--bs-text-secondary`.
+ */
+export declare class BsKeyboardShortcuts {
+    private id;
+    /** Property only: the shortcut groups. */
+    groups: BsShortcutGroup[];
+    /** Heading text. The `heading` slot overrides it. */
+    heading: string;
+    /** Accessible name of the close button. */
+    closeLabel: string;
+    /** Search field placeholder (also its accessible name: `bs-input` has no aria-label prop). */
+    searchPlaceholder: string;
+    /** Current search text. Filters by action or keys text, case-insensitively. */
+    query: string;
+    /** Shows the single-key switch row. */
+    showSingleKeySwitch: boolean;
+    /** Whether single-key shortcuts are on. When off they are shown dimmed. */
+    singleKeyEnabled: boolean;
+    /** Switch title. */
+    singleKeyLabel: string;
+    /** Switch caption. */
+    singleKeyDescription: string;
+    /** Shows the footer hint. */
+    showFooterHint: boolean;
+    /** The key shown in the footer hint. */
+    footerKey: string;
+    /** Footer text after the key. */
+    footerText: string;
+    /** Text before the footer key. */
+    footerPrefix: string;
+    /** Line shown when the query matches nothing. */
+    noResultsText: string;
+    /** Emitted by the close button and by Escape. */
+    bsClose: EventEmitter<void>;
+    /** Emitted when the search text changes, with the new text. */
+    bsQueryChange: EventEmitter<string>;
+    /** Emitted when the single-key switch changes, with the new value. */
+    bsSingleKeyChange: EventEmitter<boolean>;
+    private visibleGroups;
+    /** Greedy column split: a group stays in column 1 while countBefore + size/2 <= total/2. */
+    private columns;
+    private onKeyDown;
+    private onInput;
+    private onSwitch;
+    render(): any;
+}

package/dist/types/components/bs-keyboard-shortcuts/bs-keyboard-shortcuts.stories.d.ts

@@ -0,0 +1,43 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+/** Figma "Keyboard shortcuts" data, shared by the stories. */
+export declare const SHORTCUT_GROUPS: {
+    title: string;
+    shortcuts: {
+        action: string;
+        keys: string;
+    }[];
+}[];
+/** Same data for the single-key-off frame: Figma also dims Esc, so it is marked single-key explicitly. */
+export declare const SHORTCUT_GROUPS_SINGLE_KEY_OFF: {
+    shortcuts: ({
+        action: string;
+        keys: string;
+    } | {
+        singleKey: boolean;
+        action: string;
+        keys: string;
+    })[];
+    title: string;
+}[];
+export declare const FILTERED_GROUPS: {
+    title: string;
+    shortcuts: {
+        action: string;
+        keys: string;
+    }[];
+}[];
+interface BsKeyboardShortcutsArgs {
+    query: string;
+    singleKeyEnabled: boolean;
+    showSingleKeySwitch: boolean;
+    showFooterHint: boolean;
+}
+declare const meta: Meta<BsKeyboardShortcutsArgs>;
+export default meta;
+type Story = StoryObj<BsKeyboardShortcutsArgs>;
+export declare const AllShortcuts: Story;
+export declare const SingleKeyOff: Story;
+export declare const FilteredResults: Story;
+export declare const FilteredSingleKeyOff: Story;
+export declare const NoResults: Story;
+export declare const InDialog: Story;

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

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

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

@@ -0,0 +1,42 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * A vertical list of `bs-list-item` rows, optionally single-select.
+ *
+ * ## When to use
+ * - Records, people, files or options shown as rows with leading media and descriptions.
+ * - `selectable` for a single-choice list (e.g. a conversation list next to a detail pane).
+ *
+ * ## When not to use
+ * - A popup list of actions -- use `bs-menu`.
+ * - Navigation between app sections -- use `bs-navigation-drawer`.
+ * - Multi-column, sortable or paged data -- use `bs-data-table`.
+ *
+ * Built from `bs-list-item` children (light DOM; the list never moves nodes).
+ *
+ * @slot - The `bs-list-item` rows.
+ * @part list - The list container.
+ * @prop --bs-list-gap - Gap between rows. Defaults to `0`.
+ * @prop --bs-list-divider-color - Divider colour when `dividers` is set. Aliased to `--bs-border-neutral-container`.
+ */
+export declare class BsList {
+    el: HTMLElement;
+    /** Single-selection mode: role="listbox", rows are `option`s with roving tabindex. */
+    selectable: boolean;
+    /** `value` of the selected item (selectable mode). */
+    value: string | null;
+    /** Draws a 1px separator between rows. */
+    dividers: boolean;
+    /** Accessible name of the list. */
+    ariaLabel: string | null;
+    /** Fires with the new `value` when the user changes the selection. */
+    bsChange: EventEmitter<string | null>;
+    onChange(): void;
+    componentDidLoad(): void;
+    private items;
+    private enabled;
+    private sync;
+    private rove;
+    onItemClick(ev: CustomEvent<string | null>): void;
+    onKeyDown(ev: KeyboardEvent): void;
+    render(): any;
+}

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

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+interface BsListArgs {
+    selectable: boolean;
+    dividers: boolean;
+    value: string;
+}
+declare const meta: Meta<BsListArgs>;
+export default meta;
+type Story = StoryObj<BsListArgs>;
+export declare const Default: Story;
+export declare const Selectable: Story;
+export declare const WithDividers: Story;
+export declare const AvatarList: Story;

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

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

package/dist/types/components/bs-list-item/bs-list-item.d.ts

@@ -0,0 +1,85 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * A single row of a list: optional leading media (avatar, icon, image), a label, a description and
+ * optional support text, and an optional trailing caret or custom trailing content.
+ *
+ * ## When to use
+ * - As a child of `bs-list`, one per record, person, file or option.
+ * - Standalone as a plain information row (non-interactive), or with `interactive` as a button-like row.
+ *
+ * ## When not to use
+ * - A popup list of actions -- use `bs-menu` / `bs-menu-item`.
+ * - App navigation with an active route -- use `bs-navigation-drawer-item`.
+ * - Tabular data with columns, sorting or paging -- use `bs-data-table`.
+ *
+ * Composed from: leading media (`bs-avatar`) and trailing controls (`bs-icon-button`) are supplied by the
+ * consumer through the `leading` and `trailing` slots; the row itself only reserves layout. The default
+ * trailing caret is inline SVG.
+ *
+ * Roles are driven by the parent `bs-list` (via `selectionRole`). Standalone, the row has no role
+ * (`listitem` is only valid inside a list) unless `interactive` is set, which makes it a focusable
+ * `role="button"`.
+ *
+ * @slot leading - Leading media: a `bs-avatar size="lg"` (64px), a 32px icon, or a 72x56 `<img>`.
+ * @slot trailing - Replaces the default caret. Rendered when `showArrow` is set or the slot has content.
+ * @slot - Rich content that replaces `label`, `description` and `supportText` entirely.
+ * @part container - The row.
+ * @part leading - Wrapper around the leading slot.
+ * @part content - The text column.
+ * @part label - The label line.
+ * @part description - The description line.
+ * @part support-text - The support text line.
+ * @part trailing - Wrapper around the trailing slot / caret.
+ * @prop --bs-list-item-min-height - Minimum row height. Aliased to `--bs-spacing-1000`.
+ * @prop --bs-list-item-padding-y - Aliased to `--bs-spacing-150`.
+ * @prop --bs-list-item-padding-x - Aliased to `--bs-spacing-200`.
+ * @prop --bs-list-item-gap - Gap between leading, content and trailing. Aliased to `--bs-spacing-200`.
+ * @prop --bs-list-item-content-gap - Gap between text lines. Aliased to `--bs-spacing-25`.
+ * @prop --bs-list-item-radius - Aliased to `--bs-border-radius-100`.
+ * @prop --bs-list-item-bg - Enabled background. `transparent`.
+ * @prop --bs-list-item-bg-hover - Aliased to `--bs-surface-hover`.
+ * @prop --bs-list-item-bg-pressed - Aliased to `--bs-surface-pressed`.
+ * @prop --bs-list-item-bg-focus - Aliased to `--bs-surface-focus`.
+ * @prop --bs-list-item-bg-selected - Aliased to `--bs-surface-selected`.
+ * @prop --bs-list-item-bg-selected-hover - Aliased to `--bs-surface-selected-hover`.
+ * @prop --bs-list-item-bg-selected-pressed - Aliased to `--bs-surface-selected-pressed`.
+ * @prop --bs-list-item-bg-selected-focus - Aliased to `--bs-surface-selected-focus`.
+ * @prop --bs-list-item-bg-disabled - Aliased to `--bs-surface-action-disabled`.
+ * @prop --bs-list-item-color - Text colour. Aliased to `--bs-text-default`.
+ * @prop --bs-list-item-color-disabled - Aliased to `--bs-text-on-disabled`.
+ * @prop --bs-list-item-focus-ring - Focus ring colour. Aliased to `--bs-border-neutral-focus`.
+ * @prop --bs-list-item-image-width - Leading image width. 72px.
+ * @prop --bs-list-item-image-height - Leading image height. 56px.
+ */
+export declare class BsListItem {
+    el: HTMLElement;
+    /** First text line (semibold). */
+    label: string | null;
+    /** Second text line (the "paragraph"). */
+    description: string | null;
+    /** Optional third text line. */
+    supportText: string | null;
+    /** Marks the row as selected. Managed by the parent `bs-list` when it is `selectable`. */
+    selected: boolean;
+    /** Disables the row: dimmed, not focusable, no click event. */
+    disabled: boolean;
+    /** Shows a trailing caret (unless the `trailing` slot has content). */
+    showArrow: boolean;
+    /** Identifies the item; emitted by `bsItemClick` and matched against `bs-list`'s `value`. */
+    value: string | null;
+    /** Makes a standalone row a focusable `role="button"` that emits `bsItemClick`. */
+    interactive: boolean;
+    /** Set by the parent `bs-list`: `listitem` (plain list) or `option` (selectable list). Do not set by hand. */
+    selectionRole: 'listitem' | 'option' | null;
+    hasLeading: boolean;
+    hasTrailing: boolean;
+    hasDefault: boolean;
+    /** Fires on click / Enter / Space when the row is interactive and not disabled. Payload is `value`. */
+    bsItemClick: EventEmitter<string | null>;
+    private get isInteractive();
+    private activate;
+    onClick(): void;
+    onKeyDown(ev: KeyboardEvent): void;
+    private slotHas;
+    render(): any;
+}

package/dist/types/components/bs-list-item/bs-list-item.stories.d.ts

@@ -0,0 +1,22 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+interface BsListItemArgs {
+    label: string;
+    description: string;
+    supportText: string;
+    selected: boolean;
+    disabled: boolean;
+    showArrow: boolean;
+    interactive: boolean;
+}
+declare const meta: Meta<BsListItemArgs>;
+export default meta;
+type Story = StoryObj<BsListItemArgs>;
+export declare const Default: Story;
+export declare const Text: Story;
+export declare const Avatar: Story;
+export declare const Icon: Story;
+export declare const Image: Story;
+export declare const Selected: Story;
+export declare const Disabled: Story;
+export declare const WithArrow: Story;
+export declare const WithSupportText: Story;

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

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

package/dist/types/components/bs-search-item/bs-search-item.d.ts

@@ -0,0 +1,61 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * One result or suggestion row of a search dropdown: a leading icon, a primary line, an optional
+ * description line and trailing text. Static, not focusable -- focus stays in the search field and the
+ * parent (`bs-global-search`) marks the highlighted row with `active`.
+ *
+ * Standalone it has no role. `bs-global-search` sets `selectionRole="option"` (and an `id`) on its rows,
+ * the same pattern as `bs-list-item` and `bs-shortcut-row`.
+ *
+ * ## When to use
+ * - A suggestion, recent search or result inside `bs-global-search`.
+ *
+ * ## When not to use
+ * - A row in a generic list -- use `bs-list-item`.
+ * - A command in a popup menu -- use `bs-menu-item`.
+ *
+ * @slot icon - A leading glyph (24px, `currentColor`).
+ * @slot - The primary text. Wrap the matched part in `<strong>` or `<b>` to show it semibold.
+ * @slot description - An optional second line.
+ * @slot trailing - Trailing text (overrides the `trailing` prop).
+ * @part container - The row.
+ * @part icon - The icon wrapper.
+ * @part content - The text column.
+ * @part label - The primary line.
+ * @part description - The description line.
+ * @part trailing - The trailing text wrapper.
+ * @prop --bs-search-item-min-height - Aliased to `--bs-spacing-600` (48px).
+ * @prop --bs-search-item-padding-y - Aliased to `--bs-spacing-100`.
+ * @prop --bs-search-item-padding-x - Aliased to `--bs-spacing-150`.
+ * @prop --bs-search-item-gap - Aliased to `--bs-spacing-100`.
+ * @prop --bs-search-item-radius - Aliased to `--bs-border-radius-100`.
+ * @prop --bs-search-item-bg - Resting background. `transparent`.
+ * @prop --bs-search-item-bg-active - Active (highlighted) and hover background. Aliased to `--bs-surface-hover`.
+ * @prop --bs-search-item-bg-pressed - Aliased to `--bs-surface-pressed`.
+ * @prop --bs-search-item-color - Primary text. Aliased to `--bs-text-default`.
+ * @prop --bs-search-item-color-muted - Description and trailing text. Aliased to `--bs-text-muted`.
+ * @prop --bs-search-item-color-disabled - Aliased to `--bs-text-on-disabled`.
+ * @prop --bs-search-item-icon-color - Aliased to `--bs-icon-default`.
+ */
+export declare class BsSearchItem {
+    el: HTMLElement;
+    /** Identifies the item; emitted by `bsItemSelect`. */
+    value?: string;
+    /** Highlighted row (keyboard or hover). Set by the parent. */
+    active: boolean;
+    /** Dims the row and ignores clicks. */
+    disabled: boolean;
+    /** Trailing text shorthand. The `trailing` slot overrides it. */
+    trailing?: string;
+    /** Set by the parent (`"option"`). Standalone rows have no role. */
+    selectionRole: 'option' | null;
+    hasIcon: boolean;
+    hasDescription: boolean;
+    hasTrailingSlot: boolean;
+    /** Fires with `value` when the row is clicked, or when the parent selects it with Enter. */
+    bsItemSelect: EventEmitter<string | undefined>;
+    componentWillLoad(): void;
+    onClick(): void;
+    private slotFilled;
+    render(): any;
+}

package/dist/types/components/bs-search-item/bs-search-item.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+interface BsSearchItemArgs {
+    active: boolean;
+    disabled: boolean;
+    trailing: string;
+}
+declare const meta: Meta<BsSearchItemArgs>;
+export default meta;
+type Story = StoryObj<BsSearchItemArgs>;
+export declare const Default: Story;
+export declare const WithDescription: Story;
+export declare const Active: Story;
+export declare const Disabled: Story;

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

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

package/dist/types/components/bs-shortcut-row/bs-shortcut-row.d.ts

@@ -0,0 +1,38 @@
+/**
+ * One row of a shortcut list: an action label on the left and its keyboard shortcut on the right.
+ * Static information, not interactive. Standalone it has no role; `bs-keyboard-shortcuts` sets
+ * `selectionRole="listitem"` on its rows (same pattern as `bs-list-item`).
+ *
+ * Built from `bs-key-caps` (and so `bs-key`).
+ *
+ * ## When to use
+ * - A line in a keyboard-shortcut reference, usually inside `bs-keyboard-shortcuts`.
+ *
+ * ## When not to use
+ * - A clickable command or menu entry -- use `bs-menu-item` (which has its own shortcut slot).
+ *
+ * @slot - The action label (overrides the `action` prop).
+ * @slot keys - Your own `bs-key-caps` (or custom keys), replacing the generated one.
+ * @part container - The row.
+ * @part action - The action label wrapper.
+ * @part keys - The wrapper around the key caps.
+ * @prop --bs-shortcut-row-height - Row height. Defaults to `36px` (Figma).
+ * @prop --bs-shortcut-row-padding-x - Horizontal padding. Aliased to `--bs-spacing-100`.
+ * @prop --bs-shortcut-row-gap - Gap between label and keys. Aliased to `--bs-spacing-100`.
+ * @prop --bs-shortcut-row-radius - Corner radius. Aliased to `--bs-border-radius-75`.
+ * @prop --bs-shortcut-row-color - Label colour. Aliased to `--bs-text-default`.
+ * @prop --bs-shortcut-row-color-disabled - Label colour while `disabled`. Aliased to `--bs-text-on-disabled`.
+ */
+export declare class BsShortcutRow {
+    /** The action, e.g. "Save". The default slot overrides it. */
+    action?: string;
+    /** The keys, e.g. `"Ctrl+S"`, or an array (`['Ctrl', '+']`) for a literal plus key. See `bs-key-caps`. */
+    keys?: string | string[];
+    /** Accessible name of the key caps, e.g. "Control plus S". Defaults to the keys joined with "plus". */
+    label?: string;
+    /** Dims the label and the keys. */
+    disabled: boolean;
+    /** Set by the parent list (`"listitem"`). Standalone rows have no role. */
+    selectionRole: 'listitem' | null;
+    render(): any;
+}

package/dist/types/components/bs-shortcut-row/bs-shortcut-row.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+interface BsShortcutRowArgs {
+    action: string;
+    keys: string;
+    disabled: boolean;
+}
+declare const meta: Meta<BsShortcutRowArgs>;
+export default meta;
+type Story = StoryObj<BsShortcutRowArgs>;
+export declare const Default: Story;
+export declare const Disabled: Story;
+export declare const ThreeKeys: Story;
+export declare const IconKey: Story;

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

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