@cube-dev/ui-kit 0.198.1 → 0.199.0

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.0 | Cube Dev Team */
 import { FORM_BACKEND } from "../backend.js";
 import { createValueSnapshotter, defineValue, formValueEqual, freezeContainer, getFieldKey, hasPath, isPlainObject, normalizePath, pathValueChanged, readPath, readonlySet, sameMembers, writePath } from "./values.js";
 import { rulesSignature, runRules } from "./validation.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.0 | Cube Dev Team */
 import { applyRule } from "../validation.js";
 //#region src/components/form/Form/modern/validation.ts
 /** Compare constraints and function source; captures still need deps/rulesKey. */

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.0 | Cube Dev Team */
 //#region src/components/form/Form/modern/values.ts
 const ownedContainers = /* @__PURE__ */ new WeakSet();
 function freezeContainer(value) {

package/dist/components/form/Form/reset-unbound-controls.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.0 | Cube Dev Team */
 //#region src/components/form/Form/reset-unbound-controls.ts
 /**
 * Both form roots cancel a native reset, because the browser would put a bound

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

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../../utils/react/useLayoutEffect.js";
 import { useEvent } from "../../../../_internal/hooks/use-event.js";
 import { useIsFirstRender } from "../../../../_internal/hooks/use-is-first-render.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.0 | Cube Dev Team */
 import { FORM_BACKEND, isModernFormController, modernBackendUnavailableError } from "./backend.js";
 import { applyRules } from "./validation.js";
 import { dotizeConvert } from "../../../utils/dotize.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.0 | Cube Dev Team */
 import { validate } from "email-validator";
 import validUrl from "valid-url";
 //#region src/components/form/Form/validation.ts

package/dist/components/form/Label.js

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.0 | Cube Dev Team */
 import { warn } from "../../utils/warnings.js";
 //#region src/components/form/field-chrome.ts
 /** Empty slot values suppress content; numeric zero is still text. */

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.0 | Cube Dev Team */
 import { mergeProps } from "../../utils/react/mergeProps.js";
 import { hasFieldContent, warnAboutForceField } from "./field-chrome.js";
 import { warnAboutLegacyTooltip } from "./legacy-tooltip.js";

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

@@ -1,8 +1,18 @@
-/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useCallback, useLayoutEffect, useRef, useState } from "react";
 //#region src/components/helpers/DisplayTransition/DisplayTransition.tsx
 const AUTO_FALLBACK_DURATION = 500;
