@basis-ng/primitives 0.0.1-alpha.2 → 0.0.1-alpha.4

package/core/components/alert/alert.component.d.ts

@@ -16,5 +16,5 @@ export declare class Alert {
     readonly colorForeground: import("@angular/core").Signal<string>;
     dismiss(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Alert, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Alert, "r-alert", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Alert, "b-alert", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; }, never, ["*"], true, never>;
 }

package/core/components/attached-box/attached-box.component.d.ts

@@ -121,5 +121,5 @@ export declare class AttachedBox {
      */
     private adjustSecondaryAlignment;
     static ɵfac: i0.ɵɵFactoryDeclaration<AttachedBox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AttachedBox, "r-attached-box", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; }, { "position": "positionChange"; "gap": "gapChange"; }, never, ["[r-attached-box-trigger]", "[r-attached-box-content]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AttachedBox, "b-attached-box", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; }, { "position": "positionChange"; "gap": "gapChange"; }, never, ["[b-attached-box-trigger]", "[b-attached-box-content]"], true, never>;
 }

package/core/components/badge/badge.component.d.ts

@@ -5,5 +5,5 @@ export declare class Badge {
     /** The size of the badge. */
     readonly size: import("@angular/core").InputSignal<"small" | "default">;
     static ɵfac: i0.ɵɵFactoryDeclaration<Badge, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Badge, "span[r-badge]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Badge, "span[b-badge]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/core/components/bottom-sheet/bottom-sheet.component.d.ts

@@ -56,5 +56,5 @@ export declare class BottomSheet {
      */
     snapToOpenOrClose(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BottomSheet, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BottomSheet, "r-bottom-sheet", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "closeThreshold": { "alias": "closeThreshold"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "closeSheet": "closeSheet"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BottomSheet, "b-bottom-sheet", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "closeThreshold": { "alias": "closeThreshold"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "closeSheet": "closeSheet"; }, never, ["*"], true, never>;
 }

package/core/components/button/button.component.d.ts

@@ -1,3 +1,4 @@
+import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class Button {
     /** The variant of the button. */
@@ -12,6 +13,10 @@ export declare class Button {
     readonly toggle: import("@angular/core").InputSignal<boolean>;
     /** The value of the button when it is toggled. */
     readonly isToggled: import("@angular/core").InputSignal<boolean>;
+    /**  Whether the button active animation is enabled. */
+    readonly activeEnabled: import("@angular/core").InputSignal<boolean>;
+    /** The element reference of the button. */
+    el: ElementRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<Button, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Button, "button[r-button]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "equalPadding": { "alias": "equalPadding"; "required": false; "isSignal": true; }; "toggle": { "alias": "toggle"; "required": false; "isSignal": true; }; "isToggled": { "alias": "isToggled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Button, "button[b-button]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "equalPadding": { "alias": "equalPadding"; "required": false; "isSignal": true; }; "toggle": { "alias": "toggle"; "required": false; "isSignal": true; }; "isToggled": { "alias": "isToggled"; "required": false; "isSignal": true; }; "activeEnabled": { "alias": "activeEnabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/core/components/button-group/button-group.component.d.ts

@@ -5,5 +5,5 @@ export declare class ButtonGroup {
      */
     readonly spaced: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonGroup, "r-button-group", never, { "spaced": { "alias": "spaced"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonGroup, "b-button-group", never, { "spaced": { "alias": "spaced"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/core/components/checkbox/checkbox.component.d.ts

@@ -22,5 +22,5 @@ export declare class Checkbox implements AfterViewInit {
      */
     toggleValue(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Checkbox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Checkbox, "input[r-checkbox]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Checkbox, "input[b-checkbox]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "valueChange": "valueChange"; }, never, never, true, never>;
 }

package/core/components/color-picker/color-picker.component.d.ts

@@ -57,5 +57,5 @@ export declare class ColorPicker implements AfterViewInit {
      */
     calculateColorMix(color1: string, color2: string, percentage: number): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColorPicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPicker, "input[r-color-picker]", never, { "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "showColor": { "alias": "showColor"; "required": false; "isSignal": true; }; }, {}, ["ngModel"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPicker, "input[b-color-picker]", never, { "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "showColor": { "alias": "showColor"; "required": false; "isSignal": true; }; }, {}, ["ngModel"], never, true, never>;
 }

package/core/components/icon/icon.component.d.ts

@@ -25,5 +25,5 @@ export declare class Icon {
      */
     readonly iconSvg: import("@angular/core").Signal<import("@angular/platform-browser").SafeHtml>;
     static ɵfac: i0.ɵɵFactoryDeclaration<Icon, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Icon, "i[r-icon]", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Icon, "i[b-icon]", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/core/components/input/input.component.d.ts

@@ -74,5 +74,5 @@ export declare class Input implements AfterViewInit {
      */
     formatNumber(value: string | null): string | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<Input, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Input, "input[r-input]", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "numberType": { "alias": "numberType"; "required": false; "isSignal": true; }; }, { "invalid": "invalidChange"; "disabled": "disabledChange"; "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Input, "input[b-input]", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "numberType": { "alias": "numberType"; "required": false; "isSignal": true; }; }, { "invalid": "invalidChange"; "disabled": "disabledChange"; "valueChange": "valueChange"; }, never, never, true, never>;
 }

package/core/components/input-group/input-group.component.d.ts

@@ -9,5 +9,5 @@ export declare class InputGroup {
      */
     readonly maxWidth: import("@angular/core").InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputGroup, "r-input-group", never, { "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputGroup, "b-input-group", never, { "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/core/components/menu/menu.component.d.ts

@@ -4,11 +4,6 @@ import * as i1 from "@angular/cdk/menu";
  * Represents a menu component that can optionally float.
  */
 export declare class Menu {
-    /**
-     * Determines whether the menu is floating.
-     * @default false
-     */
-    readonly floating: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<Menu, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Menu, "r-menu", never, { "floating": { "alias": "floating"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.CdkMenu; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Menu, "b-menu", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.CdkMenu; inputs: {}; outputs: {}; }]>;
 }

package/core/components/menu/shared/components/menu-item/menu-item.component.d.ts

@@ -5,5 +5,5 @@ import * as i1 from "@angular/cdk/menu";
  */
 export declare class MenuItemComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemComponent, "r-menu-item", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.CdkMenuItem; inputs: { "cdkMenuItemDisabled": "disabled"; "cdkMenuitemTypeaheadLabel": "typeaheadLabel"; }; outputs: { "cdkMenuItemTriggered": "triggered"; }; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemComponent, "b-menu-item", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.CdkMenuItem; inputs: { "cdkMenuItemDisabled": "disabled"; "cdkMenuitemTypeaheadLabel": "typeaheadLabel"; }; outputs: { "cdkMenuItemTriggered": "triggered"; }; }]>;
 }

package/core/components/menu/shared/components/menu-item-checkbox/menu-item-checkbox.component.d.ts

@@ -5,5 +5,5 @@ import * as i1 from "@angular/cdk/menu";
  */
 export declare class MenuItemCheckboxComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemCheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemCheckboxComponent, "r-menu-item-checkbox", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.CdkMenuItemCheckbox; inputs: { "cdkMenuItemDisabled": "disabled"; "cdkMenuitemTypeaheadLabel": "typeaheadLabel"; "cdkMenuItemChecked": "active"; }; outputs: { "cdkMenuItemTriggered": "triggered"; }; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemCheckboxComponent, "b-menu-item-checkbox", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.CdkMenuItemCheckbox; inputs: { "cdkMenuItemDisabled": "disabled"; "cdkMenuitemTypeaheadLabel": "typeaheadLabel"; "cdkMenuItemChecked": "active"; }; outputs: { "cdkMenuItemTriggered": "triggered"; }; }]>;
 }

package/core/components/menu/shared/components/menu-item-radio/menu-item-radio.component.d.ts

@@ -5,5 +5,5 @@ import * as i1 from "@angular/cdk/menu";
  */
 export declare class MenuItemRadioComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemRadioComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemRadioComponent, "r-menu-item-radio", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.CdkMenuItemRadio; inputs: { "cdkMenuItemDisabled": "disabled"; "cdkMenuitemTypeaheadLabel": "typeaheadLabel"; "cdkMenuItemChecked": "active"; }; outputs: { "cdkMenuItemTriggered": "triggered"; }; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemRadioComponent, "b-menu-item-radio", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.CdkMenuItemRadio; inputs: { "cdkMenuItemDisabled": "disabled"; "cdkMenuitemTypeaheadLabel": "typeaheadLabel"; "cdkMenuItemChecked": "active"; }; outputs: { "cdkMenuItemTriggered": "triggered"; }; }]>;
 }

package/core/components/menu/shared/components/menu-label/menu-label.component.d.ts

@@ -4,5 +4,5 @@ import * as i0 from "@angular/core";
  */
 export declare class MenuLabel {
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuLabel, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuLabel, "r-menu-label", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuLabel, "b-menu-label", never, {}, {}, never, ["*"], true, never>;
 }

package/core/components/range/range.component.d.ts

@@ -22,5 +22,5 @@ export declare class Range implements AfterViewInit {
      */
     onInput(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Range, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Range, "input[r-range]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Range, "input[b-range]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }

package/core/components/search/search.component.d.ts

@@ -117,5 +117,5 @@ export declare class Search {
      */
     handleIconClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Search, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Search, "r-search", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "searching": { "alias": "searching"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "selectedValue": { "alias": "selectedValue"; "required": false; "isSignal": true; }; "searchValue": { "alias": "searchValue"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; }, { "searching": "searchingChange"; "invalid": "invalidChange"; "disabled": "disabledChange"; "selectedValue": "selectedValueChange"; "searchValue": "searchValueChange"; "searchChange": "searchChange"; }, ["options"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Search, "b-search", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "searching": { "alias": "searching"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "selectedValue": { "alias": "selectedValue"; "required": false; "isSignal": true; }; "searchValue": { "alias": "searchValue"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; }, { "searching": "searchingChange"; "invalid": "invalidChange"; "disabled": "disabledChange"; "selectedValue": "selectedValueChange"; "searchValue": "searchValueChange"; "searchChange": "searchChange"; }, ["options"], ["*"], true, never>;
 }

package/core/components/select/select-content.component.d.ts

@@ -0,0 +1,39 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/listbox";
+/**
+ * Component representing the content of a select dropdown.
+ * It integrates with Angular CDK Listbox for managing options and their selection.
+ */
+export declare class SelectContentComponent {
+    /**
+     * Signal representing the selected values in the listbox.
+     */
+    readonly value: import("@angular/core").WritableSignal<string[]>;
+    /**
+     * Signal representing the content of the selected option.
+     */
+    readonly content: import("@angular/core").WritableSignal<string>;
+    /**
+     * Event emitter triggered when the dropdown should close.
+     */
+    closeEmitter: import("@angular/core").OutputEmitterRef<void>;
+    /**
+     * Reference to the host element of the component.
+     */
+    el: ElementRef<any>;
+    /**
+     * Input for setting the maximum height of the dropdown.
+     * Defaults to '300px'.
+     */
+    readonly maxHeight: import("@angular/core").InputSignal<string>;
+    /**
+     * Handles changes to the selected value in the listbox.
+     * Updates the `value` and `content` signals and emits the `closeEmitter` event.
+     *
+     * @param $event - The event object containing the new value and option details.
+     */
+    handleValueChange($event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectContentComponent, "ul[b-select-content]", never, { "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; }, { "closeEmitter": "closeEmitter"; }, never, ["*"], true, [{ directive: typeof i1.CdkListbox; inputs: { "cdkListboxValue": "cdkListboxValue"; }; outputs: { "cdkListboxValueChange": "cdkListboxValueChange"; }; }]>;
+}

package/core/components/select/select.component.d.ts

@@ -1,48 +1,66 @@
-import { AfterViewInit, ElementRef, Renderer2 } from '@angular/core';
+import { SelectContentComponent } from './select-content.component';
+import { Button } from '../button/button.component';
 import * as i0 from "@angular/core";
-export declare class Select implements AfterViewInit {
+/**
+ * Component representing a custom select dropdown.
+ * It provides a button to toggle the dropdown and displays the selected option.
+ */
+export declare class SelectComponent {
     /**
-     * The value of the input.
+     * Placeholder text displayed when no option is selected.
+     * Defaults to 'Select an option'.
      */
-    readonly value: import("@angular/core").WritableSignal<string | null>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
     /**
-     * Whether the input is invalid.
+     * Signal indicating whether the dropdown is open.
      */
-    readonly invalid: import("@angular/core").ModelSignal<boolean>;
+    readonly isOpen: import("@angular/core").WritableSignal<boolean>;
     /**
-     * Whether the input is disabled.
+     * Reference to the button element used to toggle the dropdown.
      */
-    readonly disabled: import("@angular/core").ModelSignal<boolean>;
+    readonly button: import("@angular/core").Signal<Button | undefined>;
+    /**
+     * Reference to the content component of the dropdown.
+     */
+    readonly listBox: import("@angular/core").Signal<SelectContentComponent | undefined>;
+    /**
+     * Computed signal representing the selected values from the dropdown.
+     */
+    readonly value: import("@angular/core").Signal<string[] | undefined>;
+    /**
+     * Computed signal representing the content of the selected option.
+     */
+    readonly content: import("@angular/core").Signal<string | undefined>;
     /**
-     * The maximum width of the input.
+     * Input for setting the maximum width of the dropdown.
+     * Defaults to '100%'.
      */
     readonly maxWidth: import("@angular/core").InputSignal<string>;
     /**
-     * Event emitted when the value changes.
+     * Computed signal for the width of the button element.
      */
-    valueChange: import("@angular/core").OutputEmitterRef<string | null>;
+    readonly buttonWidth: import("@angular/core").Signal<any>;
     /**
-     * Reference to the input element.
+     * Model indicating whether the select component is invalid.
      */
-    readonly el: ElementRef<HTMLSelectElement>;
+    readonly invalid: import("@angular/core").ModelSignal<boolean>;
     /**
-     * Indicates whether the options dropdown is open.
+     * Model indicating whether the select component is disabled.
      */
-    readonly isOpen: import("@angular/core").WritableSignal<boolean>;
+    readonly disabled: import("@angular/core").ModelSignal<boolean>;
+    constructor();
     /**
-     * Reference to the renderer
-     * @private
+     * Handles changes to the selected value by subscribing to the close event of the listbox.
      */
-    readonly renderer: Renderer2;
+    handleSelectedValueChange(): void;
     /**
-     * After the view has been initialized, set the value of the select.
+     * Opens the dropdown and focuses the listbox.
      */
-    ngAfterViewInit(): void;
+    open(): void;
     /**
-     * Handles the select change event.
-     * @param value - The value of the select.
+     * Closes the dropdown and focuses the button.
      */
-    change(value: string): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<Select, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Select, "select[r-select]", never, { "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, { "invalid": "invalidChange"; "disabled": "disabledChange"; "valueChange": "valueChange"; }, never, ["*"], true, never>;
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "b-select", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "invalid": "invalidChange"; "disabled": "disabledChange"; }, ["listBox"], ["*"], true, never>;
 }

package/core/components/side-sheet/side-sheet.component.d.ts

@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
  * A sliding sheet component that can be positioned on either side of the screen.
  * The sheet slides in from the left or right edge and includes an overlay backdrop.
  *
- * @selector r-side-sheet
+ * @selector b-side-sheet
  */
 export declare class SideSheet {
     /**
@@ -42,5 +42,5 @@ export declare class SideSheet {
      */
     closeOnOutsideClick(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SideSheet, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SideSheet, "r-side-sheet", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "closeSheet": "closeSheet"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SideSheet, "b-side-sheet", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "closeSheet": "closeSheet"; }, never, ["*"], true, never>;
 }

package/core/components/spinner/spinner.component.d.ts

@@ -5,5 +5,5 @@ export declare class Spinner {
     readonly backgroundColor: import("@angular/core").InputSignal<string>;
     readonly size: import("@angular/core").InputSignal<number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<Spinner, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Spinner, "r-spinner", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Spinner, "b-spinner", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/core/components/switch/switch.component.d.ts

@@ -31,5 +31,5 @@ export declare class Switch implements AfterViewInit {
      */
     setValue(newValue: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Switch, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Switch, "input[r-switch]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Switch, "input[b-switch]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "valueChange": "valueChange"; }, never, never, true, never>;
 }

package/core/components/table/components/row/components/row-item/row-item.component.d.ts

@@ -8,5 +8,5 @@ export declare class RowItem {
         justifyContent: string;
     }>;
     static ɵfac: i0.ɵɵFactoryDeclaration<RowItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RowItem, "r-row-item", never, { "widthPx": { "alias": "widthPx"; "required": false; "isSignal": true; }; "alignedLeft": { "alias": "alignedLeft"; "required": false; "isSignal": true; }; "isHeader": { "alias": "isHeader"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RowItem, "b-row-item", never, { "widthPx": { "alias": "widthPx"; "required": false; "isSignal": true; }; "alignedLeft": { "alias": "alignedLeft"; "required": false; "isSignal": true; }; "isHeader": { "alias": "isHeader"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/core/components/table/components/row/row.component.d.ts

@@ -5,5 +5,5 @@ export declare class Row {
     readonly clickable: import("@angular/core").InputSignal<boolean>;
     readonly highlighted: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<Row, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Row, "r-row", never, { "header": { "alias": "header"; "required": false; "isSignal": true; }; "subheader": { "alias": "subheader"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "highlighted": { "alias": "highlighted"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Row, "b-row", never, { "header": { "alias": "header"; "required": false; "isSignal": true; }; "subheader": { "alias": "subheader"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "highlighted": { "alias": "highlighted"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/core/components/table/table.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class Table {
     static ɵfac: i0.ɵɵFactoryDeclaration<Table, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Table, "r-table", never, {}, {}, never, ["[r-row-header]", "[r-row-subheader]", "*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Table, "b-table", never, {}, {}, never, ["[b-row-header]", "[b-row-subheader]", "*"], true, never>;
 }

package/core/components/tabs/components/tab/tab.component.d.ts

@@ -21,5 +21,5 @@ export declare class Tab {
      */
     onMouseLeave(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Tab, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Tab, "r-tab", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "selectEmitter": "selectEmitter"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Tab, "b-tab", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "selectEmitter": "selectEmitter"; }, never, ["*"], true, never>;
 }

package/core/components/tabs/tabs.component.d.ts

@@ -56,5 +56,5 @@ export declare class Tabs {
      */
     scrollToTab(index: number, behavior: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Tabs, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Tabs, "r-tabs", never, { "selectedValue": { "alias": "selectedValue"; "required": false; "isSignal": true; }; }, { "selectedValue": "selectedValueChange"; "changesEmitter": "changesEmitter"; }, ["tabs"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Tabs, "b-tabs", never, { "selectedValue": { "alias": "selectedValue"; "required": false; "isSignal": true; }; }, { "selectedValue": "selectedValueChange"; "changesEmitter": "changesEmitter"; }, ["tabs"], ["*"], true, never>;
 }

package/core/components/textarea/textarea.component.d.ts

@@ -44,5 +44,5 @@ export declare class Textarea {
      */
     onInput(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Textarea, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Textarea, "textarea[r-textarea]", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "invalid": "invalidChange"; "disabled": "disabledChange"; "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Textarea, "textarea[b-textarea]", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "invalid": "invalidChange"; "disabled": "disabledChange"; "valueChange": "valueChange"; }, never, never, true, never>;
 }

package/core/components/tooltip/tooltip.component.d.ts

@@ -32,5 +32,5 @@ export declare class TooltipComponent {
      */
     readonly size: import("@angular/core").InputSignal<"small" | "default">;
     static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "r-tooltip", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*", "[r-tooltip-content]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "b-tooltip", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*", "[b-tooltip-content]"], true, never>;
 }

package/core/components/tree/shared/components/tree-node/tree-node.component.d.ts

@@ -39,5 +39,5 @@ export declare class TreeNode implements OnInit {
      */
     handleExtension(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TreeNode, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TreeNode, "r-tree-node", never, { "extended": { "alias": "extended"; "required": false; "isSignal": true; }; }, { "extended": "extendedChange"; "closeEmitter": "closeEmitter"; }, ["nestedTree"], ["*", "r-tree"], true, [{ directive: typeof i1.CdkDrag; inputs: { "cdkDragDisabled": "disabled"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeNode, "b-tree-node", never, { "extended": { "alias": "extended"; "required": false; "isSignal": true; }; }, { "extended": "extendedChange"; "closeEmitter": "closeEmitter"; }, ["nestedTree"], ["*", "b-tree"], true, [{ directive: typeof i1.CdkDrag; inputs: { "cdkDragDisabled": "disabled"; }; outputs: {}; }]>;
 }

package/core/components/tree/tree.component.d.ts

@@ -52,5 +52,5 @@ export declare class Tree implements OnInit {
      */
     closeNestedNodes(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Tree, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Tree, "r-tree", never, { "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "closeRecursively": { "alias": "closeRecursively"; "required": false; "isSignal": true; }; }, { "dropEmitter": "dropEmitter"; }, ["nestedNodes"], ["*"], true, [{ directive: typeof i1.CdkDropList; inputs: { "id": "id"; "cdkDropListConnectedTo": "connectedTo"; }; outputs: { "cdkDropListDropped": "cdkDropListDropped"; }; }, { directive: typeof i1.CdkDropListGroup; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Tree, "b-tree", never, { "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "closeRecursively": { "alias": "closeRecursively"; "required": false; "isSignal": true; }; }, { "dropEmitter": "dropEmitter"; }, ["nestedNodes"], ["*"], true, [{ directive: typeof i1.CdkDropList; inputs: { "id": "id"; "cdkDropListConnectedTo": "connectedTo"; }; outputs: { "cdkDropListDropped": "cdkDropListDropped"; }; }, { directive: typeof i1.CdkDropListGroup; inputs: {}; outputs: {}; }]>;
 }

package/core/directives/in-viewport.directive.d.ts

@@ -9,5 +9,5 @@ export declare class InViewportDirective implements OnDestroy {
     constructor();
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InViewportDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<InViewportDirective, "[r-in-viewport]", never, { "inViewportId": { "alias": "inViewportId"; "required": true; "isSignal": true; }; "inViewportInitialVisibility": { "alias": "inViewportInitialVisibility"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<InViewportDirective, "[b-in-viewport]", never, { "inViewportId": { "alias": "inViewportId"; "required": true; "isSignal": true; }; "inViewportInitialVisibility": { "alias": "inViewportInitialVisibility"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }