@beeq/core 1.10.0-beta.3 → 1.10.0-beta.5

package/dist/stencil.config.js

@@ -97,6 +97,7 @@ export const config = {
         react({
             /* ------------------------- React SSR output target ------------------------ */
             outDir: resolvePath('../beeq-react/ssr'),
+            clientModule: '@beeq/react',
             hydrateModule: '@beeq/core/dist/hydrate',
             customElementsDir,
         }),

package/dist/stencil.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"stencil.config.js","sourceRoot":"","sources":["../../../packages/beeq/stencil.config.ts"],"names":[],"mappings":"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","sourcesContent":["import { resolve } from 'path';\n\nimport { angularOutputTarget as angular } from '@stencil/angular-output-target';\nimport type { Config } from '@stencil/core';\nimport { reactOutputTarget as react } from '@stencil/react-output-target';\nimport { sass } from '@stencil/sass';\nimport { vueOutputTarget as vue } from '@stencil/vue-output-target';\nimport tailwind, { PluginConfigOpts, tailwindHMR } from 'stencil-tailwind-plugin';\n\nimport { angularValueAccessorBindings, generateCustomElementsJson, vueComponentModels } from './src/tools';\nimport tailwindConf from '../../tailwind.config';\n\nconst namespace = 'beeq';\nconst componentCorePackage = `@${namespace}/core`;\nconst customElementsDir = 'dist/components';\nconst resolvePath = (path: string) => resolve(__dirname, path).replace(/\\\\/g, '/');\n\nconst tailwindOpts: PluginConfigOpts = {\n  postcss: resolvePath('../../postcss.config.js'),\n  tailwindConf: tailwindConf,\n  stripComments: true,\n};\n\nexport const config: Config = {\n  namespace,\n  taskQueue: 'async',\n  buildDist: true,\n  enableCache: true,\n  cacheDir: resolvePath('../../.stencil'),\n  sourceMap: true,\n  globalStyle: resolvePath('./src/global/styles/default.scss'),\n  plugins: [\n    sass({\n      includePaths: [resolvePath('../../node_modules'), resolvePath('src/global/styles')],\n      injectGlobalPaths: [resolvePath('src/global/styles/mixins/index.scss')],\n      outputStyle: 'compressed',\n      sourceMap: true,\n      sourceMapEmbed: true,\n      sourceMapContents: true,\n      silenceDeprecations: ['import'],\n    }),\n    tailwind(tailwindOpts),\n    tailwindHMR({ tailwindConf }),\n  ],\n  outputTargets: [\n    { type: 'docs-readme' },\n    /**\n     * The output custom-elements.json file is used by Storybook to generate the documentation.\n     * @see packages/beeq/.storybook/custom-elements.json\n     */\n    { type: 'docs-custom', generator: generateCustomElementsJson },\n    {\n      type: 'dist',\n      copy: [\n        { src: '../README.md', dest: '../../README.md', warn: true },\n        { src: '../cem/*.*', dest: '../', warn: true },\n      ],\n    },\n    { type: 'dist-hydrate-script', dir: 'dist/hydrate' },\n    {\n      type: 'dist-custom-elements',\n      customElementsExportBehavior: 'single-export-module',\n      externalRuntime: false,\n      dir: customElementsDir,\n      minify: true,\n    },\n    {\n      type: 'www',\n      copy: [\n        { src: 'global/assets', dest: 'assets' },\n        { src: 'global/scripts', dest: 'scripts' },\n      ],\n      serviceWorker: null, // disable service workers\n    },\n    angular({\n      /* --------------------------- Angular output target -------------------------- */\n      componentCorePackage,\n      outputType: 'component', // Generate many component wrappers tied to a single Angular module (lazy/hydrated approach)\n      directivesProxyFile: resolvePath('../beeq-angular/src/directives/components.ts'),\n      directivesArrayFile: resolvePath('../beeq-angular/src/directives/index.ts'),\n      valueAccessorConfigs: angularValueAccessorBindings,\n      inlineProperties: true,\n      customElementsDir,\n    }),\n    angular({\n      /* -------------------- Angular Standalone output target -------------------- */\n      componentCorePackage,\n      outputType: 'standalone', // Generate a component with the standalone flag set to true.\n      directivesProxyFile: resolvePath('../beeq-angular/standalone/src/directives/components.ts'),\n      directivesArrayFile: resolvePath('../beeq-angular/standalone/src/directives/index.ts'),\n      valueAccessorConfigs: angularValueAccessorBindings,\n      customElementsDir,\n    }),\n    react({\n      /* --------------------------- React output target -------------------------- */\n      outDir: resolvePath('../beeq-react/src/'),\n      customElementsDir,\n    }),\n    react({\n      /* ------------------------- React SSR output target ------------------------ */\n      outDir: resolvePath('../beeq-react/ssr'),\n      hydrateModule: '@beeq/core/dist/hydrate',\n      customElementsDir,\n    }),\n    vue({\n      /* ---------------------------- Vue output target --------------------------- */\n      componentCorePackage,\n      proxiesFile: resolvePath('../beeq-vue/src/components.ts'),\n      includeImportCustomElements: true,\n      includePolyfills: false,\n      includeDefineCustomElements: false,\n      componentModels: vueComponentModels,\n      // hydrateModule: '@beeq/core/dist/hydrate',\n      customElementsDir,\n    }),\n  ],\n  extras: {\n    /**\n     * Details:\n     * https://stenciljs.com/docs/config-extras\n     */\n    enableImportInjection: true,\n    experimentalScopedSlotChanges: true,\n    experimentalSlotFixes: true,\n  },\n  testing: {\n    browserHeadless: 'shell',\n  },\n  preamble: 'Built by Endavans\\n© https://beeq.design - Apache 2 License.',\n  watchIgnoredRegex: /(custom-elements\\.)((d\\.ts)|(json))$/g,\n  devServer: {\n    openBrowser: false,\n    port: 8001,\n    reloadStrategy: 'pageReload',\n  },\n};\n"]}
+{"version":3,"file":"stencil.config.js","sourceRoot":"","sources":["../../../packages/beeq/stencil.config.ts"],"names":[],"mappings":"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","sourcesContent":["import { resolve } from 'path';\n\nimport { angularOutputTarget as angular } from '@stencil/angular-output-target';\nimport type { Config } from '@stencil/core';\nimport { reactOutputTarget as react } from '@stencil/react-output-target';\nimport { sass } from '@stencil/sass';\nimport { vueOutputTarget as vue } from '@stencil/vue-output-target';\nimport tailwind, { PluginConfigOpts, tailwindHMR } from 'stencil-tailwind-plugin';\n\nimport { angularValueAccessorBindings, generateCustomElementsJson, vueComponentModels } from './src/tools';\nimport tailwindConf from '../../tailwind.config';\n\nconst namespace = 'beeq';\nconst componentCorePackage = `@${namespace}/core`;\nconst customElementsDir = 'dist/components';\nconst resolvePath = (path: string) => resolve(__dirname, path).replace(/\\\\/g, '/');\n\nconst tailwindOpts: PluginConfigOpts = {\n  postcss: resolvePath('../../postcss.config.js'),\n  tailwindConf: tailwindConf,\n  stripComments: true,\n};\n\nexport const config: Config = {\n  namespace,\n  taskQueue: 'async',\n  buildDist: true,\n  enableCache: true,\n  cacheDir: resolvePath('../../.stencil'),\n  sourceMap: true,\n  globalStyle: resolvePath('./src/global/styles/default.scss'),\n  plugins: [\n    sass({\n      includePaths: [resolvePath('../../node_modules'), resolvePath('src/global/styles')],\n      injectGlobalPaths: [resolvePath('src/global/styles/mixins/index.scss')],\n      outputStyle: 'compressed',\n      sourceMap: true,\n      sourceMapEmbed: true,\n      sourceMapContents: true,\n      silenceDeprecations: ['import'],\n    }),\n    tailwind(tailwindOpts),\n    tailwindHMR({ tailwindConf }),\n  ],\n  outputTargets: [\n    { type: 'docs-readme' },\n    /**\n     * The output custom-elements.json file is used by Storybook to generate the documentation.\n     * @see packages/beeq/.storybook/custom-elements.json\n     */\n    { type: 'docs-custom', generator: generateCustomElementsJson },\n    {\n      type: 'dist',\n      copy: [\n        { src: '../README.md', dest: '../../README.md', warn: true },\n        { src: '../cem/*.*', dest: '../', warn: true },\n      ],\n    },\n    { type: 'dist-hydrate-script', dir: 'dist/hydrate' },\n    {\n      type: 'dist-custom-elements',\n      customElementsExportBehavior: 'single-export-module',\n      externalRuntime: false,\n      dir: customElementsDir,\n      minify: true,\n    },\n    {\n      type: 'www',\n      copy: [\n        { src: 'global/assets', dest: 'assets' },\n        { src: 'global/scripts', dest: 'scripts' },\n      ],\n      serviceWorker: null, // disable service workers\n    },\n    angular({\n      /* --------------------------- Angular output target -------------------------- */\n      componentCorePackage,\n      outputType: 'component', // Generate many component wrappers tied to a single Angular module (lazy/hydrated approach)\n      directivesProxyFile: resolvePath('../beeq-angular/src/directives/components.ts'),\n      directivesArrayFile: resolvePath('../beeq-angular/src/directives/index.ts'),\n      valueAccessorConfigs: angularValueAccessorBindings,\n      inlineProperties: true,\n      customElementsDir,\n    }),\n    angular({\n      /* -------------------- Angular Standalone output target -------------------- */\n      componentCorePackage,\n      outputType: 'standalone', // Generate a component with the standalone flag set to true.\n      directivesProxyFile: resolvePath('../beeq-angular/standalone/src/directives/components.ts'),\n      directivesArrayFile: resolvePath('../beeq-angular/standalone/src/directives/index.ts'),\n      valueAccessorConfigs: angularValueAccessorBindings,\n      customElementsDir,\n    }),\n    react({\n      /* --------------------------- React output target -------------------------- */\n      outDir: resolvePath('../beeq-react/src/'),\n      customElementsDir,\n    }),\n    react({\n      /* ------------------------- React SSR output target ------------------------ */\n      outDir: resolvePath('../beeq-react/ssr'),\n      clientModule: '@beeq/react',\n      hydrateModule: '@beeq/core/dist/hydrate',\n      customElementsDir,\n    }),\n    vue({\n      /* ---------------------------- Vue output target --------------------------- */\n      componentCorePackage,\n      proxiesFile: resolvePath('../beeq-vue/src/components.ts'),\n      includeImportCustomElements: true,\n      includePolyfills: false,\n      includeDefineCustomElements: false,\n      componentModels: vueComponentModels,\n      // hydrateModule: '@beeq/core/dist/hydrate',\n      customElementsDir,\n    }),\n  ],\n  extras: {\n    /**\n     * Details:\n     * https://stenciljs.com/docs/config-extras\n     */\n    enableImportInjection: true,\n    experimentalScopedSlotChanges: true,\n    experimentalSlotFixes: true,\n  },\n  testing: {\n    browserHeadless: 'shell',\n  },\n  preamble: 'Built by Endavans\\n© https://beeq.design - Apache 2 License.',\n  watchIgnoredRegex: /(custom-elements\\.)((d\\.ts)|(json))$/g,\n  devServer: {\n    openBrowser: false,\n    port: 8001,\n    reloadStrategy: 'pageReload',\n  },\n};\n"]}