+/**
+* Whether a CSS transition still runs on the element itself. A transition that
+* replaces a running one, as a collapse that interrupts the expand does, starts
+* in the frame the browser cancels the old one, so that cancel does not mean
+* the element has settled.
+*/
+function hasRunningTransition(element) {
+	if (typeof element.getAnimations !== "function") return false;
+	return element.getAnimations().some((animation) => "transitionProperty" in animation && animation.playState === "running");
+}
 function useEvent(fn) {
 	const $ = c(4);
 	const ref = useRef(fn);
@@ -113,11 +123,13 @@ function DisplayTransition({ isShown: targetShown, duration, onRest, onPhaseChan
 			const onTransitionEnd = (e_0) => {
 				if (e_0.target !== element_0) return;
 				if (flowRef.current !== flow_0) return;
+				if (hasRunningTransition(element_0)) return;
 				complete();
 			};
 			const onTransitionCancel = (e_1) => {
 				if (e_1.target !== element_0) return;
 				if (flowRef.current !== flow_0) return;
+				if (hasRunningTransition(element_0)) return;
 				complete();
 			};
 			eventListenersRef.current = {

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

@@ -1 +1 @@
-{"version":3,"file":"DisplayTransition.js","names":["ReactNode","RefCallback","useCallback","useLayoutEffect","useRef","useState","AUTO_FALLBACK_DURATION","Phase","ReportedPhase","DisplayTransitionProps","isShown","duration","onRest","transition","onPhaseChange","phase","onToggle","exposeUnmounted","animateOnMount","respectReducedMotion","preserveContent","children","props","isExiting","ref","HTMLElement","useEvent","fn","$","_c","t0","t1","current","t2","Symbol","for","t3","args","DisplayTransition","targetShown","prefersReduced","window","matchMedia","matches","dur","storedChildrenRef","elementRef","transitionStartedRef","eventListenersRef","element","complete","onTransitionStart","e","TransitionEvent","onTransitionEnd","onTransitionCancel","setPhase","phaseRef","onRestEvent","onPhaseChangeEvent","onToggleEvent","flowRef","rafRef","timerRef","ReturnType","setTimeout","cancelRAF","cancelAnimationFrame","clearTimer","clearTimeout","nextPaint","cb","flow","requestAnimationFrame","cleanupEventListeners","listeners","removeEventListener","afterDuration","undefined","completed","target","addEventListener","ensureEnterFlow","ensureExitFlow","ensureExitPendingFlow","reportedPhase","prevReportedPhaseRef","isShownNow","prevIsShownRef","refCallback","node","isShowingContent","effectiveChildren","_c"],"sources":["../../../../src/components/helpers/DisplayTransition/DisplayTransition.tsx"],"sourcesContent":["import {\n  ReactNode,\n  RefCallback,\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\n\nconst AUTO_FALLBACK_DURATION = 500;\n\ntype Phase = 'enter' | 'entered' | 'exit-pending' | 'exit' | 'unmounted';\nexport type ReportedPhase = 'enter' | 'entered' | 'exit' | 'unmounted';\n\nexport type DisplayTransitionProps = {\n  /** Desired visibility (driver). */\n  isShown: boolean;\n  /** Times enter->entered and exit->unmounted. 0 => immediate. If undefined, uses native transition events. */\n  duration?: number;\n  /** Fires after enter settles or after exit completes (unmount). */\n  onRest?: (transition: 'enter' | 'exit') => void;\n  /** Fires when phase changes. */\n  onPhaseChange?: (phase: ReportedPhase) => void;\n  /** Fires when isShown (derived from phase) changes. */\n  onToggle?: (isShown: boolean) => void;\n  /** Keep calling children during \"unmounted\" (you decide what to render). */\n  exposeUnmounted?: boolean;\n  /** If false and initially shown, start at \"entered\" (no first-mount animation/SSR pop). */\n  animateOnMount?: boolean;\n  /** Respect prefers-reduced-motion by collapsing duration to 0. */\n  respectReducedMotion?: boolean;\n  /** Preserve children content during exit transition. When true, uses stored children from when content was visible. @default true */\n  preserveContent?: boolean;\n  /** Render-prop gets { phase, isShown, isExiting, ref }. Bind ref to the transitioned element for native event detection. */\n  children: (props: {\n    phase: ReportedPhase;\n    isShown: boolean;\n    /**\n     * True from the render where the `isShown` prop turns false until the\n     * phase reaches `'unmounted'`. Unlike `phase` and this `isShown`, which\n     * still report the shown state for the two frames before the exit starts,\n     * it never lags the prop, and unlike the values the render prop closes\n     * over, `preserveContent` never freezes it.\n     */\n    isExiting: boolean;\n    ref: RefCallback<HTMLElement>;\n  }) => ReactNode;\n};\n\n// Stable callback to avoid stale closures\nfunction useEvent<T extends (...a: any[]) => any>(fn?: T) {\n  const ref = useRef(fn);\n  useLayoutEffect(() => {\n    ref.current = fn;\n  }, [fn]);\n  return useCallback((...args: Parameters<NonNullable<T>>) => {\n    return ref.current?.(...args);\n  }, []);\n}\n\nexport function DisplayTransition({\n  isShown: targetShown,\n  duration,\n  onRest,\n  onPhaseChange,\n  onToggle,\n  exposeUnmounted = false,\n  animateOnMount = true,\n  respectReducedMotion = true,\n  preserveContent = true,\n  children,\n}: DisplayTransitionProps) {\n  // Reduced motion → collapse timing\n  const prefersReduced =\n    respectReducedMotion &&\n    typeof window !== 'undefined' &&\n    window.matchMedia?.('(prefers-reduced-motion: reduce)')?.matches;\n  const dur = prefersReduced ? 0 : duration;\n\n  // Store children to preserve content during exit transitions\n  const storedChildrenRef = useRef<typeof children>(children);\n\n  // For native transition event detection\n  const elementRef = useRef<HTMLElement | null>(null);\n  const transitionStartedRef = useRef(false);\n  const eventListenersRef = useRef<{\n    element: HTMLElement;\n    complete: () => void;\n    onTransitionStart: (e: TransitionEvent) => void;\n    onTransitionEnd: (e: TransitionEvent) => void;\n    onTransitionCancel: (e: TransitionEvent) => void;\n  } | null>(null);\n\n  // Initial phase (optionally skip first-mount animation)\n  const [phase, setPhase] = useState<Phase>(\n    targetShown ? (animateOnMount ? 'enter' : 'entered') : 'unmounted',\n  );\n  const phaseRef = useRef(phase);\n  phaseRef.current = phase;\n\n  // Advance phase synchronously during render so the overlay element\n  // exists in the same commit. This lets useOverlayPosition (and similar\n  // hooks) find the element on their first layout-effect run.\n  if (targetShown && phase === 'unmounted') {\n    setPhase('enter');\n  }\n\n  const onRestEvent = useEvent(onRest);\n  const onPhaseChangeEvent = useEvent(onPhaseChange);\n  const onToggleEvent = useEvent(onToggle);\n\n  // Versioned scheduling (Strict Mode & rapid toggles safe)\n  const flowRef = useRef(0);\n  const rafRef = useRef<number | null>(null);\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const cancelRAF = () => {\n    if (rafRef.current != null) {\n      cancelAnimationFrame(rafRef.current);\n      rafRef.current = null;\n    }\n  };\n  const clearTimer = () => {\n    if (timerRef.current != null) {\n      clearTimeout(timerRef.current);\n      timerRef.current = null;\n    }\n  };\n\n  // Double-rAF ensures at least one paint with \"enter\" before flipping to \"entered\".\n  const nextPaint = (cb: () => void) => {\n    cancelRAF();\n    const flow = flowRef.current;\n    rafRef.current = requestAnimationFrame(() => {\n      if (flowRef.current !== flow) return;\n      rafRef.current = requestAnimationFrame(() => {\n        if (flowRef.current !== flow) return;\n        rafRef.current = null;\n        cb();\n      });\n    });\n  };\n\n  const cleanupEventListeners = () => {\n    const listeners = eventListenersRef.current;\n    if (listeners) {\n      const { element } = listeners;\n      element.removeEventListener(\n        'transitionstart',\n        listeners.onTransitionStart,\n      );\n      element.removeEventListener('transitionend', listeners.onTransitionEnd);\n      element.removeEventListener(\n        'transitioncancel',\n        listeners.onTransitionCancel,\n      );\n      eventListenersRef.current = null;\n    }\n  };\n\n  const afterDuration = (cb: () => void) => {\n    const flow = flowRef.current;\n\n    // If using native event detection\n    if (dur === undefined) {\n      const element = elementRef.current;\n\n      cleanupEventListeners();\n      transitionStartedRef.current = false;\n\n      let completed = false;\n      const complete = () => {\n        if (completed || flowRef.current !== flow) return;\n        completed = true;\n        clearTimer();\n        cleanupEventListeners();\n        cb();\n      };\n\n      if (!element) {\n        // No element to listen on - use fallback timer to avoid immediate completion\n        clearTimer();\n        timerRef.current = setTimeout(() => {\n          if (flowRef.current !== flow) return;\n          timerRef.current = null;\n          complete();\n        }, AUTO_FALLBACK_DURATION);\n\n        return;\n      }\n\n      const onTransitionStart = (e: TransitionEvent) => {\n        // Ignore bubbled events from children - only react to our own element's transitions\n        if (e.target !== element) return;\n        if (flowRef.current !== flow) return;\n        transitionStartedRef.current = true;\n        clearTimer(); // Cancel fallback timer once transition starts\n      };\n\n      const onTransitionEnd = (e: TransitionEvent) => {\n        // Ignore bubbled events from children - only react to our own element's transitions\n        if (e.target !== element) return;\n        if (flowRef.current !== flow) return;\n        complete();\n      };\n\n      const onTransitionCancel = (e: TransitionEvent) => {\n        // Ignore bubbled events from children - only react to our own element's transitions\n        if (e.target !== element) return;\n        if (flowRef.current !== flow) return;\n        complete();\n      };\n\n      eventListenersRef.current = {\n        element,\n        complete,\n        onTransitionStart,\n        onTransitionEnd,\n        onTransitionCancel,\n      };\n\n      element.addEventListener('transitionstart', onTransitionStart);\n      element.addEventListener('transitionend', onTransitionEnd);\n      element.addEventListener('transitioncancel', onTransitionCancel);\n\n      // Fallback: if no transitionstart fires within 150ms, assume no transition\n      timerRef.current = setTimeout(() => {\n        if (flowRef.current !== flow) return;\n        if (!transitionStartedRef.current) {\n          complete();\n        }\n      }, 150);\n\n      return;\n    }\n\n    // If using explicit duration\n    if (dur <= 0) {\n      cb();\n      return;\n    }\n    clearTimer();\n    timerRef.current = setTimeout(() => {\n      if (flowRef.current !== flow) return;\n      timerRef.current = null;\n      cb();\n    }, dur);\n  };\n\n  const ensureEnterFlow = () => {\n    if (phaseRef.current !== 'enter') {\n      return;\n    }\n\n    // Element ref is only required for native transition event detection (duration === undefined).\n    // When using explicit duration, setTimeout handles timing so no element is needed.\n    if (dur === undefined && !elementRef.current) {\n      return;\n    }\n\n    // frame N: \"enter\" (hidden) → frame N+1: \"entered\" (shown) → after dur: onRest(\"enter\")\n    nextPaint(() => {\n      if (phaseRef.current !== 'enter') return;\n      setPhase('entered');\n      afterDuration(() => onRestEvent?.('enter'));\n    });\n  };\n\n  const ensureExitFlow = () => {\n    // \"exit\" (hidden) → after dur → \"unmounted\" → onRest(\"exit\")\n    afterDuration(() => {\n      setPhase('unmounted');\n      onRestEvent?.('exit');\n    });\n  };\n\n  // frame N: \"exit-pending\" (still shown) → frame N+1: \"exit\" (hidden) → ensureExitFlow.\n  // Idempotent and re-callable, mirroring ensureEnterFlow: whoever cancels the\n  // pending rAF is responsible for re-arming it.\n  const ensureExitPendingFlow = () => {\n    nextPaint(() => {\n      if (phaseRef.current !== 'exit-pending') return;\n      setPhase('exit');\n      ensureExitFlow();\n    });\n  };\n\n  useLayoutEffect(() => {\n    ++flowRef.current; // invalidate any pending work\n    const current = phaseRef.current;\n\n    if (targetShown) {\n      if (current === 'unmounted' || current === 'exit') {\n        setPhase('enter');\n        ensureEnterFlow();\n      } else if (current === 'enter') {\n        ensureEnterFlow();\n      } else if (current === 'exit-pending') {\n        // User toggled back before exit started, cancel and stay entered\n        cancelRAF();\n        clearTimer();\n        setPhase('entered');\n      } else {\n        // already \"entered\"\n        cancelRAF();\n        clearTimer();\n      }\n    } else {\n      if (current === 'unmounted') {\n        cancelRAF();\n        clearTimer();\n      } else if (current !== 'exit' && current !== 'exit-pending') {\n        // Set intermediate phase to trigger re-render, RAF will be scheduled from layout effect\n        setPhase('exit-pending');\n      } else if (current === 'exit') {\n        ensureExitFlow();\n      } else {\n        // Still \"exit-pending\": our own cleanup just cancelled the rAF the\n        // [phase] effect scheduled, and that effect will not re-run because\n        // `phase` did not change. Re-arm it here or the content stays visible\n        // forever while the driver reports hidden.\n        ensureExitPendingFlow();\n      }\n    }\n\n    return () => {\n      cancelRAF();\n      clearTimer();\n      cleanupEventListeners();\n    };\n  }, [targetShown, dur, onRestEvent]);\n\n  // Schedule RAF from layout effect for both enter and exit-pending to ensure symmetric timing\n  useLayoutEffect(() => {\n    if (phaseRef.current === 'enter') {\n      ensureEnterFlow();\n    } else if (phaseRef.current === 'exit-pending') {\n      // Schedule RAF for exit, mirroring the enter flow timing\n      ensureExitPendingFlow();\n    }\n    return cancelRAF;\n  }, [phase]);\n\n  // Map internal phase to reported phase (exit-pending is reported as 'entered')\n  const reportedPhase: ReportedPhase =\n    phase === 'exit-pending' ? 'entered' : phase;\n\n  // Call onPhaseChange when reported phase changes\n  const prevReportedPhaseRef = useRef(reportedPhase);\n  useLayoutEffect(() => {\n    if (prevReportedPhaseRef.current !== reportedPhase) {\n      prevReportedPhaseRef.current = reportedPhase;\n      onPhaseChangeEvent?.(reportedPhase);\n    }\n  }, [reportedPhase, onPhaseChangeEvent]);\n\n  // Render-time boolean (true only when visually shown)\n  const isShownNow = phase === 'entered' || phase === 'exit-pending';\n  const prevIsShownRef = useRef(isShownNow);\n\n  // Call onToggle when isShown changes\n  useLayoutEffect(() => {\n    if (prevIsShownRef.current !== isShownNow) {\n      prevIsShownRef.current = isShownNow;\n      onToggleEvent?.(isShownNow);\n    }\n  }, [isShownNow, onToggleEvent]);\n\n  // Ref callback to attach to the transitioned element. A consumer that wraps\n  // it inline or with `mergeRefs`, as `Tooltip` does, hands React a new ref\n  // every render, so React detaches it and re-attaches the same node. Keep the\n  // listeners on that node: once `transitionstart` has cancelled the fallback\n  // timer, only they can end the transition, and without them the element\n  // would stay mounted. A different node ends that wait through the fallback.\n  const refCallback: RefCallback<HTMLElement> = useCallback((node) => {\n    elementRef.current = node;\n    // Don't call ensureEnterFlow() here - useLayoutEffect handles RAF scheduling\n    // to ensure symmetric timing with exit flow\n    const listeners = eventListenersRef.current;\n    if (node && listeners && listeners.element !== node) {\n      cleanupEventListeners();\n      clearTimer();\n      // Defer completion so a driver change in this commit can cancel it in\n      // the layout effect. The replacement may have no transition to await.\n      timerRef.current = setTimeout(listeners.complete, 150);\n    }\n  }, []);\n\n  // Update stored children only when showing (enter/entered phase and targetShown is true)\n  // This prevents overwriting during exit transitions, preserving content for the animation\n  const isShowingContent =\n    (phase === 'enter' || phase === 'entered') && targetShown;\n\n  if (isShowingContent) {\n    storedChildrenRef.current = children;\n  }\n\n  // Preserve the last shown content through exit, but let exposed unmounted\n  // content update so newly added controls remain reachable by keyboard.\n  const effectiveChildren =\n    preserveContent && phase !== 'unmounted'\n      ? storedChildrenRef.current\n      : children;\n\n  if (phase === 'unmounted' && !exposeUnmounted) return null;\n  return effectiveChildren({\n    phase:\n      reportedPhase === 'enter' && duration !== undefined && !duration\n        ? 'entered'\n        : reportedPhase,\n    isShown: isShownNow,\n    isExiting: !targetShown && phase !== 'unmounted',\n    ref: refCallback,\n  });\n}\n"],"mappings":"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"}
+{"version":3,"file":"DisplayTransition.js","names":["ReactNode","RefCallback","useCallback","useLayoutEffect","useRef","useState","AUTO_FALLBACK_DURATION","hasRunningTransition","element","HTMLElement","getAnimations","some","animation","playState","Phase","ReportedPhase","DisplayTransitionProps","isShown","duration","onRest","transition","onPhaseChange","phase","onToggle","exposeUnmounted","animateOnMount","respectReducedMotion","preserveContent","children","props","isExiting","ref","useEvent","fn","$","_c","t0","t1","current","t2","Symbol","for","t3","args","DisplayTransition","targetShown","prefersReduced","window","matchMedia","matches","dur","storedChildrenRef","elementRef","transitionStartedRef","eventListenersRef","complete","onTransitionStart","e","TransitionEvent","onTransitionEnd","onTransitionCancel","setPhase","phaseRef","onRestEvent","onPhaseChangeEvent","onToggleEvent","flowRef","rafRef","timerRef","ReturnType","setTimeout","cancelRAF","cancelAnimationFrame","clearTimer","clearTimeout","nextPaint","cb","flow","requestAnimationFrame","cleanupEventListeners","listeners","removeEventListener","afterDuration","undefined","completed","target","addEventListener","ensureEnterFlow","ensureExitFlow","ensureExitPendingFlow","reportedPhase","prevReportedPhaseRef","isShownNow","prevIsShownRef","refCallback","node","isShowingContent","effectiveChildren","_c"],"sources":["../../../../src/components/helpers/DisplayTransition/DisplayTransition.tsx"],"sourcesContent":["import {\n  ReactNode,\n  RefCallback,\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\n\nconst AUTO_FALLBACK_DURATION = 500;\n\n/**\n * Whether a CSS transition still runs on the element itself. A transition that\n * replaces a running one, as a collapse that interrupts the expand does, starts\n * in the frame the browser cancels the old one, so that cancel does not mean\n * the element has settled.\n */\nfunction hasRunningTransition(element: HTMLElement): boolean {\n  // jsdom has no Web Animations API.\n  if (typeof element.getAnimations !== 'function') return false;\n\n  return element\n    .getAnimations()\n    .some(\n      (animation) =>\n        'transitionProperty' in animation && animation.playState === 'running',\n    );\n}\n\ntype Phase = 'enter' | 'entered' | 'exit-pending' | 'exit' | 'unmounted';\nexport type ReportedPhase = 'enter' | 'entered' | 'exit' | 'unmounted';\n\nexport type DisplayTransitionProps = {\n  /** Desired visibility (driver). */\n  isShown: boolean;\n  /** Times enter->entered and exit->unmounted. 0 => immediate. If undefined, uses native transition events. */\n  duration?: number;\n  /** Fires after enter settles or after exit completes (unmount). */\n  onRest?: (transition: 'enter' | 'exit') => void;\n  /** Fires when phase changes. */\n  onPhaseChange?: (phase: ReportedPhase) => void;\n  /** Fires when isShown (derived from phase) changes. */\n  onToggle?: (isShown: boolean) => void;\n  /** Keep calling children during \"unmounted\" (you decide what to render). */\n  exposeUnmounted?: boolean;\n  /** If false and initially shown, start at \"entered\" (no first-mount animation/SSR pop). */\n  animateOnMount?: boolean;\n  /** Respect prefers-reduced-motion by collapsing duration to 0. */\n  respectReducedMotion?: boolean;\n  /** Preserve children content during exit transition. When true, uses stored children from when content was visible. @default true */\n  preserveContent?: boolean;\n  /** Render-prop gets { phase, isShown, isExiting, ref }. Bind ref to the transitioned element for native event detection. */\n  children: (props: {\n    phase: ReportedPhase;\n    isShown: boolean;\n    /**\n     * True from the render where the `isShown` prop turns false until the\n     * phase reaches `'unmounted'`. Unlike `phase` and this `isShown`, which\n     * still report the shown state for the two frames before the exit starts,\n     * it never lags the prop, and unlike the values the render prop closes\n     * over, `preserveContent` never freezes it.\n     */\n    isExiting: boolean;\n    ref: RefCallback<HTMLElement>;\n  }) => ReactNode;\n};\n\n// Stable callback to avoid stale closures\nfunction useEvent<T extends (...a: any[]) => any>(fn?: T) {\n  const ref = useRef(fn);\n  useLayoutEffect(() => {\n    ref.current = fn;\n  }, [fn]);\n  return useCallback((...args: Parameters<NonNullable<T>>) => {\n    return ref.current?.(...args);\n  }, []);\n}\n\nexport function DisplayTransition({\n  isShown: targetShown,\n  duration,\n  onRest,\n  onPhaseChange,\n  onToggle,\n  exposeUnmounted = false,\n  animateOnMount = true,\n  respectReducedMotion = true,\n  preserveContent = true,\n  children,\n}: DisplayTransitionProps) {\n  // Reduced motion → collapse timing\n  const prefersReduced =\n    respectReducedMotion &&\n    typeof window !== 'undefined' &&\n    window.matchMedia?.('(prefers-reduced-motion: reduce)')?.matches;\n  const dur = prefersReduced ? 0 : duration;\n\n  // Store children to preserve content during exit transitions\n  const storedChildrenRef = useRef<typeof children>(children);\n\n  // For native transition event detection\n  const elementRef = useRef<HTMLElement | null>(null);\n  const transitionStartedRef = useRef(false);\n  const eventListenersRef = useRef<{\n    element: HTMLElement;\n    complete: () => void;\n    onTransitionStart: (e: TransitionEvent) => void;\n    onTransitionEnd: (e: TransitionEvent) => void;\n    onTransitionCancel: (e: TransitionEvent) => void;\n  } | null>(null);\n\n  // Initial phase (optionally skip first-mount animation)\n  const [phase, setPhase] = useState<Phase>(\n    targetShown ? (animateOnMount ? 'enter' : 'entered') : 'unmounted',\n  );\n  const phaseRef = useRef(phase);\n  phaseRef.current = phase;\n\n  // Advance phase synchronously during render so the overlay element\n  // exists in the same commit. This lets useOverlayPosition (and similar\n  // hooks) find the element on their first layout-effect run.\n  if (targetShown && phase === 'unmounted') {\n    setPhase('enter');\n  }\n\n  const onRestEvent = useEvent(onRest);\n  const onPhaseChangeEvent = useEvent(onPhaseChange);\n  const onToggleEvent = useEvent(onToggle);\n\n  // Versioned scheduling (Strict Mode & rapid toggles safe)\n  const flowRef = useRef(0);\n  const rafRef = useRef<number | null>(null);\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const cancelRAF = () => {\n    if (rafRef.current != null) {\n      cancelAnimationFrame(rafRef.current);\n      rafRef.current = null;\n    }\n  };\n  const clearTimer = () => {\n    if (timerRef.current != null) {\n      clearTimeout(timerRef.current);\n      timerRef.current = null;\n    }\n  };\n\n  // Double-rAF ensures at least one paint with \"enter\" before flipping to \"entered\".\n  const nextPaint = (cb: () => void) => {\n    cancelRAF();\n    const flow = flowRef.current;\n    rafRef.current = requestAnimationFrame(() => {\n      if (flowRef.current !== flow) return;\n      rafRef.current = requestAnimationFrame(() => {\n        if (flowRef.current !== flow) return;\n        rafRef.current = null;\n        cb();\n      });\n    });\n  };\n\n  const cleanupEventListeners = () => {\n    const listeners = eventListenersRef.current;\n    if (listeners) {\n      const { element } = listeners;\n      element.removeEventListener(\n        'transitionstart',\n        listeners.onTransitionStart,\n      );\n      element.removeEventListener('transitionend', listeners.onTransitionEnd);\n      element.removeEventListener(\n        'transitioncancel',\n        listeners.onTransitionCancel,\n      );\n      eventListenersRef.current = null;\n    }\n  };\n\n  const afterDuration = (cb: () => void) => {\n    const flow = flowRef.current;\n\n    // If using native event detection\n    if (dur === undefined) {\n      const element = elementRef.current;\n\n      cleanupEventListeners();\n      transitionStartedRef.current = false;\n\n      let completed = false;\n      const complete = () => {\n        if (completed || flowRef.current !== flow) return;\n        completed = true;\n        clearTimer();\n        cleanupEventListeners();\n        cb();\n      };\n\n      if (!element) {\n        // No element to listen on - use fallback timer to avoid immediate completion\n        clearTimer();\n        timerRef.current = setTimeout(() => {\n          if (flowRef.current !== flow) return;\n          timerRef.current = null;\n          complete();\n        }, AUTO_FALLBACK_DURATION);\n\n        return;\n      }\n\n      const onTransitionStart = (e: TransitionEvent) => {\n        // Ignore bubbled events from children - only react to our own element's transitions\n        if (e.target !== element) return;\n        if (flowRef.current !== flow) return;\n        transitionStartedRef.current = true;\n        clearTimer(); // Cancel fallback timer once transition starts\n      };\n\n      const onTransitionEnd = (e: TransitionEvent) => {\n        // Ignore bubbled events from children - only react to our own element's transitions\n        if (e.target !== element) return;\n        if (flowRef.current !== flow) return;\n        if (hasRunningTransition(element)) return;\n        complete();\n      };\n\n      // Also the end of the transition this flow replaced: it is cancelled as\n      // this flow's own transition starts, so wait for that one instead.\n      const onTransitionCancel = (e: TransitionEvent) => {\n        // Ignore bubbled events from children - only react to our own element's transitions\n        if (e.target !== element) return;\n        if (flowRef.current !== flow) return;\n        if (hasRunningTransition(element)) return;\n        complete();\n      };\n\n      eventListenersRef.current = {\n        element,\n        complete,\n        onTransitionStart,\n        onTransitionEnd,\n        onTransitionCancel,\n      };\n\n      element.addEventListener('transitionstart', onTransitionStart);\n      element.addEventListener('transitionend', onTransitionEnd);\n      element.addEventListener('transitioncancel', onTransitionCancel);\n\n      // Fallback: if no transitionstart fires within 150ms, assume no transition\n      timerRef.current = setTimeout(() => {\n        if (flowRef.current !== flow) return;\n        if (!transitionStartedRef.current) {\n          complete();\n        }\n      }, 150);\n\n      return;\n    }\n\n    // If using explicit duration\n    if (dur <= 0) {\n      cb();\n      return;\n    }\n    clearTimer();\n    timerRef.current = setTimeout(() => {\n      if (flowRef.current !== flow) return;\n      timerRef.current = null;\n      cb();\n    }, dur);\n  };\n\n  const ensureEnterFlow = () => {\n    if (phaseRef.current !== 'enter') {\n      return;\n    }\n\n    // Element ref is only required for native transition event detection (duration === undefined).\n    // When using explicit duration, setTimeout handles timing so no element is needed.\n    if (dur === undefined && !elementRef.current) {\n      return;\n    }\n\n    // frame N: \"enter\" (hidden) → frame N+1: \"entered\" (shown) → after dur: onRest(\"enter\")\n    nextPaint(() => {\n      if (phaseRef.current !== 'enter') return;\n      setPhase('entered');\n      afterDuration(() => onRestEvent?.('enter'));\n    });\n  };\n\n  const ensureExitFlow = () => {\n    // \"exit\" (hidden) → after dur → \"unmounted\" → onRest(\"exit\")\n    afterDuration(() => {\n      setPhase('unmounted');\n      onRestEvent?.('exit');\n    });\n  };\n\n  // frame N: \"exit-pending\" (still shown) → frame N+1: \"exit\" (hidden) → ensureExitFlow.\n  // Idempotent and re-callable, mirroring ensureEnterFlow: whoever cancels the\n  // pending rAF is responsible for re-arming it.\n  const ensureExitPendingFlow = () => {\n    nextPaint(() => {\n      if (phaseRef.current !== 'exit-pending') return;\n      setPhase('exit');\n      ensureExitFlow();\n    });\n  };\n\n  useLayoutEffect(() => {\n    ++flowRef.current; // invalidate any pending work\n    const current = phaseRef.current;\n\n    if (targetShown) {\n      if (current === 'unmounted' || current === 'exit') {\n        setPhase('enter');\n        ensureEnterFlow();\n      } else if (current === 'enter') {\n        ensureEnterFlow();\n      } else if (current === 'exit-pending') {\n        // User toggled back before exit started, cancel and stay entered\n        cancelRAF();\n        clearTimer();\n        setPhase('entered');\n      } else {\n        // already \"entered\"\n        cancelRAF();\n        clearTimer();\n      }\n    } else {\n      if (current === 'unmounted') {\n        cancelRAF();\n        clearTimer();\n      } else if (current !== 'exit' && current !== 'exit-pending') {\n        // Set intermediate phase to trigger re-render, RAF will be scheduled from layout effect\n        setPhase('exit-pending');\n      } else if (current === 'exit') {\n        ensureExitFlow();\n      } else {\n        // Still \"exit-pending\": our own cleanup just cancelled the rAF the\n        // [phase] effect scheduled, and that effect will not re-run because\n        // `phase` did not change. Re-arm it here or the content stays visible\n        // forever while the driver reports hidden.\n        ensureExitPendingFlow();\n      }\n    }\n\n    return () => {\n      cancelRAF();\n      clearTimer();\n      cleanupEventListeners();\n    };\n  }, [targetShown, dur, onRestEvent]);\n\n  // Schedule RAF from layout effect for both enter and exit-pending to ensure symmetric timing\n  useLayoutEffect(() => {\n    if (phaseRef.current === 'enter') {\n      ensureEnterFlow();\n    } else if (phaseRef.current === 'exit-pending') {\n      // Schedule RAF for exit, mirroring the enter flow timing\n      ensureExitPendingFlow();\n    }\n    return cancelRAF;\n  }, [phase]);\n\n  // Map internal phase to reported phase (exit-pending is reported as 'entered')\n  const reportedPhase: ReportedPhase =\n    phase === 'exit-pending' ? 'entered' : phase;\n\n  // Call onPhaseChange when reported phase changes\n  const prevReportedPhaseRef = useRef(reportedPhase);\n  useLayoutEffect(() => {\n    if (prevReportedPhaseRef.current !== reportedPhase) {\n      prevReportedPhaseRef.current = reportedPhase;\n      onPhaseChangeEvent?.(reportedPhase);\n    }\n  }, [reportedPhase, onPhaseChangeEvent]);\n\n  // Render-time boolean (true only when visually shown)\n  const isShownNow = phase === 'entered' || phase === 'exit-pending';\n  const prevIsShownRef = useRef(isShownNow);\n\n  // Call onToggle when isShown changes\n  useLayoutEffect(() => {\n    if (prevIsShownRef.current !== isShownNow) {\n      prevIsShownRef.current = isShownNow;\n      onToggleEvent?.(isShownNow);\n    }\n  }, [isShownNow, onToggleEvent]);\n\n  // Ref callback to attach to the transitioned element. A consumer that wraps\n  // it inline or with `mergeRefs`, as `Tooltip` does, hands React a new ref\n  // every render, so React detaches it and re-attaches the same node. Keep the\n  // listeners on that node: once `transitionstart` has cancelled the fallback\n  // timer, only they can end the transition, and without them the element\n  // would stay mounted. A different node ends that wait through the fallback.\n  const refCallback: RefCallback<HTMLElement> = useCallback((node) => {\n    elementRef.current = node;\n    // Don't call ensureEnterFlow() here - useLayoutEffect handles RAF scheduling\n    // to ensure symmetric timing with exit flow\n    const listeners = eventListenersRef.current;\n    if (node && listeners && listeners.element !== node) {\n      cleanupEventListeners();\n      clearTimer();\n      // Defer completion so a driver change in this commit can cancel it in\n      // the layout effect. The replacement may have no transition to await.\n      timerRef.current = setTimeout(listeners.complete, 150);\n    }\n  }, []);\n\n  // Update stored children only when showing (enter/entered phase and targetShown is true)\n  // This prevents overwriting during exit transitions, preserving content for the animation\n  const isShowingContent =\n    (phase === 'enter' || phase === 'entered') && targetShown;\n\n  if (isShowingContent) {\n    storedChildrenRef.current = children;\n  }\n\n  // Preserve the last shown content through exit, but let exposed unmounted\n  // content update so newly added controls remain reachable by keyboard.\n  const effectiveChildren =\n    preserveContent && phase !== 'unmounted'\n      ? storedChildrenRef.current\n      : children;\n\n  if (phase === 'unmounted' && !exposeUnmounted) return null;\n  return effectiveChildren({\n    phase:\n      reportedPhase === 'enter' && duration !== undefined && !duration\n        ? 'entered'\n        : reportedPhase,\n    isShown: isShownNow,\n    isExiting: !targetShown && phase !== 'unmounted',\n    ref: refCallback,\n  });\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.0 | Cube Dev Team */
 import { ItemButton as _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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.0 | Cube Dev Team */
 import { Item as _Item } from "../../content/Item/Item.js";
 import { tasty } from "@tenphi/tasty";
 //#region src/components/navigation/Tabs/styled.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useState } from "react";
 //#region src/components/navigation/Tabs/use-tab-editing.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.0 | Cube Dev Team */
 import { Text as _Text } from "../../content/Text.js";
 import { Title as _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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.0 | Cube Dev Team */
 import { Title as _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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.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.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.0 | Cube Dev Team */
 import { wrapIcon } from "../../../icons/wrap-icon.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/other/NoDataIcon/NoDataIcon.tsx

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.0 | Cube Dev Team */
 import { AlertDialogZone } from "./AlertDialogZone.js";
 import { c } from "react/compiler-runtime";
 import { createContext, useContext, useLayoutEffect, useRef, useState } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.0 | Cube Dev Team */
 import { Portal } from "../../portal/Portal.js";
 import { DialogContainer } from "../Dialog/DialogContainer.js";
 import { AlertDialog as _AlertDialog } from "./AlertDialog.js";

package/dist/components/overlays/Dialog/Dialog.d.ts

@@ -3,7 +3,13 @@ import { BaseProps, BaseStyleProps, BlockStyleProps, DimensionStyleProps, Styles
 import { ReactElement } from "react";
 import { AriaDialogProps } from "react-aria";
 //#region src/components/overlays/Dialog/Dialog.d.ts
-export interface CubeDialogProps extends Omit<BaseProps, 'role'>, AriaDialogProps, BaseStyleProps, BlockStyleProps, DimensionStyleProps {
+export interface CubeDialogProps extends Omit<BaseProps, 'role'>, AriaDialogProps, BaseStyleProps, BlockStyleProps, Omit<DimensionStyleProps, 'width'> {
+  /**
+   * The dialog's preferred width, one value (`520px`, `65x`, `600`). It keeps
+   * the type's maximum, so the dialog still fits a phone, and replaces
+   * `$min-dialog-size`. To clamp the width yourself, set `styles.width`.
+   */
+  width?: string | number;
   /** The size of the dialog */
   size?: 'S' | 'M' | 'L' | 'small' | 'medium' | 'large';
   /**