@cube-dev/ui-kit 0.165.0 → 0.167.0

package/dist/components/fields/ListBoxPopover/ListBoxPopover.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
 import { Portal } from "../../portal/Portal.js";

package/dist/components/fields/ListBoxPopover/index.d.ts

@@ -1,3 +1,4 @@
 
 import "./ListBoxPopover.js";
+import "./useCompositeFocus.js";
 import { ListStateLike, TextFilterFn } from "./listNavigation.js";

package/dist/components/fields/ListBoxPopover/listNavigation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 //#region src/components/fields/ListBoxPopover/listNavigation.ts
 /**
 * Walks a collection (possibly nested under sections) and collects the keys of

package/dist/components/fields/ListBoxPopover/useCompositeFocus.d.ts

@@ -0,0 +1,2 @@
+
+import React, { RefObject } from "react";

package/dist/components/fields/ListBoxPopover/useCompositeFocus.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { useCallback, useEffect, useRef } from "react";
 
 //#region src/components/fields/ListBoxPopover/useCompositeFocus.ts

package/dist/components/fields/NumberInput/NumberInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
 import { castNullableNumberValue } from "../../../utils/react/nullableValue.js";

package/dist/components/fields/NumberInput/StepButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { useI18n } from "../../../i18n/useI18n.js";
 import { DirectionIcon } from "../../../icons/DirectionIcon.js";
 import { Button } from "../../actions/index.js";

package/dist/components/fields/PasswordInput/PasswordInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useBufferedValue } from "../../../utils/react/useBufferedValue.js";

package/dist/components/fields/Picker/Picker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Text } from "../../content/Text.js";

package/dist/components/fields/RadioGroup/Radio.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useFocus as useFocus$1 } from "../../../utils/react/interactions.js";

package/dist/components/fields/RadioGroup/RadioGroup.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { FormContext } from "../../form/Form/Form.js";

package/dist/components/fields/RadioGroup/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/fields/RadioGroup/context.ts

package/dist/components/fields/SearchComboBox/SearchComboBox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";

package/dist/components/fields/SearchInput/SearchInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useBufferedValue } from "../../../utils/react/useBufferedValue.js";

package/dist/components/fields/Select/Select.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { forwardRefWithGenerics } from "../../../utils/react/forwardRefWithGenerics.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";

package/dist/components/fields/Slider/Gradation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { SliderGradationElement, SliderGradeElement } from "./elements.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/fields/Slider/HueSlider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { __Slider } from "./Slider.js";
 import { forwardRef, useCallback, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/Slider/RangeSlider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { Gradation } from "./Gradation.js";
 import { _SliderBase } from "./SliderBase.js";
 import { SliderThumb } from "./SliderThumb.js";

package/dist/components/fields/Slider/Slider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { Gradation } from "./Gradation.js";

package/dist/components/fields/Slider/SliderBase.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { forwardRefWithGenerics } from "../../../utils/react/forwardRefWithGenerics.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";

package/dist/components/fields/Slider/SliderThumb.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { getValidationMods } from "../../form/validation/resolve-validation-props.js";
 import { SliderThumbElement } from "./elements.js";

package/dist/components/fields/Slider/SliderTrack.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { getValidationMods } from "../../form/validation/resolve-validation-props.js";
 import { SliderTrackContainerElement } from "./elements.js";
 import { useMemo } from "react";

package/dist/components/fields/Slider/elements.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 
 //#region src/components/fields/Slider/elements.ts

package/dist/components/fields/Slider/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { __RangeSlider } from "./RangeSlider.js";
 import { __Slider } from "./Slider.js";
 import { __HueSlider } from "./HueSlider.js";

package/dist/components/fields/Switch/Switch.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useId as useId$2 } from "../../../utils/react/useId.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";

package/dist/components/fields/TextArea/TextArea.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useBufferedValue } from "../../../utils/react/useBufferedValue.js";

package/dist/components/fields/TextInput/TextInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useBufferedValue } from "../../../utils/react/useBufferedValue.js";

package/dist/components/fields/TextInput/TextInputBase.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

package/dist/components/fields/TextInput/useAutoSizeTextArea.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useEffect, useLayoutEffect, useRef } from "react";
 

package/dist/components/fields/TextInputMapper/TextInputMapper.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/fields/color/ColorPanel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { formatColor, getContrastingColor, toHex } from "./color.js";
 import { CHANNELS, COLOR_SPACES, COLOR_SPACE_HINTS, COLOR_SPACE_LABELS } from "./channels.js";

package/dist/components/fields/color/channels.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { fromOkhst, fromOklch, fromRgb, isAchromatic, maxChroma, normalizeHue, toHex, toOkhst, toOklch, toRgb } from "./color.js";
 
 //#region src/components/fields/color/channels.ts

package/dist/components/fields/color/color.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { contrastRatioFromLuminance, formatHsl, formatOkhsl, formatOkhst, formatOklch, formatRgb, hslToSrgb, okhslToLinearSrgb, okhslToOkhst, okhslToOklch, okhslToSrgb, okhstToOkhsl, oklabToOkhsl, parseHexAlpha, relativeLuminanceFromLinearRgb, srgbToHex, srgbToOkhsl } from "@tenphi/glaze";
 
 //#region src/components/fields/color/color.ts

package/dist/components/fields/color/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/fields/color/context.ts

package/dist/components/form/FieldWrapper/FieldWrapper.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { wrapNodeIfPlain } from "../../../utils/react/wrapNodeIfPlain.js";
 import { _Text } from "../../content/Text.js";

package/dist/components/form/Form/Field.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { warn } from "../../../utils/warnings.js";
 import { useValidationProps } from "../validation/use-validation-props.js";

package/dist/components/form/Form/Form.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { Provider, useProviderProps } from "../../../provider.js";

package/dist/components/form/Form/ResetButton/ResetButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { mergeProps } from "../../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../../_internal/hooks/use-event.js";
 import { useProviderProps } from "../../../../provider.js";

package/dist/components/form/Form/SubmitButton/SubmitButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { useProviderProps } from "../../../../provider.js";
 import { Button } from "../../../actions/Button/Button.js";
 import { useFormProps } from "../Form.js";

package/dist/components/form/Form/SubmitError.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { useI18n } from "../../../i18n/useI18n.js";
 import { FormContext } from "./Form.js";
 import { Alert } from "../../content/Alert/Alert.js";

package/dist/components/form/Form/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { useForm } from "./use-form.js";
 import { FormContext, _Form, useFormProps } from "./Form.js";
 import { useField } from "./use-field/use-field.js";

package/dist/components/form/Form/use-field/use-field-props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { mergeProps } from "../../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../../_internal/hooks/use-event.js";
 import { warn } from "../../../../utils/warnings.js";

package/dist/components/form/Form/use-field/use-field.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { useEvent } from "../../../../_internal/hooks/use-event.js";
 import { useIsFirstRender } from "../../../../_internal/hooks/use-is-first-render.js";
 import { resolveValidationProps } from "../../validation/resolve-validation-props.js";

package/dist/components/form/Form/use-form.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { applyRules } from "./validation.js";
 import { dotize } from "@tenphi/tasty";
 import { useRef, useState } from "react";

package/dist/components/form/Form/validation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { validate } from "email-validator";
 import validUrl from "valid-url";
 

package/dist/components/form/Label.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useProviderProps } from "../../provider.js";
 import { useI18n } from "../../i18n/useI18n.js";

package/dist/components/form/validation/ValidationIndicator.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { LoadingIcon } from "../../../icons/LoadingIcon.js";
 import { hasValidationState } from "./resolve-validation-props.js";
 import { InvalidIcon } from "../../shared/InvalidIcon.js";

package/dist/components/form/validation/resolve-validation-props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 //#region src/components/form/validation/resolve-validation-props.ts
 /**
 * Normalizes the validation props of a field into a pair of booleans.

package/dist/components/form/validation/use-validation-props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { useWarn } from "../../../_internal/hooks/use-warn.js";
 import { resolveValidationProps } from "./resolve-validation-props.js";
 

package/dist/components/form/wrapper.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { mergeProps } from "../../utils/react/mergeProps.js";
 import { FieldWrapper } from "./FieldWrapper/FieldWrapper.js";
 import { jsx } from "react/jsx-runtime";

package/dist/components/helpers/DisplayTransition/DisplayTransition.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { useCallback, useLayoutEffect, useRef, useState } from "react";
 
 //#region src/components/helpers/DisplayTransition/DisplayTransition.tsx

package/dist/components/helpers/IconSwitch/IconSwitch.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { DisplayTransition } from "../DisplayTransition/DisplayTransition.js";
 import { tasty } from "@tenphi/tasty";
 import { isValidElement, useCallback, useLayoutEffect, useRef, useState } from "react";

package/dist/components/layout/Board/Board.d.ts

@@ -1,6 +1,7 @@
 
 import { CollisionMode, LayoutConstraint, LayoutItem, ResizeHandleAxis } from "./grid-core/types.js";
 import { BoardSelectionMode } from "./use-board-selection.js";
+import { BoardLayoutChangeInfo } from "./use-board-layout.js";
 import { BoardResizeGripPlacement, CubeBoardWidgetProps } from "./Widget.js";
 import { AllBaseProps, ContainerStyleProps } from "@tenphi/tasty";
 import { ReactNode } from "react";
@@ -46,7 +47,7 @@ interface CubeBoardProps extends Omit<AllBaseProps, 'children' | 'onDragStart' |
   layout?: LayoutItem[];
   /** Initial layout for uncontrolled usage. */
   defaultLayout?: LayoutItem[];
