@cube-dev/ui-kit 0.0.0-canary-5299f5a → 0.0.0-canary-dbcde16

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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/TextInputMapper/TextInputMapper.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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,7 +1,7 @@
 
-import { LayoutConstraint, LayoutItem, ResizeHandleAxis } from "./grid-core/types.js";
+import { CollisionMode, LayoutConstraint, LayoutItem, ResizeHandleAxis } from "./grid-core/types.js";
 import { BoardSelectionMode } from "./use-board-selection.js";
-import { CubeBoardWidgetProps } from "./Widget.js";
+import { BoardResizeGripPlacement, CubeBoardWidgetProps } from "./Widget.js";
 import { AllBaseProps, ContainerStyleProps } from "@tenphi/tasty";
 import { ReactNode } from "react";
 
@@ -32,7 +32,7 @@ interface BoardInteractionInfo {
   placeholders: LayoutItem[];
 }
 /** Visibility of the internal grid-line overlay. */
-type BoardGridLines = boolean | 'drag';
+type BoardGridLines = boolean | 'drag' | 'any-drag';
 /**
  * The subset of `Board.Widget` props a `Board` can set as defaults for every
  * widget it hosts (via `widgetProps`). Excludes `id`/`children`, which are
@@ -93,6 +93,24 @@ interface CubeBoardProps extends Omit<AllBaseProps, 'children' | 'onDragStart' |
   allowOverlap?: boolean;
   /** Block movement into occupied cells instead of pushing. @default false */
   preventCollision?: boolean;
+  /**
+   * How to resolve a drop the grid would otherwise refuse. Only applies where a
+   * collision blocks a move - `compact="free"` (which prevents collisions) or an
+   * explicit `preventCollision` - and never under `allowOverlap`. `'revert'`
+   * snaps the widget back, `'downscale'` shrinks it into the free space at the
+   * drop cell, `'swap'` trades places with one widget - the one the drop covers
+   * most - which takes the cell the drag began at (falling back to `'downscale'`,
+   * then `'revert'`). No mode ever grows a widget, `'swap'` never displaces more
+   * than that one widget, and a drop that spans two widgets trades with one of
+   * them rather than refusing, so the swap never blinks away mid-drag.
+   *
+   * Applies to single-widget drags. Arrow keys honour it too, but never resize
+   * anything: each press is a gesture of its own, so a press that shrank a widget
+   * would have nothing to restore from. A multi-widget selection still only moves
+   * where it fits outright, and a resize is still blocked by a collision.
+   * @default 'revert'
+   */
+  collisionMode?: CollisionMode;
   /** Enable dragging for all widgets. @default true */
   isDraggable?: boolean;
   /** Enable resizing for all widgets. @default true */
@@ -101,6 +119,14 @@ interface CubeBoardProps extends Omit<AllBaseProps, 'children' | 'onDragStart' |
   isDroppable?: boolean;
   /** Which resize handles to show. @default ['se'] */
   resizeHandles?: ResizeHandleAxis[];
+  /**
+   * Where the corner resize grips sit: `'inside'` tucks them into the widget
+   * box, `'corner'` centres each one on the widget's corner so it lines up with a
+   * control centred on the opposite corner. Only affects corner handles. Can be
+   * overridden per widget on `Board.Widget`.
+   * @default 'inside'
+   */
+  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
@@ -114,8 +140,12 @@ interface CubeBoardProps extends Omit<AllBaseProps, 'children' | 'onDragStart' |
    */
   dragHandle?: string;
   /**
-   * Show grid lines behind the widgets. `true` always shows them, `'drag'`
-   * shows them only while a widget is being dragged or resized, `false` never.
+   * Show grid lines behind the widgets. `true` always shows them, `false` never,
+   * `'drag'` only while *this* board is part of the active gesture - it owns the
+   * drag (as its source or as the board the widget is currently over), or one of
+   * its own widgets is being resized. `'any-drag'` widens that to any drag
+   * anywhere under a shared `Board.Provider`, so every board advertises itself as
+   * a place the widget could land.
    * @default false
    */
   showGridLines?: BoardGridLines;

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5299f5a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dbcde16 | 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";
@@ -120,7 +120,7 @@ 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, isDraggable = true, isResizable = true, isDroppable = true, resizeHandles = ["se"], 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, 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 registry = useBoardRegistry();
 	const parentMetrics = useBoardMetrics();
 	const host = useBoardHost();
