npm - @cube-dev/ui-kit - Versions diffs - 0.0.0-canary-266381a → 0.0.0-canary-367446a - Mend

@cube-dev/ui-kit 0.0.0-canary-266381a → 0.0.0-canary-367446a

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (583) hide show

package/dist/shared/form.d.ts CHANGED Viewed

@@ -142,7 +142,7 @@ interface FieldBaseProps<Value = unknown> extends FormBaseProps, FieldCoreProps<
   labelSuffix?: ReactNode;
   /**
    * Tooltip content for an info badge rendered next to the field's label.
-   * Shown only when the field renders a label (`label` or `forceField`).
+   * Shown only when the field has a `label`.
    *
    * Formerly `tooltip`. That name now belongs to the control alone, as it does
    * on `Item` and `Button`: a component that is both a field and a trigger —
@@ -165,19 +165,21 @@ interface FieldBaseProps<Value = unknown> extends FormBaseProps, FieldCoreProps<
   fieldStyles?: Styles;
   messageStyles?: Styles;
   /**
-   * If true, the input component will be wrapped in a field wrapper even if it
-   * doesn't have a label. Passing `description`, `errorMessage` or `message`
-   * to a field without a label sets it, whatever the prop holds, unless
-   * `isBare` is set.
+   * Renders a field without a `label` as the bare control, for inline use.
+   * Without it, such a field renders the field wrapper when it is bound to a
+   * form or is passed `description`, `errorMessage` or `message`. With it,
+   * those texts are not shown, while the control keeps its invalid state. No
+   * effect on a field with a `label`.
    */
-  forceField?: boolean;
+  isBare?: boolean;
   /**
-   * Renders a field without a `label` as the bare control, for inline use:
-   * its `description`, `errorMessage` and `message` are not shown, while the
-   * control keeps its invalid state. No effect on a field with a `label` or
-   * `forceField`.
+   * Renders the field wrapper even when the field has no `label`.
+   *
+   * @deprecated A field without a `label` renders the wrapper by itself when
+   * it is bound to a form or is passed `description`, `errorMessage` or
+   * `message`. Pass `isBare` to keep the bare control instead.
    */