-  onLayoutChange?: (layout: LayoutItem[]) => void;
+  onLayoutChange?: (layout: LayoutItem[], info: BoardLayoutChangeInfo) => void;
   /** Called when a drag gesture starts. */
   onDragStart?: (info: BoardInteractionInfo) => void;
   /** Called on every step of a drag gesture. */
@@ -61,8 +62,28 @@ interface CubeBoardProps extends Omit<AllBaseProps, 'children' | 'onDragStart' |
   onResizeStop?: (info: BoardInteractionInfo) => void;
   /** Number of columns. @default 12 */
   cols?: number;
-  /** Row height in pixels. @default 100 */
-  rowHeight?: number;
+  /**
+   * Render exactly this many rows, whatever the content needs — a fixed
+   * `cols × rows` matrix rather than a grid that hugs its widgets. Implies a
+   * `maxRows` of the same value, so the grid's own bounds constraint keeps every
+   * drag and resize inside the matrix. Pair with `rowHeight="stretch"` for a
+   * matrix that fills the box it is given.
+   */
+  rows?: number;
+  /**
+   * Row height in pixels, or `'stretch'` to divide the board's own measured
+   * height into its rows. `'stretch'` is what makes a fixed `rows × cols` matrix
+   * fill its container: the board fills the height it is given and each cell
+   * takes an equal share of it, so resizing the container resizes the cells
+   * instead of adding or removing them.
+   *
+   * Requires {@link rows}. Without a declared row count there is no matrix to
+   * fill, and dividing by the content extent instead would resize every cell
+   * whenever a widget landed on a new row — so the mode does not engage and the
+   * board keeps its ordinary content-hugging behaviour at the default height.
+   * @default 100
+   */
+  rowHeight?: number | 'stretch';
   /** [horizontal, vertical] margin between widgets in pixels. @default [8, 8] */
   margin?: [number, number];
   /**
@@ -131,10 +152,15 @@ interface CubeBoardProps extends Omit<AllBaseProps, 'children' | 'onDragStart' |
    */
   resizeGripPlacement?: BoardResizeGripPlacement;
   /**
-   * CSS selector for elements that must not start a pointer drag (e.g. form
-   * controls inside a widget: `"input,textarea,button,a,.no-drag"`). Does not
-   * affect keyboard moves — those only run when the widget host itself is
-   * focused. Can be overridden per widget on `Board.Widget`.
+   * CSS selector for elements that must not start a pointer drag.
+   *
+   * Defaults to {@link BOARD_SELECTION_CANCEL} — the same set `selectionCancel`
+   * uses — because a control inside a widget has to keep its own press whether
+   * or not the board happens to support selection. Pass a selector of your own
+   * to narrow or widen it, or `''` to let a drag start from anywhere.
+   *
+   * Does not affect keyboard moves — those only run when the widget host itself
+   * is focused. Can be overridden per widget on `Board.Widget`.
    */
   dragCancel?: string;
   /**

package/dist/components/layout/Board/Board.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.165.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.167.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
@@ -100,6 +100,11 @@ const GridOverlayElement = tasty({
 * custom controls.
 */
 const BOARD_SELECTION_CANCEL = "input,textarea,select,button,a,[role=\"button\"],[role=\"menuitem\"],[role=\"checkbox\"],[role=\"switch\"],[role=\"tab\"],[contenteditable=\"true\"],[data-no-select]";