package/dist/types/components/button/bq-button.d.ts

@@ -97,11 +97,11 @@ export declare class BqButton {
     /** The variant of button to apply on top of the appearance (applicable only to `appearance="primary"`) */
     variant: TButtonVariant;
     checkPropValues(): void;
-    /** Handler to be called when the button loses focus */
+    /** Handler to be called when the button loses focus. */
     bqBlur: EventEmitter<HTMLBqButtonElement>;
-    /** Handler to be called when the button is clicked */
+    /** Handler to be called when the button gets focus. */
     bqFocus: EventEmitter<HTMLBqButtonElement>;
-    /** Handler to be called when button gets focus */
+    /** Handler to be called when the button is clicked. */
     bqClick: EventEmitter<HTMLBqButtonElement>;
     componentWillLoad(): void;
     componentDidLoad(): void;

package/dist/types/components/date-picker/bq-date-picker.d.ts

@@ -127,6 +127,7 @@ import type { TInputValidation } from '../input/bq-input.types';
 export declare class BqDatePicker {
     private callyElem?;
     private inputElem?;
+    private isInternalUpdate;
     private labelElem?;
     private prefixElem?;
     private suffixElem?;
@@ -220,7 +221,7 @@ export declare class BqDatePicker {
     /** The select input value represents the currently selected date or range and can be used to reset the field to a previous value.
      * All dates are expected in ISO-8601 format (YYYY-MM-DD). */
     value: string;
-    handleValueChange(): void;
+    handleValueChange(newValue: string, oldValue: string): void;
     checkPropValues(): void;
     /** Callback handler emitted when the input loses focus */
     bqBlur: EventEmitter<HTMLBqDatePickerElement>;
@@ -236,8 +237,9 @@ export declare class BqDatePicker {
     bqClear: EventEmitter<HTMLBqDatePickerElement>;
     /** Callback handler emitted when the input has received focus */
     bqFocus: EventEmitter<HTMLBqDatePickerElement>;
-    connectedCallback(): Promise<void>;
-    componentDidLoad(): Promise<void>;
+    componentWillLoad(): Promise<void>;
+    componentDidLoad(): void;
+    componentDidRender(): void;
     formAssociatedCallback(): void;
     formResetCallback(): void;
     handleOpenChange(ev: CustomEvent<{

package/dist/types/components/radio/bq-radio.d.ts

@@ -41,12 +41,14 @@ import type { EventEmitter } from '../../stencil-public-runtime';
 export declare class BqRadio {
     private inputElement;
     el: HTMLBqRadioElement;
+    /** If true radio displays background on hover */
+    backgroundOnHover: boolean;
     /** If true radio input is checked */
-    checked?: boolean;
+    checked: boolean;
     /** If true radio input is disabled */
-    disabled?: boolean;
-    /** If true radio displays background on hover */
-    backgroundOnHover?: boolean;
+    disabled: boolean;
+    /** @internal Used by the radio-group parent component to force the disabled state of the radio input */
+    forceDisabled: boolean;
     /** The form ID that the radio input is associated with */
     formId?: string;
     /** Name of the HTML input form control. Submitted with the form as part of a name/value pair.  */
@@ -56,13 +58,19 @@ export declare class BqRadio {
     /** A string representing the value of the radio. */
     value: string;
     /** Handler to be called when the radio state changes */
-    bqClick: EventEmitter<HTMLBqRadioElement>;
+    bqClick: EventEmitter<{
+        value: string;
+        target: HTMLBqRadioElement;
+    }>;
     /** Handler to be called when the radio gets focus */
     bqFocus: EventEmitter<HTMLBqRadioElement>;
     /** Handler to be called when the radio loses focus */
     bqBlur: EventEmitter<HTMLBqRadioElement>;
     /** Handler to be called when the radio key is pressed */
-    bqKeyDown: EventEmitter<KeyboardEvent>;
+    bqKeyDown: EventEmitter<{
+        key: string;
+        target: HTMLBqRadioElement;
+    }>;
     /**
      * Simulate a click event on the native `<input>` HTML element used under the hood.
      * Use this method instead of the global `element.click()`.
@@ -86,6 +94,6 @@ export declare class BqRadio {
     private handleOnFocus;
     private handleOnBlur;
     private handleOnKeyDown;
-    private get tabindex();
+    private get isDisabled();
     render(): any;
 }

package/dist/types/components/radio-group/bq-radio-group.d.ts

@@ -40,50 +40,91 @@ import type { TRadioGroupOrientation } from './bq-radio-group.types';
  * @part group - The `<div>` element that holds the radio inputs.
  */
 export declare class BqRadioGroup {
-    private focusedBqRadio;
+    private initialValue?;
     private debouncedBqChange;
+    private focusedBqRadio;
+    private readonly radioElementsSet;
+    private cachedRadioElements;
     internals: ElementInternals;
     el: HTMLBqRadioGroupElement;
+    checkedRadio?: HTMLBqRadioElement;
+    tabIndex: '0' | '-1';
     /** If true, all radio inputs in the group will display a background on hover */
-    backgroundOnHover?: boolean;
+    backgroundOnHover: boolean;
     /** A number representing the delay time (in milliseconds) that `bqChange` event handler gets triggered once the value change */
     debounceTime: number;
     /** If true radio inputs are disabled */
-    disabled?: boolean;
+    disabled: boolean;
     /** If true displays fieldset */
-    fieldset?: boolean;
+    fieldset: boolean;
     /** Name of the HTML input form control. Submitted with the form as part of a name/value pair.  */
     name: string;
     /** The display orientation of the radio inputs */
-    orientation?: TRadioGroupOrientation;
+    orientation: TRadioGroupOrientation;
     /** If true, the radio group is required */
-    required?: boolean;
+    required: boolean;
     /** The native form validation message when the radio group is required */
     requiredValidationMessage?: string;
     /** A string representing the value of the radio. */
     value?: string;
+    handleDebounceTimeChange(): void;
+    handleDisabledChange(): void;
     handleGroupProperties(): void;
     checkPropValues(): void;
-    checkDebounceChange(): void;
-    handleRequiredChange(): Promise<void>;
+    handleRequiredChange(): void;
+    handleValueChange(): void;
     /** Handler to be called when the radio state changes */
     bqChange: EventEmitter<{
         value: string;
         target: HTMLBqRadioElement;
     }>;
     componentWillLoad(): void;
-    componentDidLoad(): void;
-    formAssociatedCallback(): Promise<void>;
+    disconnectedCallback(): void;
+    formAssociatedCallback(): void;
     formResetCallback(): void;
-    onMouseDown(event: MouseEvent): void;
-    onBqClick(event: CustomEvent<HTMLBqRadioElement>): void;
-    onBqKeyDown(event: CustomEvent<KeyboardEvent>): void;
+    onBqClick(event: CustomEvent<{
+        value: string;
+        target: HTMLBqRadioElement;
+    }>): Promise<void>;
+    onBqKeyDown(event: CustomEvent<{
+        key: string;
+        target: HTMLBqRadioElement;
+    }>): void;
     onBqFocus(event: CustomEvent<HTMLBqRadioElement>): void;
     onBqBlur(event: CustomEvent<HTMLBqRadioElement>): void;
+    /**
+     * Initializes the radio elements set by querying the host element for `ds-radio` elements.
+     * This is done to avoid re-querying the host element for radio elements on every change.
+     */
+    private initializeRadioElements;
+    /**
+     * Sets tabIndex for all radio elements based on current state
+     * Handles all scenarios: disabled state, checked radio, value matching, fallback to first
+     */
+    private updateRadioTabIndexes;
+    /**
+     * Updates the radio selection and focus.
+     * @param target - The radio element to update.
+     */
+    private updateRadioSelection;
+    /**
+     * Synchronizes properties of child radio elements with the group's state.
+     */
+    private updateRadioProperties;
+    /**
+     * Focuses the next/previous radio element in the group based on the current target.
+     * Handles circular navigation and skips disabled elements.
+     * @param currentTarget - The currently focused radio element
+     * @param direction - The navigation direction ('forward' | 'backward')
+     */
     private focusRadioInputSibling;
-    private setCheckedRadioItem;
-    private getNextRadioElement;
     private updateFormValidity;
-    private get bqRadioElements();
+    /**
+     * Updates the custom states based on the component properties.
+     * The custom states can be used to style the component based on the component properties.
+     * The custom states are `disabled`, based on the component properties.
+     */
+    private updateCustomStates;
+    private handleSlotChange;
     render(): any;
 }

package/dist/types/components/side-menu-item/bq-side-menu-item.d.ts

@@ -16,7 +16,7 @@ import type { EventEmitter } from '../../stencil-public-runtime';
  * @dependency bq-tooltip
  *
  * @attr {boolean} active - If `true`, the menu item will be shown as active/selected.
- * @attr {boolean} collapse - If `true`, the item label and suffix will be hidden and the with will be reduced according to its parent.
+ * @attr {boolean} collapse - If `true`, the item label and suffix will be hidden and the `width` will be reduced according to its parent.
  * @attr {boolean} disabled - If `true`, the menu item will be disabled (no interaction allowed).
  *
  * @event bqBlur - Handler to be called when the button loses focus.
@@ -35,12 +35,9 @@ import type { EventEmitter } from '../../stencil-public-runtime';
  * @part trigger - The `<div>` container that holds the element which displays tooltip on hover (when the side menu is collapsed)
  *
  * @cssprop --bq-side-menu-item--bg-default - Side menu item default background color
- * @cssprop --bq-side-menu-item--bg-hover - Side menu item hover background color
  * @cssprop --bq-side-menu-item--bg-active - Side menu item active background color
  * @cssprop --bq-side-menu-item--text-default - Side menu item default text color
- * @cssprop --bq-side-menu-item--text-hover - Side menu item hover text color
  * @cssprop --bq-side-menu-item--text-active - Side menu item active text color
- * @cssprop --bq-side-menu-item--text-disabled - Side menu item disable text color
  * @cssprop --bq-side-menu-item--paddingX - Side menu item vertical padding
  * @cssprop --bq-side-menu-item--paddingY - Side menu item horizontal padding
  */
@@ -50,7 +47,7 @@ export declare class BqSideMenuItem {
     textContent: string;
     /** If true, the menu item will be shown as active/selected. */
     active: boolean;
-    /** If true, the item label and suffix will be hidden and the with will be reduce according to its parent */
+    /** If true, the item label and suffix will be hidden and the `width` will be reduced according to its parent. */
     collapse: boolean;
     /** If true, the menu item will be disabled (no interaction allowed) */
     disabled: boolean;

package/dist/types/components/step-item/bq-step-item.d.ts

@@ -47,16 +47,20 @@ export declare class BqStepItem {
     /** It defines the step item type used */
     type?: TStepsType;
     checkPropValues(): void;
-    /** Callback handler emitted when the step item is clicked */
-    bqClick: EventEmitter<{
-        target: HTMLBqStepItemElement;
-        value: string;
-    }>;
+    /** Callback handler triggered when the step item is clicked */
+    bqClick: EventEmitter<HTMLBqStepItemElement>;
+    /** Callback handler triggered when the step item is focused */
+    bqFocus: EventEmitter<HTMLBqStepItemElement>;
+    /** Callback handler triggered when the step item loses focus */
+    bqBlur: EventEmitter<HTMLBqStepItemElement>;
     connectedCallback(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
+    private handleFocus;
+    private handleBlur;
+    private handleClick;
+    private handleIconPrefix;
     private get isDisabled();
     private get isCurrent();
-    private handleIconPrefix;
     render(): any;
 }

package/dist/types/components/steps/bq-steps.d.ts

@@ -43,6 +43,11 @@ export declare class BqSteps {
     type: TStepsType;
     checkPropValues(): void;
     componentDidLoad(): void;
+    /**
+     * Set the current step item.
+     * @param newCurrentStep - The step item to set as current.
+     */
+    setCurrentStepItem(newCurrentStep: HTMLBqStepItemElement): Promise<void>;
     private get bqSteps();
     private setStepItemProps;
     render(): any;

package/dist/types/components.d.ts

@@ -1892,16 +1892,21 @@ export namespace Components {
           * If true radio displays background on hover
           * @default false
          */
-        "backgroundOnHover"?: boolean;
+        "backgroundOnHover": boolean;
         /**
           * If true radio input is checked
+          * @default false
          */
-        "checked"?: boolean;
+        "checked": boolean;
         /**
           * If true radio input is disabled
           * @default false
          */
-        "disabled"?: boolean;
+        "disabled": boolean;
+        /**
+          * @default false
+         */
+        "forceDisabled": boolean;
         /**
           * The form ID that the radio input is associated with
          */
@@ -1967,7 +1972,7 @@ export namespace Components {
           * If true, all radio inputs in the group will display a background on hover
           * @default false
          */
-        "backgroundOnHover"?: boolean;
+        "backgroundOnHover": boolean;
         /**
           * A number representing the delay time (in milliseconds) that `bqChange` event handler gets triggered once the value change
           * @default 0
@@ -1977,12 +1982,12 @@ export namespace Components {
           * If true radio inputs are disabled
           * @default false
          */
-        "disabled"?: boolean;
+        "disabled": boolean;
         /**
           * If true displays fieldset
           * @default false
          */
-        "fieldset"?: boolean;
+        "fieldset": boolean;
         /**
           * Name of the HTML input form control. Submitted with the form as part of a name/value pair.
          */
@@ -1991,12 +1996,12 @@ export namespace Components {
           * The display orientation of the radio inputs
           * @default 'vertical'
          */
-        "orientation"?: TRadioGroupOrientation;
+        "orientation": TRadioGroupOrientation;
         /**
           * If true, the radio group is required
           * @default false
          */
-        "required"?: boolean;
+        "required": boolean;
         /**
           * The native form validation message when the radio group is required
          */
@@ -2271,18 +2276,15 @@ export namespace Components {
      * @status stable
      * @dependency bq-tooltip
      * @attr {boolean} active - If `true`, the menu item will be shown as active/selected.
-     * @attr {boolean} collapse - If `true`, the item label and suffix will be hidden and the with will be reduced according to its parent.
+     * @attr {boolean} collapse - If `true`, the item label and suffix will be hidden and the `width` will be reduced according to its parent.
      * @attr {boolean} disabled - If `true`, the menu item will be disabled (no interaction allowed).
      * @event bqBlur - Handler to be called when the button loses focus.
      * @event bqClick - Handler to be called when the button gets focused.
      * @event bqFocus - Handler to be called when the button is clicked.
      * @cssprop --bq-side-menu-item--bg-default - Side menu item default background color
-     * @cssprop --bq-side-menu-item--bg-hover - Side menu item hover background color
      * @cssprop --bq-side-menu-item--bg-active - Side menu item active background color
      * @cssprop --bq-side-menu-item--text-default - Side menu item default text color
-     * @cssprop --bq-side-menu-item--text-hover - Side menu item hover text color
      * @cssprop --bq-side-menu-item--text-active - Side menu item active text color
-     * @cssprop --bq-side-menu-item--text-disabled - Side menu item disable text color
      * @cssprop --bq-side-menu-item--paddingX - Side menu item vertical padding
      * @cssprop --bq-side-menu-item--paddingY - Side menu item horizontal padding
      */
@@ -2293,7 +2295,7 @@ export namespace Components {
          */
         "active": boolean;
         /**
-          * If true, the item label and suffix will be hidden and the with will be reduce according to its parent
+          * If true, the item label and suffix will be hidden and the `width` will be reduced according to its parent.
           * @default false
          */
         "collapse": boolean;
@@ -2518,6 +2520,11 @@ export namespace Components {
           * @default 'stroke--primary'
          */
         "dividerColor": string;
+        /**
+          * Set the current step item.
+          * @param newCurrentStep - The step item to set as current.
+         */
+        "setCurrentStepItem": (newCurrentStep: HTMLBqStepItemElement) => Promise<void>;
         /**
           * The size of the steps
           * @default 'medium'
@@ -4499,10 +4506,10 @@ declare global {
         new (): HTMLBqProgressElement;
     };
     interface HTMLBqRadioElementEventMap {
-        "bqClick": HTMLBqRadioElement;
+        "bqClick": { value: string; target: HTMLBqRadioElement };
         "bqFocus": HTMLBqRadioElement;
         "bqBlur": HTMLBqRadioElement;
-        "bqKeyDown": KeyboardEvent;
+        "bqKeyDown": { key: string; target: HTMLBqRadioElement };
     }
     /**
      * The radio button is a user interface element that allows users to select a single option.
@@ -4753,18 +4760,15 @@ declare global {
      * @status stable
      * @dependency bq-tooltip
      * @attr {boolean} active - If `true`, the menu item will be shown as active/selected.
-     * @attr {boolean} collapse - If `true`, the item label and suffix will be hidden and the with will be reduced according to its parent.
+     * @attr {boolean} collapse - If `true`, the item label and suffix will be hidden and the `width` will be reduced according to its parent.
      * @attr {boolean} disabled - If `true`, the menu item will be disabled (no interaction allowed).
      * @event bqBlur - Handler to be called when the button loses focus.
      * @event bqClick - Handler to be called when the button gets focused.
      * @event bqFocus - Handler to be called when the button is clicked.
      * @cssprop --bq-side-menu-item--bg-default - Side menu item default background color
-     * @cssprop --bq-side-menu-item--bg-hover - Side menu item hover background color
      * @cssprop --bq-side-menu-item--bg-active - Side menu item active background color
      * @cssprop --bq-side-menu-item--text-default - Side menu item default text color
-     * @cssprop --bq-side-menu-item--text-hover - Side menu item hover text color
      * @cssprop --bq-side-menu-item--text-active - Side menu item active text color
-     * @cssprop --bq-side-menu-item--text-disabled - Side menu item disable text color
      * @cssprop --bq-side-menu-item--paddingX - Side menu item vertical padding
      * @cssprop --bq-side-menu-item--paddingY - Side menu item horizontal padding
      */
@@ -4878,7 +4882,9 @@ declare global {
         new (): HTMLBqStatusElement;
     };
     interface HTMLBqStepItemElementEventMap {
-        "bqClick": { target: HTMLBqStepItemElement; value: string };
+        "bqClick": HTMLBqStepItemElement;
+        "bqFocus": HTMLBqStepItemElement;
+        "bqBlur": HTMLBqStepItemElement;
     }
     /**
      * The Step Item Component is a UI element used to display a single step or stage in a process or task.
@@ -5931,15 +5937,15 @@ declare namespace LocalJSX {
          */
         "loading"?: boolean;
         /**
-          * Handler to be called when the button loses focus
+          * Handler to be called when the button loses focus.
          */
         "onBqBlur"?: (event: BqButtonCustomEvent<HTMLBqButtonElement>) => void;
         /**
-          * Handler to be called when button gets focus
+          * Handler to be called when the button is clicked.
          */
         "onBqClick"?: (event: BqButtonCustomEvent<HTMLBqButtonElement>) => void;
         /**
-          * Handler to be called when the button is clicked
+          * Handler to be called when the button gets focus.
          */
         "onBqFocus"?: (event: BqButtonCustomEvent<HTMLBqButtonElement>) => void;
         /**
@@ -7341,6 +7347,7 @@ declare namespace LocalJSX {
         "backgroundOnHover"?: boolean;
         /**
           * If true radio input is checked
+          * @default false
          */
         "checked"?: boolean;
         /**
@@ -7363,7 +7370,7 @@ declare namespace LocalJSX {
         /**
           * Handler to be called when the radio state changes
          */
-        "onBqClick"?: (event: BqRadioCustomEvent<HTMLBqRadioElement>) => void;
+        "onBqClick"?: (event: BqRadioCustomEvent<{ value: string; target: HTMLBqRadioElement }>) => void;
         /**
           * Handler to be called when the radio gets focus
          */
@@ -7371,7 +7378,7 @@ declare namespace LocalJSX {
         /**
           * Handler to be called when the radio key is pressed
          */
-        "onBqKeyDown"?: (event: BqRadioCustomEvent<KeyboardEvent>) => void;
+        "onBqKeyDown"?: (event: BqRadioCustomEvent<{ key: string; target: HTMLBqRadioElement }>) => void;
         /**
           * If `true`, it will indicate that the user must specify a value for the radio before the owning form can be submitted
          */
@@ -7732,18 +7739,15 @@ declare namespace LocalJSX {
      * @status stable
      * @dependency bq-tooltip
      * @attr {boolean} active - If `true`, the menu item will be shown as active/selected.
-     * @attr {boolean} collapse - If `true`, the item label and suffix will be hidden and the with will be reduced according to its parent.
+     * @attr {boolean} collapse - If `true`, the item label and suffix will be hidden and the `width` will be reduced according to its parent.
      * @attr {boolean} disabled - If `true`, the menu item will be disabled (no interaction allowed).
      * @event bqBlur - Handler to be called when the button loses focus.
      * @event bqClick - Handler to be called when the button gets focused.
      * @event bqFocus - Handler to be called when the button is clicked.
      * @cssprop --bq-side-menu-item--bg-default - Side menu item default background color
-     * @cssprop --bq-side-menu-item--bg-hover - Side menu item hover background color
      * @cssprop --bq-side-menu-item--bg-active - Side menu item active background color
      * @cssprop --bq-side-menu-item--text-default - Side menu item default text color
-     * @cssprop --bq-side-menu-item--text-hover - Side menu item hover text color
      * @cssprop --bq-side-menu-item--text-active - Side menu item active text color
-     * @cssprop --bq-side-menu-item--text-disabled - Side menu item disable text color
      * @cssprop --bq-side-menu-item--paddingX - Side menu item vertical padding
      * @cssprop --bq-side-menu-item--paddingY - Side menu item horizontal padding
      */
@@ -7754,7 +7758,7 @@ declare namespace LocalJSX {
          */
         "active"?: boolean;
         /**
-          * If true, the item label and suffix will be hidden and the with will be reduce according to its parent
+          * If true, the item label and suffix will be hidden and the `width` will be reduced according to its parent.
           * @default false
          */
         "collapse"?: boolean;
@@ -7962,9 +7966,17 @@ declare namespace LocalJSX {
      */
     interface BqStepItem {
         /**
-          * Callback handler emitted when the step item is clicked
+          * Callback handler triggered when the step item loses focus
+         */
+        "onBqBlur"?: (event: BqStepItemCustomEvent<HTMLBqStepItemElement>) => void;
+        /**
+          * Callback handler triggered when the step item is clicked
+         */
+        "onBqClick"?: (event: BqStepItemCustomEvent<HTMLBqStepItemElement>) => void;
+        /**
+          * Callback handler triggered when the step item is focused
          */
-        "onBqClick"?: (event: BqStepItemCustomEvent<{ target: HTMLBqStepItemElement; value: string }>) => void;
+        "onBqFocus"?: (event: BqStepItemCustomEvent<HTMLBqStepItemElement>) => void;
         /**
           * It defines prefix size
           * @default 'medium'
@@ -9817,18 +9829,15 @@ declare module "@stencil/core" {
              * @status stable
              * @dependency bq-tooltip
              * @attr {boolean} active - If `true`, the menu item will be shown as active/selected.
-             * @attr {boolean} collapse - If `true`, the item label and suffix will be hidden and the with will be reduced according to its parent.
+             * @attr {boolean} collapse - If `true`, the item label and suffix will be hidden and the `width` will be reduced according to its parent.
              * @attr {boolean} disabled - If `true`, the menu item will be disabled (no interaction allowed).
              * @event bqBlur - Handler to be called when the button loses focus.
              * @event bqClick - Handler to be called when the button gets focused.
              * @event bqFocus - Handler to be called when the button is clicked.
              * @cssprop --bq-side-menu-item--bg-default - Side menu item default background color
-             * @cssprop --bq-side-menu-item--bg-hover - Side menu item hover background color
              * @cssprop --bq-side-menu-item--bg-active - Side menu item active background color
              * @cssprop --bq-side-menu-item--text-default - Side menu item default text color
-             * @cssprop --bq-side-menu-item--text-hover - Side menu item hover text color
              * @cssprop --bq-side-menu-item--text-active - Side menu item active text color
-             * @cssprop --bq-side-menu-item--text-disabled - Side menu item disable text color
              * @cssprop --bq-side-menu-item--paddingX - Side menu item vertical padding
              * @cssprop --bq-side-menu-item--paddingY - Side menu item horizontal padding
              */

package/dist/types/shared/test-utils/index.d.ts

@@ -1,3 +1,4 @@
 export * from './computedStyle';
 export * from './setProperties';
 export * from './sleep';
+export * from './waitForSvgLoad';

package/dist/types/shared/test-utils/setProperties.d.ts

@@ -9,4 +9,4 @@ export type BqHTMLTagNameMap = keyof {
  * @param {Object} attributes - attributes that will be set on element instance
  * @returns {Object} attributes that were set on element instance
  */
-export declare const setProperties: <T extends keyof HTMLElementTagNameMap = "bq-checkbox" | "bq-switch" | "bq-radio-group" | "bq-select" | "bq-date-picker" | "bq-textarea" | "bq-input" | "bq-slider" | "bq-accordion" | "bq-accordion-group" | "bq-alert" | "bq-avatar" | "bq-badge" | "bq-breadcrumb" | "bq-breadcrumb-item" | "bq-button" | "bq-card" | "bq-dialog" | "bq-divider" | "bq-drawer" | "bq-dropdown" | "bq-empty-state" | "bq-icon" | "bq-notification" | "bq-option" | "bq-option-group" | "bq-option-list" | "bq-page-title" | "bq-panel" | "bq-progress" | "bq-radio" | "bq-side-menu" | "bq-side-menu-item" | "bq-spinner" | "bq-status" | "bq-step-item" | "bq-steps" | "bq-tab" | "bq-tab-group" | "bq-tag" | "bq-toast" | "bq-tooltip">(page: E2EPage, element: T, attributes: Partial<HTMLElementTagNameMap[T]>) => Promise<{}>;
+export declare const setProperties: <T extends keyof HTMLElementTagNameMap = "bq-checkbox" | "bq-switch" | "bq-radio-group" | "bq-select" | "bq-date-picker" | "bq-textarea" | "bq-input" | "bq-slider" | "bq-accordion" | "bq-accordion-group" | "bq-alert" | "bq-avatar" | "bq-badge" | "bq-breadcrumb" | "bq-breadcrumb-item" | "bq-button" | "bq-card" | "bq-dialog" | "bq-divider" | "bq-drawer" | "bq-dropdown" | "bq-empty-state" | "bq-icon" | "bq-notification" | "bq-option" | "bq-option-group" | "bq-option-list" | "bq-page-title" | "bq-panel" | "bq-progress" | "bq-radio" | "bq-side-menu" | "bq-side-menu-item" | "bq-spinner" | "bq-status" | "bq-step-item" | "bq-steps" | "bq-tab" | "bq-tab-group" | "bq-tag" | "bq-toast" | "bq-tooltip">(page: E2EPage, element: T, attributes: Partial<HTMLElementTagNameMap[T]>) => Promise<Record<string, unknown>>;

package/dist/types/shared/test-utils/waitForSvgLoad.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Options for SVG loading wait function
+ */
+interface WaitForSvgLoadOptions {
+    /** Timeout in milliseconds (default: 15000) */
+    timeout?: number;
+    /** Additional properties to set on the icon element */
+    properties?: Partial<HTMLBqIconElement>;
+}
+/**
+ * Waits for SVG content to load in a bq-icon component
+ * This function is designed to be used with page.$eval() in E2E tests
+ *
+ * @param {HTMLBqIconElement} element - The HTMLBqIconElement instance
+ * @param {WaitForSvgLoadOptions} options - Configuration options
+ * @returns {Promise<void>} Promise that resolves when SVG is loaded
+ */
+export declare const waitForSvgLoad: (element: HTMLBqIconElement, options?: WaitForSvgLoadOptions) => Promise<void>;
+export {};

package/dist/types/shared/utils/getNextElement.d.ts

@@ -2,8 +2,8 @@
  * Gets the next element that is not disabled
  *
  * @param {Array} elements - The array to search in
- * @param {Numebr} startAt - Position to start at
- * @param {String} direction - The direction to look on
+ * @param {number} startAt - Position to start at
+ * @param {string} direction - The direction to look on
  * @returns {Element} Next available element
  */
 export declare const getNextElement: <T extends {