@cube-dev/ui-kit 0.194.1 → 0.195.0

package/dist/components/form/field-chrome.js

@@ -0,0 +1,45 @@
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+import { warn } from "../../utils/warnings.js";
+
+//#region src/components/form/field-chrome.ts
+/** The props that give a field text to show under its control. */
+const FIELD_TEXT_PROPS = [
+	"description",
+	"errorMessage",
+	"message"
+];
+/**
+* Whether a field without a `label` should still render the field chrome: it
+* is bound to a form, whose validation errors need a place under it, or its
+* caller passes a description or a message — unless it asks for the bare
+* control with `isBare`.
+*
+* Neither depends on what the field shows at the moment. A text prop counts
+* whatever it holds — `undefined`, `null` and `''` too — because a decision
+* taken from the text would move the control in and out of the wrapper as an
+* error comes and goes, and React would remount it and drop its focus
+* mid-keystroke.
+*
+* Read the caller's own props: a form binding adds message props of its own.
+*/
+function asksForFieldChrome(props, isBound = false) {
+	return !props.isBare && (isBound || FIELD_TEXT_PROPS.some((key) => key in props));
+}
+let hasWarnedAboutForceField = false;
+/**
+* `forceField` used to be the only way to show the texts of a field without a
+* `label`. Such a field now shows them by itself when it is bound to a form or
+* is passed one, so the prop is deprecated. It still forces the wrapper; say so
+* once.
+*
+* A migration aid; remove with `forceField`.
+*/
+function warnAboutForceField(props) {
+	if (hasWarnedAboutForceField || props.forceField == null) return;
+	hasWarnedAboutForceField = true;
+	warn("A field received `forceField`, which is deprecated. A field without a `label` now renders its description and messages when it is bound to a form or is passed `description`, `errorMessage` or `message`. Remove `forceField`, or pass `isBare` to render the bare control.");
+}
+
+//#endregion
+export { asksForFieldChrome, warnAboutForceField };
+//# sourceMappingURL=field-chrome.js.map

package/dist/components/form/field-chrome.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-chrome.js","names":["warn","FIELD_TEXT_PROPS","const","FieldChromeProps","Partial","Record","isBare","asksForFieldChrome","props","isBound","some","key","hasWarnedAboutForceField","warnAboutForceField","forceField"],"sources":["../../../src/components/form/field-chrome.ts"],"sourcesContent":["import { warn } from '../../utils/warnings';\n\n/** The props that give a field text to show under its control. */\nconst FIELD_TEXT_PROPS = ['description', 'errorMessage', 'message'] as const;\n\ntype FieldChromeProps = Partial<\n  Record<(typeof FIELD_TEXT_PROPS)[number], unknown>\n> & { isBare?: boolean };\n\n/**\n * Whether a field without a `label` should still render the field chrome: it\n * is bound to a form, whose validation errors need a place under it, or its\n * caller passes a description or a message — unless it asks for the bare\n * control with `isBare`.\n *\n * Neither depends on what the field shows at the moment. A text prop counts\n * whatever it holds — `undefined`, `null` and `''` too — because a decision\n * taken from the text would move the control in and out of the wrapper as an\n * error comes and goes, and React would remount it and drop its focus\n * mid-keystroke.\n *\n * Read the caller's own props: a form binding adds message props of its own.\n */\nexport function asksForFieldChrome(props: FieldChromeProps, isBound = false) {\n  return (\n    !props.isBare && (isBound || FIELD_TEXT_PROPS.some((key) => key in props))\n  );\n}\n\nlet hasWarnedAboutForceField = false;\n\n/**\n * `forceField` used to be the only way to show the texts of a field without a\n * `label`. Such a field now shows them by itself when it is bound to a form or\n * is passed one, so the prop is deprecated. It still forces the wrapper; say so\n * once.\n *\n * A migration aid; remove with `forceField`.\n */\nexport function warnAboutForceField(props: { forceField?: boolean }) {\n  if (hasWarnedAboutForceField || props.forceField == null) return;\n\n  hasWarnedAboutForceField = true;\n\n  warn(\n    'A field received `forceField`, which is deprecated. A field without a `label` now renders its description and messages when it is bound to a form or is passed `description`, `errorMessage` or `message`. Remove `forceField`, or pass `isBare` to render the bare control.',\n  );\n}\n"],"mappings":";;;;;AAGA,MAAMC,mBAAmB;CAAC;CAAe;CAAgB;CAAU;;;;;;;;;;;;;;;AAoBnE,SAAgBM,mBAAmBC,OAAyBC,UAAU,OAAO;AAC3E,QACE,CAACD,MAAMF,WAAWG,WAAWR,iBAAiBS,MAAMC,QAAQA,OAAOH,MAAM;;AAI7E,IAAII,2BAA2B;;;;;;;;;AAU/B,SAAgBC,oBAAoBL,OAAiC;AACnE,KAAII,4BAA4BJ,MAAMM,cAAc,KAAM;AAE1DF,4BAA2B;AAE3BZ,MACE,+QACD"}