@@ -131,7 +131,7 @@ function BoardInner(props, ref) {
 		const extracted = extractStyles(widgetProps, CONTAINER_STYLES);
 		return Object.keys(extracted).length > 0 ? extracted : void 0;
 	}, [widgetProps]);
-	const effectiveShowGridLines = showGridLines ?? (inheritedGridLines ? "drag" : false);
+	const effectiveShowGridLines = showGridLines ?? inheritedGridLines;
 	const generatedId = useId();
 	const boardId = providedId ?? generatedId;
 	const selectedHintId = `${generatedId}-selected`;
@@ -213,6 +213,7 @@ function BoardInner(props, ref) {
 	const liveRef = useRef({
 		positionParams,
 		compactor,
+		collisionMode,
 		constraints: resolvedConstraints,
 		maxRows,
 		containerHeight,
@@ -221,6 +222,7 @@ function BoardInner(props, ref) {
 	liveRef.current = {
 		positionParams,
 		compactor,
+		collisionMode,
 		constraints: resolvedConstraints,
 		maxRows,
 		containerHeight,
@@ -236,6 +238,7 @@ function BoardInner(props, ref) {
 		getPositionParams: () => liveRef.current.positionParams,
 		getConstraints: () => liveRef.current.constraints,
 		getCompactor: () => liveRef.current.compactor,
+		getCollisionMode: () => liveRef.current.collisionMode,
 		getMaxRows: () => liveRef.current.maxRows,
 		getContainerHeight: () => liveRef.current.containerHeight,
 		getLayout: () => layoutRef.current,
@@ -575,7 +578,8 @@ function BoardInner(props, ref) {
 			}
 		};
 	}), [placeholders, positionParams]);
-	const gridOverlayStyle = !hostWidgetIsDragging && (effectiveShowGridLines === true || effectiveShowGridLines === "drag" && (!!dragState || !!placeholder)) ? (() => {
+	const ownsDrag = !!dragState && (dragState.sourceBoardId === boardId || dragState.currentBoardId === boardId);
+	const gridOverlayStyle = !hostWidgetIsDragging && (effectiveShowGridLines === true || effectiveShowGridLines === "drag" && (ownsDrag || !!placeholder) || effectiveShowGridLines === "any-drag" && (!!dragState || !!placeholder)) ? (() => {
 		const colWidth = calcGridColWidth(positionParams);
 		const rowHeightPx = positionParams.rowHeight;
 		const pitchX = colWidth + effectiveMargin[0];
@@ -612,7 +616,7 @@ function BoardInner(props, ref) {
 	return /* @__PURE__ */ jsx(BoardMetricsContext.Provider, {
 		value: boardMetrics,
 		children: /* @__PURE__ */ jsx(BoardGridLinesContext.Provider, {
-			value: effectiveShowGridLines === true || effectiveShowGridLines === "drag",
+			value: effectiveShowGridLines === "any-drag" ? "any-drag" : effectiveShowGridLines ? "drag" : false,
 			children: /* @__PURE__ */ jsxs(BoardElement, {
 				...mergeProps$1(filterBaseProps(otherProps, { eventProps: true }), boardFocusWithinProps, { onKeyDown: handleBoardKeyDown }),
 				ref: containerRef,
@@ -639,6 +643,7 @@ function BoardInner(props, ref) {
 								const widgetDraggable = isDraggable && (registration?.isDraggable ?? widgetProps?.isDraggable) !== false && item.isDraggable !== false && !item.static;
 								const widgetResizable = isResizable && (registration?.isResizable ?? widgetProps?.isResizable) !== false && item.isResizable !== false && !item.static;
 								const handles = item.resizeHandles ?? registration?.resizeHandles ?? widgetProps?.resizeHandles ?? resizeHandles;
+								const gripPlacement = registration?.resizeGripPlacement ?? widgetProps?.resizeGripPlacement ?? resizeGripPlacement;
 								const widgetDragCancel = registration?.dragCancel ?? widgetProps?.dragCancel ?? dragCancel;
 								const widgetDragHandle = registration?.dragHandle ?? widgetProps?.dragHandle ?? dragHandle;
 								const widgetIsCard = registration?.isCard ?? widgetProps?.isCard ?? false;
@@ -656,6 +661,7 @@ function BoardInner(props, ref) {
 									isDraggable: widgetDraggable,
 									isResizable: widgetResizable,
 									resizeHandles: handles,
+									resizeGripPlacement: gripPlacement,
 									isAutoHeight: widgetIsAutoHeight,
 									qa: widgetQa,
 									dragCancel: widgetDragCancel,