+/**
+* Row height when none is given, and the fallback a `rowHeight="stretch"` board
+* uses until it has both a bounded row count and a measured height to divide.
+*/
+const DEFAULT_ROW_HEIGHT = 100;
 /** Manhattan distance a pointer must travel before a press becomes a marquee. */
 const MARQUEE_THRESHOLD = 4;
 /** Shared empty set, so "no pre-selection" is a stable reference. */
@@ -120,7 +125,8 @@ function compactTypeToCore(compact) {
 	return compact;
 }
 function BoardInner(props, ref) {
-	const { id: providedId, layout: controlledLayout, defaultLayout, onLayoutChange, onDragStart, onDrag, onDragStop, onResizeStart, onResize: onResizeProp, onResizeStop, cols = 12, rowHeight = 100, margin = [8, 8], containerPadding, maxRows = Infinity, extraRows = 0, compact = "vertical", allowOverlap = false, preventCollision = false, collisionMode = "revert", isDraggable = true, isResizable = true, isDroppable = true, resizeHandles = ["se"], resizeGripPlacement = "inside", dragCancel, dragHandle, showGridLines, isAligned = false, selectionMode = "none", selectedKeys, defaultSelectedKeys, onSelectionChange, selectionCancel = BOARD_SELECTION_CANCEL, allowMarqueeSelection = selectionMode === "multiple", onWidgetsDelete, constraints, width: providedWidth, widgetProps, children, ...otherProps } = props;
+	const { id: providedId, layout: controlledLayout, defaultLayout, onLayoutChange, onDragStart, onDrag, onDragStop, onResizeStart, onResize: onResizeProp, onResizeStop, cols = 12, rows: fixedRows, rowHeight = DEFAULT_ROW_HEIGHT, margin = [8, 8], containerPadding, maxRows: maxRowsProp, extraRows = 0, compact = "vertical", allowOverlap = false, preventCollision = false, collisionMode = "revert", isDraggable = true, isResizable = true, isDroppable = true, resizeHandles = ["se"], resizeGripPlacement = "inside", dragCancel = BOARD_SELECTION_CANCEL, dragHandle, showGridLines, isAligned = false, selectionMode = "none", selectedKeys, defaultSelectedKeys, onSelectionChange, selectionCancel = BOARD_SELECTION_CANCEL, allowMarqueeSelection = selectionMode === "multiple", onWidgetsDelete, constraints, width: providedWidth, widgetProps, children, ...otherProps } = props;
+	const maxRows = maxRowsProp ?? (fixedRows != null ? Math.max(1, fixedRows) : Infinity);
 	const registry = useBoardRegistry();
 	const parentMetrics = useBoardMetrics();
 	const host = useBoardHost();
@@ -179,12 +185,14 @@ function BoardInner(props, ref) {
 	const effectiveMargin = aligned ? parentMetrics.margin : margin;
 	const resolvedPadding = containerPadding ?? (aligned ? [0, 0] : effectiveMargin);
 	const rows = Math.max(bottom(layout), ...placeholders.map((p) => p.y + p.h), 0);
-	const renderedRows = Math.min(rows + Math.max(0, extraRows), maxRows);
+	const renderedRows = fixedRows != null ? Math.max(1, fixedRows) : Math.min(rows + Math.max(0, extraRows), maxRows);
 	const parentColWidth = aligned ? parentMetrics.colWidth : 0;
 	const alignedCols = aligned && width > 0 ? Math.max(1, Math.floor((width - resolvedPadding[0] * 2 + effectiveMargin[0] + 2) / (parentColWidth + effectiveMargin[0]))) : cols;
 	const effectiveCols = aligned ? alignedCols : cols;
 	const effectiveContainerWidth = aligned ? parentColWidth * effectiveCols + effectiveMargin[0] * Math.max(0, effectiveCols - 1) + resolvedPadding[0] * 2 : width;
-	const effectiveRowHeight = aligned ? parentMetrics.rowHeight : rowHeight;
+	const isStretching = rowHeight === "stretch" && fixedRows != null;
+	const stretchedRowHeight = isStretching && measuredHeight > 0 ? Math.max(1, (measuredHeight - Math.max(0, renderedRows - 1) * effectiveMargin[1] - resolvedPadding[1] * 2) / renderedRows) : DEFAULT_ROW_HEIGHT;
+	const effectiveRowHeight = aligned ? parentMetrics.rowHeight : rowHeight === "stretch" ? stretchedRowHeight : rowHeight;
 	const positionParams = useMemo(() => ({
 		margin: effectiveMargin,
 		containerPadding: resolvedPadding,
@@ -209,7 +217,7 @@ function BoardInner(props, ref) {
 	]);
 	const resolvedConstraints = constraints ?? defaultConstraints;
 	const computedHeight = renderedRows > 0 ? renderedRows * effectiveRowHeight + Math.max(0, renderedRows - 1) * effectiveMargin[1] + resolvedPadding[1] * 2 : effectiveRowHeight;
-	const containerHeight = aligned && measuredHeight > 0 ? measuredHeight : computedHeight;
+	const containerHeight = (aligned || isStretching) && measuredHeight > 0 ? measuredHeight : computedHeight;
 	const liveRef = useRef({
 		positionParams,
 		compactor,
@@ -243,7 +251,7 @@ function BoardInner(props, ref) {
 		getContainerHeight: () => liveRef.current.containerHeight,
 		getLayout: () => layoutRef.current,
 		getSelectedKeys: () => selectedKeysRef.current.size > 0 ? selectedKeysRef.current : null,
-		applyLayout: (next, commit) => applyLayoutEvent(next, commit),
+		applyLayout: (next, commit, reason) => applyLayoutEvent(next, commit, reason),
 		setPlaceholders: (items) => setPlaceholdersEvent(items),
 		isDroppable: () => liveRef.current.isDroppable
 	};
@@ -254,7 +262,7 @@ function BoardInner(props, ref) {
 	}, [boardId]);
 	const recompactForCols = useEvent((nextCols) => {
 		const corrected = correctBounds(cloneLayout(layoutRef.current), { cols: nextCols });
-		applyLayoutEvent([...liveRef.current.compactor.compact(corrected, nextCols)], true);
+		applyLayoutEvent([...liveRef.current.compactor.compact(corrected, nextCols)], true, "normalize");
 	});
 	const prevAlignedColsRef = useRef(null);
 	useEffect(() => {
@@ -329,7 +337,7 @@ function BoardInner(props, ref) {
 		if (!rs) return;
 		if (phase === "end") {
 			const finalLayout = [...layoutRef.current];
-			applyLayout(finalLayout, true);
+			applyLayout(finalLayout, true, "resize");
 			setPlaceholders([]);
 			const resizedItem = getLayoutItem(finalLayout, id) ?? rs.item;
 			onResizeStop?.({
@@ -414,7 +422,7 @@ function BoardInner(props, ref) {
 			...current,
 			h: neededRows
 		});
-		applyLayout([...liveRef.current.compactor.compact(working, pp.cols)], true);
+		applyLayout([...liveRef.current.compactor.compact(working, pp.cols)], true, "normalize");
 	});
 	const dragOldItemRef = useRef(null);
 	const dragOldItemsRef = useRef([]);
@@ -623,7 +631,7 @@ function BoardInner(props, ref) {
 				styles,
 				tabIndex: selectionMode !== "none" ? -1 : void 0,
 				"data-board-id": boardId,
-				style: aligned ? void 0 : { minHeight: `${containerHeight}px` },
+				style: aligned ? void 0 : isStretching ? { height: "100%" } : { minHeight: `${containerHeight}px` },
 				mods: {
 					dragging: !!dragState,
 					"drop-target": dragState?.currentBoardId === boardId,
@@ -647,17 +655,27 @@ function BoardInner(props, ref) {
 								const widgetDragCancel = registration?.dragCancel ?? widgetProps?.dragCancel ?? dragCancel;
 								const widgetDragHandle = registration?.dragHandle ?? widgetProps?.dragHandle ?? dragHandle;
 								const widgetIsCard = registration?.isCard ?? widgetProps?.isCard ?? false;
+								const widgetHoverRing = registration?.hoverRing ?? widgetProps?.hoverRing ?? true;
+								const widgetMods = registration?.mods && widgetProps?.mods ? {
+									...widgetProps.mods,
+									...registration.mods
+								} : registration?.mods ?? widgetProps?.mods;
 								const widgetIsAutoHeight = registration?.isAutoHeight ?? widgetProps?.isAutoHeight ?? false;
 								const widgetQa = registration?.qa ?? widgetProps?.qa;
 								const widgetSelectable = selectionMode !== "none" && isWidgetSelectable(item.i);
 								const widgetSelectionCancel = registration?.selectionCancel ?? widgetProps?.selectionCancel ?? selectionCancel;
+								const widgetStyles = registration?.styles && widgetPropsStyles ? mergeStyles(widgetPropsStyles, registration.styles) : registration?.styles ?? widgetPropsStyles;
 								return /* @__PURE__ */ jsx(WidgetHost, {
 									boardId,
 									item,
 									positionParams,
 									registration,
 									isCard: widgetIsCard,
-									styles: registration?.styles && widgetPropsStyles ? mergeStyles(widgetPropsStyles, registration.styles) : registration?.styles ?? widgetPropsStyles,
+									hoverRing: widgetHoverRing,
+									cornerChrome: registration?.cornerChrome ?? widgetProps?.cornerChrome,
+									cornerChromePlacement: registration?.cornerChromePlacement ?? widgetProps?.cornerChromePlacement,
+									mods: widgetMods,
+									styles: widgetStyles,
 									isDraggable: widgetDraggable,
 									isResizable: widgetResizable,
 									resizeHandles: handles,