package/dist/components/form/index.d.ts

@@ -19,7 +19,7 @@ import { FieldReturnValue, UseFieldProps } from "./Form/use-field/types.js";
 import { UseFieldParams, useField } from "./Form/use-field/use-field.js";
 import { UseFieldPropsParams, useFieldProps } from "./Form/use-field/use-field-props.js";
 import { Form } from "./Form/index.js";
-import { wrapWithField } from "./wrapper.js";
+import { rendersFieldChrome, wrapWithField } from "./wrapper.js";
 import { CubeLabelProps, CubeNecessityIndicatorProps, INLINE_LABEL_STYLES, LABEL_STYLES, NecessityIndicatorMark, _Label } from "./Label.js";
 import { FieldWrapper } from "./FieldWrapper/FieldWrapper.js";
 import { CubeFieldWrapperProps } from "./FieldWrapper/types.js";

package/dist/components/form/legacy-tooltip.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { warn } from "../../utils/warnings.js";
 
 //#region src/components/form/legacy-tooltip.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.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.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.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.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { useWarn } from "../../../_internal/hooks/use-warn.js";
 import { resolveValidationProps } from "./resolve-validation-props.js";
 import { c } from "react/compiler-runtime";

package/dist/components/form/wrapper.d.ts

@@ -7,12 +7,24 @@ import { ReactElement, RefObject } from "react";
 import { DOMRef, FocusableRef } from "@react-types/shared";
 
 //#region src/components/form/wrapper.d.ts
-interface WrapWithFieldProps extends FieldBaseProps, Omit<BaseProps, 'children'>, FormBaseProps {}
+interface WrapWithFieldProps extends FieldBaseProps, Omit<BaseProps, 'children'>, FormBaseProps {
+  /**
+   * Set by `useFieldProps` for a field without a `label` that still renders
+   * the field chrome — see `asksForFieldChrome`. Not a prop of any input.
+   */
+  hasFieldChrome?: boolean;
+}
 /**
- * Wraps an input with the field chrome (label, description, message) when it has a `label` or `forceField`.
+ * Whether `wrapWithField` renders the field chrome for these props: a `label`,
+ * the chrome `useFieldProps` asked for, or the deprecated `forceField`.
+ */
+declare function rendersFieldChrome(props: object): boolean;
+/**
+ * Wraps an input with the field chrome (label, description, message) when it has a `label`, or when `useFieldProps` asks
+ * for it on a field without one (`hasFieldChrome`): one bound to a form, or passed a description or a message, and not `isBare`.
  * Only the field wrapper props are forwarded, so callers can pass their whole props object as is.
  */
 declare function wrapWithField<T extends WrapWithFieldProps>(component: ReactElement, ref: RefObject<unknown> | FocusableRef<HTMLElement> | DOMRef<HTMLElement>, props: T): react.JSX.Element;
 //#endregion
-export { wrapWithField };
+export { rendersFieldChrome, wrapWithField };
 //# sourceMappingURL=wrapper.d.ts.map

package/dist/components/form/wrapper.js

@@ -1,17 +1,28 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { mergeProps } from "../../utils/react/mergeProps.js";
 import { warnAboutLegacyTooltip } from "./legacy-tooltip.js";
 import { FieldWrapper } from "./FieldWrapper/FieldWrapper.js";