-  isBare?: boolean;
+  forceField?: boolean;
 }
 interface FormBaseProps extends ValidationProps {
   /** Styles of the label */

package/dist/tokens/all-tokens.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import { getPaletteVersion } from "./palette-config.js";
 import { BASE_TOKENS } from "./base.js";
 import { lazyStyles } from "./lazy-styles.js";

package/dist/tokens/base.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 //#region src/tokens/base.ts
 /**
 * Base design system tokens.

package/dist/tokens/color-seed.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import { glaze } from "@tenphi/glaze";
 //#region src/tokens/color-seed.ts

package/dist/tokens/color-theme.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import { colorSeed } from "./color-seed.js";
 import { DEFAULT_HUE, DEFAULT_SATURATION, getPaletteConfig, getPaletteVersion, usePaletteValue } from "./palette-config.js";
 import { tintRecipe } from "./palette.js";

package/dist/tokens/colors.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import { getPaletteVersion } from "./palette-config.js";
 import { BASE_TOKENS } from "./base.js";
 import { lazyStyles } from "./lazy-styles.js";

package/dist/tokens/layout.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 //#region src/tokens/layout.ts
 /**
 * Layout-related tokens for common UI dimensions.

package/dist/tokens/lazy-styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 //#region src/tokens/lazy-styles.ts
 /**
 * Proxy that defers to `factory()` on every property / enumeration access.

package/dist/tokens/legacy-color.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import { parseSrgbColor } from "../utils/colors.js";
 import { srgbToHex } from "@tenphi/glaze";

package/dist/tokens/palette-config.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import { colorSeed } from "./color-seed.js";
 import { c } from "react/compiler-runtime";
 import { useSyncExternalStore } from "react";

package/dist/tokens/palette.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import { SURFACE_SATURATION_SHARE, getPaletteConfig, getPaletteVersion, resolvePaletteConfig } from "./palette-config.js";
 import { lazyStyles } from "./lazy-styles.js";
 import { apcaContrast, glaze, okhslToLinearSrgb, variantToOkhsl } from "@tenphi/glaze";

package/dist/tokens/resolve.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../utils/react/useLayoutEffect.js";
 import { subscribeScheme } from "../utils/react/useScheme.js";
 import { warn } from "../utils/warnings.js";

package/dist/tokens/shadows.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 //#region src/tokens/shadows.ts
 /**
 * Shadow tokens using tasty shorthand syntax.

package/dist/tokens/sizes.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 //#region src/tokens/sizes.ts
 /**
 * Component size values in pixels.

package/dist/tokens/spacing.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 //#region src/tokens/spacing.ts
 /**
 * Spacing tokens using tasty multiplier syntax.

package/dist/tokens/typography.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 //#region src/tokens/typography.ts
 /**
 * Typography presets for headings, text, and special styles.

package/dist/utils/ResizeSensor.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 //#region src/utils/ResizeSensor.ts
 /**
 * Iterate over each of the provided element(s).

package/dist/utils/colors.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import { hslToSrgb, okhslToOklch, okhslToSrgb, okhstToOkhsl, oklabToOkhsl, parseHexAlpha } from "@tenphi/glaze";
 //#region src/utils/colors.ts

package/dist/utils/dotize.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 //#region src/utils/dotize.ts
 /**
 * Flattens a nested object into dot paths: `{ a: { b: 1 } }` becomes

package/dist/utils/is-dev-env.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 //#region src/utils/is-dev-env.ts
 /**
 * `NODE_ENV` as the environment that is actually running reports it, or

package/dist/utils/modules.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 //#region src/utils/modules.ts
 function extractModule(promise) {
 	return promise.then((module) => module.default || module);

package/dist/utils/promise.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 //#region src/utils/promise.ts
 function timeout(ms = 30) {
 	return new Promise((resolve) => {

package/dist/utils/raf.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 //#region src/utils/raf.ts
 /**
 * Chains N requestAnimationFrame calls and returns a cancel function.

package/dist/utils/random.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 //#region src/utils/random.ts
 function random(min, max) {
 	const realMin = min < max ? min : max;

package/dist/utils/range.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 //#region src/utils/range.ts
 function range(count) {
 	return Array.from({ length: count }, (_, i) => i);

package/dist/utils/react/RenderCache.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import { useRef } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";

package/dist/utils/react/Slots.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import { mergeProps } from "./mergeProps.js";
 import { c } from "react/compiler-runtime";
 import { Children, cloneElement, createContext, useContext } from "react";

package/dist/utils/react/chain.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 //#region src/utils/react/chain.ts
 /**
 * Calls all functions in the order they were chained with the same arguments.

package/dist/utils/react/disabledProps.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 //#region src/utils/react/disabledProps.ts
 /**
 * Tags where `disabled` is a real HTML attribute. Browsers refuse to dispatch

package/dist/utils/react/forwardRefWithGenerics.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 //#region src/utils/react/forwardRefWithGenerics.tsx
 /**
 * @deprecated Declare a ref prop on a generic component, or preserve an

package/dist/utils/react/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import { chain } from "./chain.js";
 import { useLayoutEffect } from "./useLayoutEffect.js";
 import { mergeProps } from "./mergeProps.js";

package/dist/utils/react/interactions.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "./useLayoutEffect.js";
 import { c } from "react/compiler-runtime";
 import { useRef, useState } from "react";

package/dist/utils/react/isTextOnly.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import { Children, isValidElement } from "react";
 //#region src/utils/react/isTextOnly.ts

package/dist/utils/react/mapProps.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 //#region src/utils/react/mapProps.ts
 /** Converts AriaButtonProps to CubeButtonProps */
 function ariaToCubeButtonProps(props) {

package/dist/utils/react/mergeProps.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import { chain } from "./chain.js";
 import { mergeIds } from "./useId.js";
 import { mergeStyles } from "@tenphi/tasty";

package/dist/utils/react/nullableValue.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 //#region src/utils/react/nullableValue.ts
 function castNullableStringValue(props) {
 	return castNullableField(props, ["value", "defaultValue"], "string", (v) => String(v));

package/dist/utils/react/overlayKeyPropagation.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 //#region src/utils/react/overlayKeyPropagation.ts
 /**
 * Keys whose final handling belongs to the overlay around a control, not to

package/dist/utils/react/programmaticFocus.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 //#region src/utils/react/programmaticFocus.ts
 /**
 * Telling focus the user moved from focus a component moved for them.

package/dist/utils/react/resolveIcon.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 //#region src/utils/react/resolveIcon.ts
 /**
 * Resolves a dynamic icon prop to its content and slot state.

package/dist/utils/react/sharedStore.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { isDevEnv } from "../is-dev-env.js";
 import { c } from "react/compiler-runtime";

package/dist/utils/react/useBufferedValue.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "./useLayoutEffect.js";
 import { useCallback, useRef, useState } from "react";

package/dist/utils/react/useCombinedRefs.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef } from "react";

package/dist/utils/react/useControlledFocusVisible.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import { createSharedStore } from "./sharedStore.js";
 import { c } from "react/compiler-runtime";
 import { useEffect } from "react";

package/dist/utils/react/useEventBus.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef } from "react";

package/dist/utils/react/useId.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "./useLayoutEffect.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef, useState } from "react";

package/dist/utils/react/useIsDarwin.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useEffect, useState } from "react";

package/dist/utils/react/useKeySymbols.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import { useIsDarwin } from "./useIsDarwin.js";
 import { c } from "react/compiler-runtime";

package/dist/utils/react/useLayoutEffect.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import * as React$1 from "react";
 //#region src/utils/react/useLayoutEffect.tsx

package/dist/utils/react/useLocalStorage.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { c } from "react/compiler-runtime";
 import { useSyncExternalStore } from "react";

package/dist/utils/react/useMergeStyles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import { mergeStyles } from "@tenphi/tasty";
 import { useMemo } from "react";

package/dist/utils/react/useOverlayEscapeGuard.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { c } from "react/compiler-runtime";
 import { getEventTarget, nodeContains } from "@react-aria/utils";

package/dist/utils/react/usePopoverSync.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import { EventBusContext, useEventBus } from "./useEventBus.js";
 import { c } from "react/compiler-runtime";
 import { useContext, useEffect, useEffectEvent, useRef } from "react";

package/dist/utils/react/useQaProps.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 //#region src/utils/react/useQaProps.ts
 /**
 * Processes QA props.

package/dist/utils/react/useScheme.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import { useSyncExternalStore } from "react";
 //#region src/utils/react/useScheme.ts

package/dist/utils/react/useViewportSize.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useEffect, useState } from "react";

package/dist/utils/react/wrapNodeIfPlain.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import { Fragment, isValidElement } from "react";
 //#region src/utils/react/wrapNodeIfPlain.ts

package/dist/utils/selection.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 //#region src/utils/selection.ts
 /**
 * Deduplicate/toggle keys in a selection: if a key appears twice it is

package/dist/utils/styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import { isSelector, mergeStyles } from "@tenphi/tasty";
 //#region src/utils/styles.ts

package/dist/utils/tree.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 //#region src/utils/tree.ts
 function toFlatTree(tree, includingFolders) {
 	return tree.reduce((result, node) => {

package/dist/utils/warnings.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 import { isDevEnvOrTest } from "./is-dev-env.js";
 //#region src/utils/warnings.ts

package/dist/version.js CHANGED Viewed

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-266381a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-367446a | Cube Dev Team */
 //#region src/version.ts
-const VERSION = "0.0.0-canary-266381a";
+const VERSION = "0.0.0-canary-367446a";
 const TASTY_VERSION = "3.9.9";
 if (typeof window !== "undefined") {
 	const version = VERSION;

package/docs/FieldProperties.md CHANGED Viewed

@@ -21,9 +21,9 @@ For modern forms, follow the [use-case guide](./components/form/ModernForm.md).
 - **`label`** `ReactNode` — Label text displayed above or beside the input.
 - **`labelPosition`** `'top' | 'side' | 'split'` (default: `top`) — Position of the label relative to the input.
-- **`description`** `ReactNode` — Description text placed below the label. A field without a label shows it too (see `forceField`), unless it is `isBare`.
-- **`forceField`** `boolean` — Renders the field wrapper (label area, description and message) even when the field has no `label`. Passing `description`, `errorMessage` or `message` to a field without a label sets it, whatever the prop holds at the moment, so the input keeps its place and its focus when a message comes and goes. Set it yourself to show the validation errors of a form field that has none of those props (or that sits in a legacy `Form.Item`); `isBare` keeps the bare input instead. A wrapped field is laid out by its wrapper, as a labelled one is: layout props on the input such as `flexGrow`, `width` or `gridArea` stay on the input, so set them in `fieldStyles` to place the field.
-- **`isBare`** `boolean` — For inline use: a field without a `label` renders the bare control, and its `description`, `errorMessage` and `message` are not shown. The control keeps its invalid state (`aria-invalid` and the invalid styles), but the error text is not linked to anything, so a screen reader says the field is invalid without saying why. Show the reason some other way, such as a tooltip or a message for the whole row, and point `aria-describedby` at it. No effect on a field with a `label` or `forceField`.
+- **`description`** `ReactNode` — Description text placed below the label. A field without a label shows it too, unless it is `isBare`.
+- **`isBare`** `boolean` — For inline use: a field without a `label` renders the bare control. Without `isBare`, such a field renders the field wrapper when it is bound to a form, whose validation errors need a place, or is passed `description`, `errorMessage` or `message`. A text prop counts whatever it holds at the moment, so the input keeps its place and its focus when a message comes and goes. A wrapped field is laid out by its wrapper, as a labelled one is: layout props on the input such as `flexGrow`, `width` or `gridArea` stay on the input, so set them in `fieldStyles` to place the field, or pass `isBare`. With `isBare` the texts are not shown, and the control keeps its invalid state (`aria-invalid` and the invalid styles). The error text is not linked to anything, though, so a screen reader says the field is invalid without saying why: show the reason some other way, such as a tooltip or a message for the whole row, and point `aria-describedby` at it. No effect on a field with a `label`.
+- **`forceField`** `boolean` — **Deprecated.** A field without a `label` now renders the field wrapper by itself when it is bound to a form or is passed `description`, `errorMessage` or `message`; set `isBare` to keep the bare control instead. `forceField` still forces the wrapper and warns once in development.
 - **`extra`** `ReactNode` — Additional content displayed next to the label.
 - **`labelTooltip`** `ReactNode` — Content of an info badge shown next to the label. Only rendered when the field has a label. (Formerly `tooltip`. On most fields `tooltip` is gone; on `Select` and `Checkbox` it is the control's own tooltip, as on `Item` and `Button`.)
 - **`labelSuffix`** `ReactNode` — Content displayed after the label text.

package/docs/components/overlays/AlertDialog.md CHANGED Viewed

@@ -68,7 +68,7 @@ These properties allow direct style application without using the `styles` prop:
 ## Imperative API
-`useAlertDialogAPI()` opens an alert dialog from code, such as an event handler, with no `DialogTrigger` to render. It works anywhere under `<Root>`.
+`useAlertDialogAPI()` opens an alert dialog from code, such as an event handler, with no `DialogTrigger` to render. It works anywhere under `<Root>`. A dialog belongs to the component that calls the hook and closes when that component unmounts; see [The dialog's owner](#the-dialogs-owner).
 - **`open(props, params?)`** `Promise<'confirm' | 'secondary'>` — Opens the dialog. Resolves with the action the user picked, and rejects when the dialog closes without one or cannot open.
@@ -76,7 +76,7 @@ These properties allow direct style application without using the `styles` prop:
 - **`onConfirm`** `() => unknown` — Runs when the confirm button is pressed. If it returns a promise, the dialog stays open until it settles (see below)
 - **`onSecondary`** `() => unknown` — The same, for the secondary button
-- **`onCancel`** `() => void` — Runs when the dialog settles as a cancel: the Cancel button, Escape, a click outside, an aborted `cancelToken`, or `content` calling `reject()`
+- **`onCancel`** `() => void` — Runs when the dialog settles as a cancel: the Cancel button, Escape, a click outside, an aborted `cancelToken`, the unmount of the component that opened it, or `content` calling `reject()`
 - **`type`** — The dialog container type, as on `DialogContainer`
 - **`isDismissable`** `boolean` (default: `true`) — Whether Escape and a click outside close the dialog
 - **`onDismiss`** `(action?: string) => void` — Called when an action button, Escape or a click outside closes the dialog. An action button passes its name: `'confirm'`, `'secondary'` or `'cancel'`
@@ -84,7 +84,7 @@ These properties allow direct style application without using the `styles` prop:
 `params` takes:
-- **`cancelToken`** `AbortSignal` — Closes the dialog when aborted
+- **`cancelToken`** `AbortSignal` — Closes the dialog when aborted. A running confirm or secondary action finishes first
 The confirm button resolves `'confirm'` whether you configure `actions.confirm` or leave the default Ok button. Set it to `false` to hide it.
@@ -142,6 +142,7 @@ open({
 | Cancel action | rejects with `undefined` |
 | Escape or a click outside | rejects with `undefined` |
 | `cancelToken` aborted, before or while the dialog is open | rejects with `undefined` |
+| The component that opened it unmounts | rejects with `undefined` |
 | `content` calls `resolve(status)` | resolves `status` |
 | `content` calls `reject(reason)` | rejects with `reason` (`undefined` for `reject()`) |
 | Another alert dialog is open | rejects with an `Error` |
@@ -190,7 +191,40 @@ const onRequestApproval = () => {
 controllerRef.current?.abort();
 ```
-Aborting settles the dialog as a cancel. A signal that is already aborted settles it right away, without showing the dialog.
+Aborting settles the dialog as a cancel. A signal that is already aborted settles it right away, without showing the dialog. If the confirm or secondary action is running, it finishes first: the dialog closes with its result, or as a cancel if it fails.
+### The dialog's owner
+A dialog belongs to the component that called `useAlertDialogAPI()`. When that component unmounts, the dialog closes as a cancel, as if its own `cancelToken` were aborted. Its callbacks are that component's code, and a dialog left open would run them against a component that is gone. A call to `open` after the unmount, such as one after an `await`, settles as a cancel without opening. A running confirm or secondary action finishes first, so a list row whose delete removes it still resolves `'confirm'`.
+So call the hook in a component that stays mounted while the dialog is open. A menu closes when its item is pressed, so call the hook in the component that renders the menu and pass `open` down, rather than calling it in the item:
+```jsx
+function RowActions({ row }) {
+  // Stays mounted after the menu closes.
+  const { open } = useAlertDialogAPI();
+  return (
+    <MenuTrigger>
+      <Button>Actions</Button>
+      <Menu
+        onAction={(key) => {
+          if (key === 'delete') {
+            open({
+              title: `Delete ${row.name}?`,
+              danger: true,
+              actions: { confirm: { children: 'Delete' }, cancel: true },
+              onConfirm: () => deleteRow(row.id),
+            });
+          }
+        }}
+      >
+        <Menu.Item key="delete">Delete</Menu.Item>
+      </Menu>
+    </MenuTrigger>
+  );
+}
+```
 ### One dialog at a time

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-266381a",
+  "version": "0.0.0-canary-367446a",
   "type": "module",
   "description": "UIKit for Cube Projects",
   "repository": {