@basis-ng/primitives 0.0.1-alpha.0 → 0.0.1-alpha.10

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

@@ -1,5 +1,5 @@
 import { ElementRef } from '@angular/core';
-import { Position } from './types/position.type';
+import { Position } from '../../../shared/types/position.type';
 import * as i0 from "@angular/core";
 export declare class AttachedBox {
     /**
@@ -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/menu/shared/directives/menu-trigger.directive.d.ts

@@ -1,6 +1,6 @@
 import { CdkMenuTrigger } from '@angular/cdk/menu';
 import { OnInit } from '@angular/core';
-import { Position } from '../../../attached-box/types/position.type';
+import { Position } from '../../../../../shared/types/position.type';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/cdk/menu";
 export declare class MenuTrigger implements OnInit {

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/select/select-options.component.d.ts

@@ -0,0 +1,52 @@
+import { CdkListbox } from '@angular/cdk/listbox';
+import { ElementRef } from '@angular/core';
+import { OptionComponent } from '../../../shared/components/option.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/listbox";
+import * as i2 from "@angular/cdk/a11y";
+/**
+ * Component representing the list of options in a select.
+ * This component integrates with Angular CDK Listbox to manage options and their selection.
+ */
+export declare class SelectOptionsComponent {
+    /**
+     * Signal representing the selected values in the listbox.
+     * This is an array of strings corresponding to the selected option values.
+     */
+    readonly value: import("@angular/core").WritableSignal<string[]>;
+    /**
+     * Event emitter triggered when the dropdown should close.
+     * This is used to notify the parent component to close the dropdown.
+     */
+    closeEmitter: import("@angular/core").OutputEmitterRef<void>;
+    /**
+     * Reference to the host element of the component.
+     * This provides access to the DOM element of the options list.
+     */
+    el: ElementRef<any>;
+    /**
+     * Input for setting the maximum height of the dropdown.
+     * Defaults to '300px'. This controls the vertical size of the dropdown.
+     */
+    readonly maxHeight: import("@angular/core").InputSignal<string>;
+    /**
+     * Reference to the CDK Listbox directive.
+     * This is used to manage the options and their selection state.
+     */
+    listBox: CdkListbox<any>;
+    /**
+     * Reference to the list of options in the dropdown.
+     * This is a collection of `OptionComponent` instances representing the available options.
+     */
+    readonly options: import("@angular/core").Signal<readonly OptionComponent[]>;
+    /**
+     * Handles changes to the selected value in the listbox.
+     * This method updates the `value` signal, emits the `closeEmitter` event,
+     * and ensures the parent component is notified of the selection change.
+     *
+     * @param value - The new array of selected values.
+     */
+    handleValueChange(value: string[]): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectOptionsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectOptionsComponent, "ul[b-select-options]", never, { "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; }, { "closeEmitter": "closeEmitter"; }, ["options"], ["*"], true, [{ directive: typeof i1.CdkListbox; inputs: { "cdkListboxValue": "cdkListboxValue"; }; outputs: { "cdkListboxValueChange": "cdkListboxValueChange"; }; }, { directive: typeof i2.CdkTrapFocus; inputs: { "cdkTrapFocusAutoCapture": "cdkTrapFocusAutoCapture"; }; outputs: {}; }]>;
+}

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

@@ -1,48 +1,122 @@
-import { AfterViewInit, ElementRef, Renderer2 } from '@angular/core';
+import { CdkConnectedOverlay } from '@angular/cdk/overlay';
+import { OnInit } from '@angular/core';
+import { SelectOptionsComponent } from './select-options.component';
+import { Button } from '../button/button.component';
+import { ControlValueAccessor } from '@angular/forms';
 import * as i0 from "@angular/core";
-export declare class Select implements AfterViewInit {
+/**
+ * Component representing a custom select dropdown.
+ * This component provides a button to toggle the dropdown and displays the selected option(s).
+ */
+export declare class SelectComponent implements OnInit, ControlValueAccessor {
     /**
-     * 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 currently 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.
+     * This is used for managing focus and interactions.
      */
-    readonly disabled: import("@angular/core").ModelSignal<boolean>;
+    readonly button: import("@angular/core").Signal<Button | undefined>;
+    /**
+     * Reference to the content component of the dropdown.
+     * This contains the list of selectable options.
+     */
+    readonly optionsList: import("@angular/core").Signal<SelectOptionsComponent | undefined>;
     /**
-     * The maximum width of the input.
+     * Computed signal representing the selected values from the dropdown.
+     * This is linked to the value of the `OptionsListComponent`.
+     */
+    readonly value: import("@angular/core").WritableSignal<string[] | undefined>;
+    /**
+     * 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.
+     * This is used to set the width of the dropdown overlay.
      */
-    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 disabled.
+     * When disabled, the dropdown cannot be opened or interacted with.
      */
-    readonly el: ElementRef<HTMLSelectElement>;
+    readonly disabled: import("@angular/core").ModelSignal<boolean>;
     /**
-     * Indicates whether the options dropdown is open.
+     * Computed signal representing the options available in the dropdown.
+     * This retrieves the options from the `OptionsListComponent`.
      */
-    readonly isOpen: import("@angular/core").WritableSignal<boolean>;
+    readonly options: import("@angular/core").Signal<readonly import("@basis-ng/primitives").OptionComponent[] | undefined>;
+    /**
+     * Computed signal representing the content of the selected option(s).
+     * If no option is selected, it returns the placeholder text.
+     */
+    readonly content: import("@angular/core").Signal<string | undefined>;
+    /**
+     * Signal representing the delay before closing the dropdown.
+     * This is used to provide a smooth transition when closing the dropdown.
+     */
+    readonly closeDelay: import("@angular/core").WritableSignal<number>;
+    /**
+     * Reference to the CdkConnectedOverlay directive.
+     * This is used to manage the positioning and visibility of the dropdown overlay.
+     */
+    readonly cdkConnectedOverlay: import("@angular/core").Signal<CdkConnectedOverlay | undefined>;
+    /**
+     * Lifecycle hook that is called after the component is initialized.
+     * It sets up the necessary subscriptions for handling value changes.
+     */
+    ngOnInit(): void;
+    /**
+     * Subscribes to the `closeEmitter` of the `OptionsListComponent` to handle
+     * changes to the selected value. This ensures the dropdown closes and the
+     * value is propagated to Angular Forms.
+     */
+    handleSelectedValueChange(): void;
+    /**
+     * Closes the dropdown with a transition effect and refocuses the button.
+     * This method sets the `isOpen` signal to `false` after a delay and removes
+     * the transition class from the overlay panel.
+     */
+    close(): void;
+    /**
+     * Callback function to propagate changes to the model.
+     * This is called whenever the value changes.
+     */
+    private onChange;
+    /**
+     * Callback function to mark the component as touched.
+     * This is called when the component loses focus.
+     */
+    private onTouched;
+    /**
+     * Writes a new value to the component.
+     * This method is called by Angular Forms to update the value of the select component.
+     * @param value - The new value to set.
+     */
+    writeValue(value: string[]): void;
     /**
-     * Reference to the renderer
-     * @private
+     * Registers a callback function to be called when the value changes.
+     * @param fn - The callback function.
      */
-    readonly renderer: Renderer2;
+    registerOnChange(fn: (value: string[]) => void): void;
     /**
-     * After the view has been initialized, set the value of the select.
+     * Registers a callback function to be called when the component is touched.
+     * @param fn - The callback function.
      */
-    ngAfterViewInit(): void;
+    registerOnTouched(fn: () => void): void;
     /**
-     * Handles the select change event.
-     * @param value - The value of the select.
+     * Sets the disabled state of the component.
+     * This method is called by Angular Forms to enable or disable the component.
+     * @param isDisabled - A boolean indicating whether the component should be disabled.
      */
-    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>;
+    setDisabledState(isDisabled: boolean): 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; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; }, ["optionsList"], ["*"], 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

@@ -1,4 +1,4 @@
-import { Position } from '../attached-box/types/position.type';
+import { Position } from '../../../shared/types/position.type';
 import * as i0 from "@angular/core";
 /**
  * TooltipComponent is a reusable UI component that displays a tooltip
@@ -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>;
 }