+import { warnAboutForceField } from "./field-chrome.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/form/wrapper.tsx
 /**
-* Wraps an input with the field chrome (label, description, message) when it has a `label` or `forceField`.
+* Whether `wrapWithField` renders the field chrome for these props: a `label`,
+* the chrome `useFieldProps` asked for, or the deprecated `forceField`.
+*/
+function rendersFieldChrome(props) {
+	const { label, hasFieldChrome, forceField } = props;
+	return !!label || !!hasFieldChrome || !!forceField;
+}
+/**
+* Wraps an input with the field chrome (label, description, message) when it has a `label`, or when `useFieldProps` asks
+* for it on a field without one (`hasFieldChrome`): one bound to a form, or passed a description or a message, and not `isBare`.
 * Only the field wrapper props are forwarded, so callers can pass their whole props object as is.
 */
 function wrapWithField(component, ref, props) {
-	let { forceField, label, extra, labelPosition = "top", labelStyles, isRequired, isOptional, isDisabled, necessityIndicator, message, messageStyles, description, errorMessage, isInvalid, isValid, labelProps, fieldProps, fieldStyles, requiredMark = true, labelTooltip, isHidden, labelSuffix } = props;
-	if (!label && !forceField) return component;
+	let { label, extra, labelPosition = "top", labelStyles, isRequired, isOptional, isDisabled, necessityIndicator, message, messageStyles, description, errorMessage, isInvalid, isValid, labelProps, fieldProps, fieldStyles, requiredMark = true, labelTooltip, isHidden, labelSuffix } = props;
+	warnAboutForceField(props);
+	if (!rendersFieldChrome(props)) return component;
 	warnAboutLegacyTooltip(props);
 	const mergedFieldProps = fieldStyles ? mergeProps(fieldProps, { styles: fieldStyles }) : fieldProps;
 	const mergedLabelProps = labelStyles ? mergeProps(labelProps, { styles: labelStyles }) : labelProps;
@@ -43,5 +54,5 @@ function wrapWithField(component, ref, props) {
 }
 
 //#endregion
-export { wrapWithField };
+export { rendersFieldChrome, wrapWithField };
 //# sourceMappingURL=wrapper.js.map

package/dist/components/form/wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"wrapper.js","names":["DOMRef","FocusableRef","BaseProps","ReactElement","RefObject","FieldBaseProps","FormBaseProps","mergeProps","FieldWrapper","warnAboutLegacyTooltip","WrapWithFieldProps","Omit","wrapWithField","component","ref","HTMLElement","props","T","forceField","label","extra","labelPosition","labelStyles","isRequired","isOptional","isDisabled","necessityIndicator","message","messageStyles","description","errorMessage","isInvalid","isValid","labelProps","fieldProps","fieldStyles","requiredMark","labelTooltip","isHidden","labelSuffix","mergedFieldProps","styles","mergedLabelProps","id","_id","fieldPropsWithoutId","Component","controlId"],"sources":["../../../src/components/form/wrapper.tsx"],"sourcesContent":["import { DOMRef, FocusableRef } from '@react-types/shared';\nimport { BaseProps } from '@tenphi/tasty';\nimport { ReactElement, RefObject } from 'react';\n\nimport { FieldBaseProps, FormBaseProps } from '../../shared/index';\nimport { mergeProps } from '../../utils/react/index';\n\nimport { FieldWrapper } from './FieldWrapper/index';\nimport { warnAboutLegacyTooltip } from './legacy-tooltip';\n\n// `children` is intentionally omitted: the input is passed as `component`, never through props.\ninterface WrapWithFieldProps\n  extends FieldBaseProps,\n    Omit<BaseProps, 'children'>,\n    FormBaseProps {}\n\n/**\n * Wraps an input with the field chrome (label, description, message) when it has a `label` or `forceField`.\n * Only the field wrapper props are forwarded, so callers can pass their whole props object as is.\n */\nexport function wrapWithField<T extends WrapWithFieldProps>(\n  component: ReactElement,\n  ref: RefObject<unknown> | FocusableRef<HTMLElement> | DOMRef<HTMLElement>,\n  props: T,\n) {\n  let {\n    forceField,\n    label,\n    extra,\n    labelPosition = 'top',\n    labelStyles,\n    isRequired,\n    isOptional,\n    isDisabled,\n    necessityIndicator,\n    message,\n    messageStyles,\n    description,\n    errorMessage,\n    isInvalid,\n    isValid,\n    labelProps,\n    fieldProps,\n    fieldStyles,\n    requiredMark = true,\n    labelTooltip,\n    isHidden,\n    labelSuffix,\n  } = props;\n\n  if (!label && !forceField) {\n    return component;\n  }\n\n  warnAboutLegacyTooltip(props);\n\n  // Merge fieldStyles as shorthand for fieldProps.styles (fieldStyles takes priority)\n  const mergedFieldProps = fieldStyles\n    ? mergeProps(fieldProps, { styles: fieldStyles })\n    : fieldProps;\n\n  // Merge labelStyles as shorthand for labelProps.styles (labelStyles takes priority)\n  const mergedLabelProps = labelStyles\n    ? mergeProps(labelProps, { styles: labelStyles })\n    : labelProps;\n\n  // Remove id from fieldProps to avoid duplication (id should be on the input element, not the field wrapper)\n  const { id: _id, ...fieldPropsWithoutId } = (mergedFieldProps as any) || {};\n\n  return (\n    <FieldWrapper\n      {...{\n        label,\n        extra,\n        labelPosition,\n        isRequired,\n        isOptional,\n        isDisabled,\n        necessityIndicator,\n        labelProps: mergedLabelProps,\n        fieldProps: fieldPropsWithoutId,\n        message,\n        messageStyles,\n        description,\n        errorMessage,\n        isInvalid,\n        isValid,\n        requiredMark,\n        labelTooltip,\n        isHidden,\n        labelSuffix,\n        Component: component,\n        // Where the description and message ids come from; see\n        // `useFieldDescribedBy`, which points the control at them.\n        controlId: props.id,\n        ref,\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;AAoBA,SAAgBY,cACdC,WACAC,KACAE,OACA;CACA,IAAI,EACFE,YACAC,OACAC,OACAC,gBAAgB,OAChBC,aACAC,YACAC,YACAC,YACAC,oBACAC,SACAC,eACAC,aACAC,cACAC,WACAC,SACAC,YACAC,YACAC,aACAC,eAAe,MACfC,cACAC,UACAC,gBACEvB;AAEJ,KAAI,CAACG,SAAS,CAACD,WACb,QAAOL;AAGTJ,wBAAuBO,MAAM;CAG7B,MAAMwB,mBAAmBL,cACrB5B,WAAW2B,YAAY,EAAEO,QAAQN,aAAa,CAAC,GAC/CD;CAGJ,MAAMQ,mBAAmBpB,cACrBf,WAAW0B,YAAY,EAAEQ,QAAQnB,aAAa,CAAC,GAC/CW;CAGJ,MAAM,EAAEU,IAAIC,KAAK,GAAGC,wBAAyBL,oBAA4B,EAAE;AAE3E,QACE,oBAAC;EAEGrB;EACAC;EACAC;EACAE;EACAC;EACAC;EACAC;EACAO,YAAYS;EACZR,YAAYW;EACZlB;EACAC;EACAC;EACAC;EACAC;EACAC;EACAI;EACAC;EACAC;EACAC;EACAO,WAAWjC;EAGXkC,WAAW/B,MAAM2B;EACjB7B;GAEF"}
+{"version":3,"file":"wrapper.js","names":["DOMRef","FocusableRef","BaseProps","ReactElement","RefObject","FieldBaseProps","FormBaseProps","mergeProps","warnAboutForceField","FieldWrapper","warnAboutLegacyTooltip","WrapWithFieldProps","Omit","hasFieldChrome","rendersFieldChrome","props","label","forceField","wrapWithField","component","ref","HTMLElement","T","extra","labelPosition","labelStyles","isRequired","isOptional","isDisabled","necessityIndicator","message","messageStyles","description","errorMessage","isInvalid","isValid","labelProps","fieldProps","fieldStyles","requiredMark","labelTooltip","isHidden","labelSuffix","mergedFieldProps","styles","mergedLabelProps","id","_id","fieldPropsWithoutId","Component","controlId"],"sources":["../../../src/components/form/wrapper.tsx"],"sourcesContent":["import { DOMRef, FocusableRef } from '@react-types/shared';\nimport { BaseProps } from '@tenphi/tasty';\nimport { ReactElement, RefObject } from 'react';\n\nimport { FieldBaseProps, FormBaseProps } from '../../shared/index';\nimport { mergeProps } from '../../utils/react/index';\n\nimport { warnAboutForceField } from './field-chrome';\nimport { FieldWrapper } from './FieldWrapper/index';\nimport { warnAboutLegacyTooltip } from './legacy-tooltip';\n\n// `children` is intentionally omitted: the input is passed as `component`, never through props.\ninterface WrapWithFieldProps\n  extends FieldBaseProps,\n    Omit<BaseProps, 'children'>,\n    FormBaseProps {\n  /**\n   * Set by `useFieldProps` for a field without a `label` that still renders\n   * the field chrome — see `asksForFieldChrome`. Not a prop of any input.\n   */\n  hasFieldChrome?: boolean;\n}\n\n/**\n * Whether `wrapWithField` renders the field chrome for these props: a `label`,\n * the chrome `useFieldProps` asked for, or the deprecated `forceField`.\n */\nexport function rendersFieldChrome(props: object) {\n  const { label, hasFieldChrome, forceField } = props as WrapWithFieldProps;\n\n  return !!label || !!hasFieldChrome || !!forceField;\n}\n\n/**\n * Wraps an input with the field chrome (label, description, message) when it has a `label`, or when `useFieldProps` asks\n * for it on a field without one (`hasFieldChrome`): one bound to a form, or passed a description or a message, and not `isBare`.\n * Only the field wrapper props are forwarded, so callers can pass their whole props object as is.\n */\nexport function wrapWithField<T extends WrapWithFieldProps>(\n  component: ReactElement,\n  ref: RefObject<unknown> | FocusableRef<HTMLElement> | DOMRef<HTMLElement>,\n  props: T,\n) {\n  let {\n    label,\n    extra,\n    labelPosition = 'top',\n    labelStyles,\n    isRequired,\n    isOptional,\n    isDisabled,\n    necessityIndicator,\n    message,\n    messageStyles,\n    description,\n    errorMessage,\n    isInvalid,\n    isValid,\n    labelProps,\n    fieldProps,\n    fieldStyles,\n    requiredMark = true,\n    labelTooltip,\n    isHidden,\n    labelSuffix,\n  } = props;\n\n  warnAboutForceField(props);\n\n  if (!rendersFieldChrome(props)) {\n    return component;\n  }\n\n  warnAboutLegacyTooltip(props);\n\n  // Merge fieldStyles as shorthand for fieldProps.styles (fieldStyles takes priority)\n  const mergedFieldProps = fieldStyles\n    ? mergeProps(fieldProps, { styles: fieldStyles })\n    : fieldProps;\n\n  // Merge labelStyles as shorthand for labelProps.styles (labelStyles takes priority)\n  const mergedLabelProps = labelStyles\n    ? mergeProps(labelProps, { styles: labelStyles })\n    : labelProps;\n\n  // Remove id from fieldProps to avoid duplication (id should be on the input element, not the field wrapper)\n  const { id: _id, ...fieldPropsWithoutId } = (mergedFieldProps as any) || {};\n\n  return (\n    <FieldWrapper\n      {...{\n        label,\n        extra,\n        labelPosition,\n        isRequired,\n        isOptional,\n        isDisabled,\n        necessityIndicator,\n        labelProps: mergedLabelProps,\n        fieldProps: fieldPropsWithoutId,\n        message,\n        messageStyles,\n        description,\n        errorMessage,\n        isInvalid,\n        isValid,\n        requiredMark,\n        labelTooltip,\n        isHidden,\n        labelSuffix,\n        Component: component,\n        // Where the description and message ids come from; see\n        // `useFieldDescribedBy`, which points the control at them.\n        controlId: props.id,\n        ref,\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;AA2BA,SAAgBc,mBAAmBC,OAAe;CAChD,MAAM,EAAEC,OAAOH,gBAAgBI,eAAeF;AAE9C,QAAO,CAAC,CAACC,SAAS,CAAC,CAACH,kBAAkB,CAAC,CAACI;;;;;;;AAQ1C,SAAgBC,cACdC,WACAC,KACAL,OACA;CACA,IAAI,EACFC,OACAO,OACAC,gBAAgB,OAChBC,aACAC,YACAC,YACAC,YACAC,oBACAC,SACAC,eACAC,aACAC,cACAC,WACAC,SACAC,YACAC,YACAC,aACAC,eAAe,MACfC,cACAC,UACAC,gBACE3B;AAEJP,qBAAoBO,MAAM;AAE1B,KAAI,CAACD,mBAAmBC,MAAM,CAC5B,QAAOI;AAGTT,wBAAuBK,MAAM;CAG7B,MAAM4B,mBAAmBL,cACrB/B,WAAW8B,YAAY,EAAEO,QAAQN,aAAa,CAAC,GAC/CD;CAGJ,MAAMQ,mBAAmBpB,cACrBlB,WAAW6B,YAAY,EAAEQ,QAAQnB,aAAa,CAAC,GAC/CW;CAGJ,MAAM,EAAEU,IAAIC,KAAK,GAAGC,wBAAyBL,oBAA4B,EAAE;AAE3E,QACE,oBAAC;EAEG3B;EACAO;EACAC;EACAE;EACAC;EACAC;EACAC;EACAO,YAAYS;EACZR,YAAYW;EACZlB;EACAC;EACAC;EACAC;EACAC;EACAC;EACAI;EACAC;EACAC;EACAC;EACAO,WAAW9B;EAGX+B,WAAWnC,MAAM+B;EACjB1B;GAEF"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useCallback, useLayoutEffect, useRef, useState } from "react";
 

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.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/Flex.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/layout/Flow.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/layout/Grid.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/layout/Panel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { BASE_STYLES, BLOCK_STYLES, COLOR_STYLES, DIMENSION_STYLES, OUTER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Prefix.js

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

package/dist/components/layout/ResizablePanel.js

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

package/dist/components/layout/Space.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/layout/Suffix.js

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

package/dist/components/navigation/Pagination/Pagination.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/navigation/Pagination/use-pagination.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { c } from "react/compiler-runtime";
 import { useControlledState } from "@react-stately/utils";

package/dist/components/navigation/Tabs/BoardDragActiveProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/navigation/Tabs/DraggableTabList.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { DraggableCollection } from "../../shared/DraggableCollection.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";

package/dist/components/navigation/Tabs/TabButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";

package/dist/components/navigation/Tabs/TabDropIndicator.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { DropIndicatorElement } from "./styled.js";
 import { useTabsContext } from "./TabsContext.js";
 import { c } from "react/compiler-runtime";

package/dist/components/navigation/Tabs/TabPanel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { TabPanelElement } from "./styled.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useMemo, useRef } from "react";

package/dist/components/navigation/Tabs/TabPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";

package/dist/components/navigation/Tabs/Tabs.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/navigation/Tabs/TabsAction.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { _ItemButton } from "../../actions/ItemButton/ItemButton.js";
 import { useOptionalTabsContext } from "./TabsContext.js";
 import { c } from "react/compiler-runtime";

package/dist/components/navigation/Tabs/TabsContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/navigation/Tabs/popover-placement.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 //#region src/components/navigation/Tabs/popover-placement.ts
 /**
 * Maps the parent Tabs `placement` to the popover placement for menus and

package/dist/components/navigation/Tabs/styled.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { _Item } from "../../content/Item/Item.js";
 import { tasty } from "@tenphi/tasty";
 

package/dist/components/navigation/Tabs/types.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 //#region src/components/navigation/Tabs/types.ts
 /**
 * Size mapping for radio type tabs.

package/dist/components/navigation/Tabs/use-tab-editing.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useState } from "react";
 

package/dist/components/navigation/Tabs/use-tab-indicator.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { chainRaf } from "../../../utils/raf.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useLayoutEffect, useRef, useState } from "react";

package/dist/components/organisms/StatsCard/StatsCard.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { _Text } from "../../content/Text.js";
 import { _Title } from "../../content/Title.js";
 import { Card } from "../../content/Card/Card.js";

package/dist/components/other/Calendar/Calendar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { useProviderProps } from "../../../provider.js";
 import { CalendarPanel } from "./CalendarPanel.js";
 import { c } from "react/compiler-runtime";

package/dist/components/other/Calendar/CalendarCell.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { CALENDAR_CELL_STYLES } from "./styled.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";

package/dist/components/other/Calendar/CalendarGrid.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { getWeekNumber } from "../../fields/DatePicker/period.js";
 import { CalendarCell } from "./CalendarCell.js";
 import { c } from "react/compiler-runtime";

package/dist/components/other/Calendar/CalendarHeader.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { _Title } from "../../content/Title.js";
 import { Space } from "../../layout/Space.js";
 import { RightIcon } from "../../../icons/RightIcon.js";

package/dist/components/other/Calendar/CalendarPanel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { CalendarElement } from "./styled.js";

package/dist/components/other/Calendar/PeriodCalendar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { useProviderProps } from "../../../provider.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { getQuarter } from "../../fields/DatePicker/period.js";

package/dist/components/other/Calendar/PeriodGrid.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { CALENDAR_CELL_STYLES } from "./styled.js";
 import { tasty } from "@tenphi/tasty";
 import { useLayoutEffect, useRef } from "react";

package/dist/components/other/Calendar/RangeCalendar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { useProviderProps } from "../../../provider.js";
 import { CalendarPanel } from "./CalendarPanel.js";
 import { c } from "react/compiler-runtime";

package/dist/components/other/Calendar/styled.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 
 //#region src/components/other/Calendar/styled.tsx

package/dist/components/other/CubeLogo/CubeLogo.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { Icon } from "../../../icons/Icon.js";
 import { c } from "react/compiler-runtime";
 import { mergeStyles, tasty } from "@tenphi/tasty";

package/dist/components/other/NoDataIcon/NoDataIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { wrapIcon } from "../../../icons/wrap-icon.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 

package/dist/components/overlays/AlertDialog/AlertDialog.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.194.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { Paragraph } from "../../content/Paragraph.js";
 import { _Title } from "../../content/Title.js";

package/dist/components/overlays/AlertDialog/AlertDialogApiProvider.d.ts

@@ -6,14 +6,18 @@ import "react";
 interface AlertDialogApi {
   /**
    * Opens the dialog. Resolves with the action the user picked. Rejects with
-   * `undefined` when the dialog closes without one (Cancel, dismissal or an
-   * aborted `cancelToken`), and with an `Error` when it cannot open. A cancel
-   * is not reported as an unhandled rejection when the promise is ignored.
+   * `undefined` when the dialog closes without one (Cancel, dismissal, an
+   * aborted `cancelToken` or the unmount of the component that opened it),
+   * and with an `Error` when it cannot open. A cancel is not reported as an
+   * unhandled rejection when the promise is ignored.
    */
   open: (dialogProps: DialogProps, params?: AlertDialogApiParams) => Promise<AlertDialogResolveStatus>;
 }
 interface AlertDialogApiParams {
-  /** Closes the dialog when aborted, which settles it as a cancel. */
+  /**
+   * Closes the dialog when aborted, which settles it as a cancel. A confirm or
+   * secondary action that is running finishes first.
+   */
   cancelToken?: AbortSignal;
 }
 /**
@@ -26,6 +30,13 @@ interface AlertDialogApiParams {
  * with `undefined` on a cancel. A caller that runs everything in the callbacks
  * can ignore it: an ignored cancel is not reported as an unhandled rejection.
  *
+ * A dialog belongs to the component that calls this hook: when that component
+ * unmounts, its dialog closes as a cancel, so no callback runs against a
+ * component that is gone. Call the hook in a component that stays mounted
+ * while the dialog is open, such as the one that renders a menu, not in the
+ * menu item that closes it. A confirm or secondary action that is running
+ * finishes first.
+ *
  * ***Important*** only one alert dialog can be open at a time: `open` rejects
  * with an `Error` while another one is open. A dialog that is already closing
  * gives way.