npm - @cube-dev/ui-kit - Versions diffs - 0.0.0-canary-900eb1f → 0.0.0-canary-e852864 - Mend

@cube-dev/ui-kit 0.0.0-canary-900eb1f → 0.0.0-canary-e852864

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

Files changed (780) hide show

package/dist/components/content/Avatar/Avatar.js CHANGED Viewed

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, Element, filterBaseProps } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsxs } from "react/jsx-runtime";

package/dist/components/content/Badge/Badge.js CHANGED Viewed

@@ -1,7 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { _Item } from "../Item/Item.js";
 import themes_default from "../../../data/themes.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/content/Card/Card.js CHANGED Viewed

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/content/Content.js CHANGED Viewed

@@ -1,7 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, TEXT_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/content/CopyPasteBlock/CopyPasteBlock.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useTimer } from "../../../_internal/hooks/use-timer/use-timer.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/content/CopySnippet/CopySnippet.d.ts CHANGED Viewed

@@ -11,6 +11,7 @@ import "../../../index.js";
 import * as _tenphi_tasty0 from "@tenphi/tasty";
 import * as react from "react";
 import { ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as react_aria0 from "react-aria";
 import * as _react_types_shared0 from "@react-types/shared";
@@ -164,7 +165,7 @@ declare const ActionButton: react.ComponentType<{
   results?: number | undefined;
   security?: string | undefined;
   unselectable?: "off" | "on" | undefined;
-  popover?: "" | "auto" | "manual" | "hint" | undefined;
+  popover?: "" | "auto" | "manual" | undefined;
   popoverTargetAction?: "hide" | "toggle" | "show" | undefined;
   popoverTarget?: string | undefined;
   inert?: boolean | undefined;
@@ -244,18 +245,18 @@ declare const ActionButton: react.ComponentType<{
   onFocusCapture?: react.FocusEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
   onBlur?: react.FocusEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
   onBlurCapture?: react.FocusEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
-  onChange?: react.ChangeEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement, Element> | undefined;
-  onChangeCapture?: react.ChangeEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement, Element> | undefined;
+  onChange?: react.FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
+  onChangeCapture?: react.FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
   onBeforeInput?: react.InputEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
-  onBeforeInputCapture?: react.InputEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
-  onInput?: react.InputEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
-  onInputCapture?: react.InputEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
-  onReset?: react.ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
-  onResetCapture?: react.ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
-  onSubmit?: react.SubmitEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
-  onSubmitCapture?: react.SubmitEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
-  onInvalid?: react.ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
-  onInvalidCapture?: react.ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
+  onBeforeInputCapture?: react.FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
+  onInput?: react.FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
+  onInputCapture?: react.FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
+  onReset?: react.FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
+  onResetCapture?: react.FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
+  onSubmit?: react.FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
+  onSubmitCapture?: react.FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
+  onInvalid?: react.FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
+  onInvalidCapture?: react.FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
   onLoad?: react.ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
   onLoadCapture?: react.ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
   onError?: react.ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
@@ -477,7 +478,12 @@ declare const ActionButton: react.ComponentType<{
   tooltip?: string | boolean | (Omit<CubeTooltipProviderProps, "children"> & {
     auto?: boolean;
   }) | undefined;
+  icon?: DynamicIcon<ButtonMods>;
+  rightIcon?: DynamicIcon<ButtonMods>;
+  isSelected?: boolean | undefined;
   htmlType?: "button" | "submit" | "reset" | undefined;
+  isLoading?: boolean | undefined;
+  defaultTooltipPlacement?: react_aria0.Placement | undefined;
   onPress?: ((e: react_aria0.PressEvent) => void) | undefined;
   onPressStart?: ((e: react_aria0.PressEvent) => void) | undefined;
   onPressEnd?: ((e: react_aria0.PressEvent) => void) | undefined;
@@ -488,11 +494,6 @@ declare const ActionButton: react.ComponentType<{
   preventFocusOnPress?: boolean | undefined;
   excludeFromTabOrder?: boolean | undefined;
   to?: NavigateArg | undefined;
-  icon?: DynamicIcon<ButtonMods>;
-  isLoading?: boolean | undefined;
-  isSelected?: boolean | undefined;
-  rightIcon?: DynamicIcon<ButtonMods>;
-  defaultTooltipPlacement?: react_aria0.Placement | undefined;
 } & {}>;
 interface CubeCopySnippetProps extends CubeCardProps {
   /** The code snippet */
@@ -522,7 +523,7 @@ interface CubeCopySnippetProps extends CubeCardProps {
   hideText?: string[] | string | boolean;
   actions?: ReactNode;
 }
-declare function CopySnippet(allProps: CubeCopySnippetProps): react.JSX.Element;
+declare function CopySnippet(allProps: CubeCopySnippetProps): react_jsx_runtime0.JSX.Element;
 declare const _CopySnippet: typeof CopySnippet & {
   Button: typeof ActionButton;
 } & {
@@ -675,7 +676,7 @@ declare const _CopySnippet: typeof CopySnippet & {
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "off" | "on" | undefined;
-    popover?: "" | "auto" | "manual" | "hint" | undefined;
+    popover?: "" | "auto" | "manual" | undefined;
     popoverTargetAction?: "hide" | "toggle" | "show" | undefined;
     popoverTarget?: string | undefined;
     inert?: boolean | undefined;
@@ -755,18 +756,18 @@ declare const _CopySnippet: typeof CopySnippet & {
     onFocusCapture?: react.FocusEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
     onBlur?: react.FocusEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
     onBlurCapture?: react.FocusEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
-    onChange?: react.ChangeEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement, Element> | undefined;
-    onChangeCapture?: react.ChangeEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement, Element> | undefined;
+    onChange?: react.FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
+    onChangeCapture?: react.FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
     onBeforeInput?: react.InputEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
-    onBeforeInputCapture?: react.InputEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
-    onInput?: react.InputEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
-    onInputCapture?: react.InputEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
-    onReset?: react.ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
-    onResetCapture?: react.ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
-    onSubmit?: react.SubmitEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
-    onSubmitCapture?: react.SubmitEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
-    onInvalid?: react.ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
-    onInvalidCapture?: react.ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
+    onBeforeInputCapture?: react.FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
+    onInput?: react.FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
+    onInputCapture?: react.FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
+    onReset?: react.FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
+    onResetCapture?: react.FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
+    onSubmit?: react.FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
+    onSubmitCapture?: react.FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
+    onInvalid?: react.FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
+    onInvalidCapture?: react.FormEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
     onLoad?: react.ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
     onLoadCapture?: react.ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
     onError?: react.ReactEventHandler<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLSpanElement> | undefined;
@@ -988,7 +989,12 @@ declare const _CopySnippet: typeof CopySnippet & {
     tooltip?: string | boolean | (Omit<CubeTooltipProviderProps, "children"> & {
       auto?: boolean;
     }) | undefined;
+    icon?: DynamicIcon<ButtonMods>;
+    rightIcon?: DynamicIcon<ButtonMods>;
+    isSelected?: boolean | undefined;
     htmlType?: "button" | "submit" | "reset" | undefined;
+    isLoading?: boolean | undefined;
+    defaultTooltipPlacement?: react_aria0.Placement | undefined;
     onPress?: ((e: react_aria0.PressEvent) => void) | undefined;
     onPressStart?: ((e: react_aria0.PressEvent) => void) | undefined;
     onPressEnd?: ((e: react_aria0.PressEvent) => void) | undefined;
@@ -999,11 +1005,6 @@ declare const _CopySnippet: typeof CopySnippet & {
     preventFocusOnPress?: boolean | undefined;
     excludeFromTabOrder?: boolean | undefined;
     to?: NavigateArg | undefined;
-    icon?: DynamicIcon<ButtonMods>;
-    isLoading?: boolean | undefined;
-    isSelected?: boolean | undefined;
-    rightIcon?: DynamicIcon<ButtonMods>;
-    defaultTooltipPlacement?: react_aria0.Placement | undefined;
   } & {}>;
 };
 //#endregion

package/dist/components/content/CopySnippet/CopySnippet.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { _Tooltip } from "../../overlays/Tooltip/Tooltip.js";
 import { TooltipTrigger } from "../../overlays/Tooltip/TooltipTrigger.js";
 import { useI18n } from "../../../i18n/useI18n.js";
@@ -10,7 +10,7 @@ import { Button } from "../../actions/index.js";
 import { _PrismCode } from "../PrismCode/PrismCode.js";
 import { useToast } from "../../overlays/Toast/useToast.js";
 import { Card } from "../Card/Card.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/content/Disclosure/Disclosure.js CHANGED Viewed

@@ -1,10 +1,10 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
 import { RightIcon } from "../../../icons/RightIcon.js";
 import { _ItemButton } from "../../actions/ItemButton/ItemButton.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { OUTER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { createContext, forwardRef, useContext, useRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/content/Divider.js CHANGED Viewed

@@ -1,7 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { BASE_STYLES, COLOR_STYLES, OUTER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/content/Footer.js CHANGED Viewed

@@ -1,7 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, TEXT_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/content/Header.js CHANGED Viewed

@@ -1,7 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, TEXT_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/content/HotKeys/HotKeys.js CHANGED Viewed

@@ -1,9 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { _Text } from "../Text.js";
 import { useKeySymbols } from "../../../utils/react/useKeySymbols.js";
 import { Space } from "../../layout/Space.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { Children, Fragment, forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/content/InfoBadge/InfoBadge.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { useWarn } from "../../../_internal/hooks/use-warn.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { ItemBadge } from "../ItemBadge/ItemBadge.js";

package/dist/components/content/InlineInput/InlineInput.js CHANGED Viewed

@@ -1,9 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | 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";
 import { useAutoTooltip } from "../use-auto-tooltip.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { BLOCK_STYLES, COLOR_STYLES, OUTER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/content/Item/Item.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { getDisabledElementProps, omitActivationEventProps } from "../../../utils/react/disabledProps.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { resolveIcon } from "../../../utils/react/resolveIcon.js";
@@ -14,7 +14,7 @@ import { ItemBadge } from "../ItemBadge/ItemBadge.js";
 import { IconSwitch } from "../../helpers/IconSwitch/IconSwitch.js";
 import { splitTooltipTriggerProps } from "../../overlays/Tooltip/split-trigger-props.js";
 import { _HotKeys } from "../HotKeys/HotKeys.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef, isValidElement } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/content/ItemBadge/ItemBadge.js CHANGED Viewed

@@ -1,11 +1,11 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
 import { CURRENT_CLEAR_STYLES, CURRENT_OUTLINE_STYLES, CURRENT_PRIMARY_STYLES, DANGER_CLEAR_STYLES, DANGER_OUTLINE_STYLES, DANGER_PRIMARY_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_OUTLINE_STYLES, DEFAULT_PRIMARY_STYLES, ITEM_ACTION_BASE_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES } from "../../../data/item-themes.js";
 import { CheckIcon } from "../../../icons/CheckIcon.js";
 import { LoadingIcon } from "../../../icons/LoadingIcon.js";
 import { useItemActionContext } from "../../actions/ItemActionContext.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { mergeStyles, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/content/ItemCard/ItemCard.js CHANGED Viewed

@@ -1,7 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { _Item } from "../Item/Item.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/content/Layout/GridLayout.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { _Layout } from "./Layout.js";
 import { _LayoutContent } from "./LayoutContent.js";
 import { _LayoutBlock } from "./LayoutBlock.js";
@@ -10,7 +10,7 @@ import { _LayoutPane } from "./LayoutPane.js";
 import { _LayoutPanel } from "./LayoutPanel.js";
 import { _LayoutPanelHeader } from "./LayoutPanelHeader.js";
 import { _LayoutToolbar } from "./LayoutToolbar.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/content/Layout/Layout.js CHANGED Viewed

@@ -1,12 +1,12 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { isDevEnv } from "../../../utils/is-dev-env.js";
 import { Alert } from "../Alert/Alert.js";
-import { LayoutProvider, useLayoutActionsContext, useLayoutRefsContext, useLayoutStateContext } from "./LayoutContext.js";
-import { c } from "react/compiler-runtime";
+import { LayoutPanelTransitionContext, LayoutProvider, useLayoutActionsContext, useLayoutRefsContext, useLayoutStateContext } from "./LayoutContext.js";
+import { c } from "react-compiler-runtime";
 import { INNER_STYLES, OUTER_STYLES, filterBaseProps, mergeStyles, tasty } from "@tenphi/tasty";
-import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { forwardRef, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useResizeObserver } from "@react-aria/utils";
@@ -108,6 +108,7 @@ function LayoutInner(props) {
 	const markReady = layoutActions?.markReady;
 	const dismissOverlayPanels = layoutActions?.dismissOverlayPanels;
 	const hasOverlayPanels = layoutState?.hasOverlayPanels ?? false;
+	const isClippingPanels = useContext(LayoutPanelTransitionContext)?.isClippingPanels ?? false;
 	useEffect(() => {
 		const frameId = requestAnimationFrame(() => {
 			markReady?.();
@@ -125,7 +126,7 @@ function LayoutInner(props) {
 			return () => cancelAnimationFrame(frameId_0);
 		}
 	}, [isAutoHeight]);
-	const insetStyle = useMemo(() => {
+	const transitionStyle = { ...useMemo(() => {
 		const baseStyle = {
 			"--inset-top": `${panelSizes.top}px`,
 			"--inset-right": `${panelSizes.right}px`,
@@ -137,7 +138,15 @@ function LayoutInner(props) {
 			...style
 		};
 		return baseStyle;
-	}, [panelSizes, style]);
+	}, [panelSizes, style]) };
+	if (isClippingPanels) {
+		delete transitionStyle.overflowX;
+		delete transitionStyle.overflowY;
+		delete transitionStyle.overflowInline;
+		delete transitionStyle.overflowBlock;
+		transitionStyle.overflow = "clip";
+		transitionStyle.overflowClipMargin = "0px";
+	}
 	const mods = useMemo(() => ({
 		dragging: isDragging,
 		"not-ready": !isReady,
@@ -179,7 +188,7 @@ function LayoutInner(props) {
 		...filterBaseProps(otherProps, { eventProps: true }),
 		mods,
 		styles: finalStyles,
-		style: insetStyle,
+		style: transitionStyle,
 		onKeyDown: hasOverlayPanels ? handleKeyDown : void 0,
 		children: [
 			/* @__PURE__ */ jsx("div", {

package/dist/components/content/Layout/Layout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Layout.js","names":["useResizeObserver","BaseProps","BlockStyleProps","ColorStyleProps","filterBaseProps","FlowStyleProps","INNER_STYLES","mergeStyles","OUTER_STYLES","OuterStyleProps","Styles","tasty","CSSProperties","FocusEvent","ForwardedRef","forwardRef","HTMLAttributes","KeyboardEvent","ReactNode","useCallback","useEffect","useMemo","useRef","useState","isDevEnv","useCombinedRefs","extractStyles","Alert","LayoutProvider","useLayoutActionsContext","useLayoutRefsContext","useLayoutStateContext","LayoutElement","as","qa","styles","position","display","overflow","flexGrow","placeSelf","height","collapsed","vertical","Inner","$","container","inset","flow","placeContent","placeItems","transition","DEV_WARNING_STYLES","zIndex","CubeLayoutProps","isGrid","columns","rows","template","contentPadding","hasTransition","minContentSize","children","innerRef","HTMLDivElement","innerProps","_forceShowDevWarning","doNotOverflow","LayoutInner","props","forwardedRef","layoutActions","layoutState","layoutRefs","localRef","isAutoHeight","setIsAutoHeight","isCollapsed","setIsCollapsed","style","innerRefProp","otherProps","combinedInnerRef","updateContainerSize","ref","onResize","current","offsetWidth","offsetHeight","outerStyles","innerStyles","isVertical","flowFromProp","flowFromStyles","Record","flowValue","startsWith","finalStyles","gridStyles","gridColumns","gridRows","gridTemplate","panelSizes","left","top","right","bottom","isDragging","isReady","markReady","dismissOverlayPanels","hasOverlayPanels","frameId","requestAnimationFrame","cancelAnimationFrame","insetStyle","baseStyle","mods","dragging","setRefs","element","showDevWarning","handleInnerFocus","e","inner","currentTarget","relatedTarget","Node","contains","handleKeyDown","key","preventDefault","stopPropagation","eventProps","undefined","setPanelContainer","Layout","_c","t0","t1","_Layout","displayName"],"sources":["../../../../src/components/content/Layout/Layout.tsx"],"sourcesContent":["import { useResizeObserver } from '@react-aria/utils';\nimport {\n BaseProps,\n BlockStyleProps,\n ColorStyleProps,\n filterBaseProps,\n FlowStyleProps,\n INNER_STYLES,\n mergeStyles,\n OUTER_STYLES,\n OuterStyleProps,\n Styles,\n tasty,\n} from '@tenphi/tasty';\nimport {\n CSSProperties,\n FocusEvent,\n ForwardedRef,\n forwardRef,\n HTMLAttributes,\n KeyboardEvent,\n ReactNode,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\n\nimport { isDevEnv } from '../../../utils/is-dev-env';\nimport { useCombinedRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { Alert } from '../Alert';\n\nimport {\n LayoutProvider,\n useLayoutActionsContext,\n useLayoutRefsContext,\n useLayoutStateContext,\n} from './LayoutContext';\n\nconst LayoutElement = tasty({\n as: 'div',\n qa: 'Layout',\n styles: {\n position: 'relative',\n display: 'block',\n overflow: {\n '': 'visible',\n 'do-not-overflow': 'hidden',\n },\n flexGrow: 1,\n placeSelf: 'stretch',\n height: {\n '': 'auto',\n 'auto-height': 'fixed 100%',\n collapsed: '6x',\n },\n\n '$content-padding': '1x',\n // Auto-border size for sub-components (set when layout is vertical)\n '$layout-border-size': {\n '': '0',\n vertical: '1bw',\n },\n\n Inner: {\n // .base-class[data-hover] > [data-element=\"Inner\"] { ...}\n // Direct child selector required for nested layouts\n $: '>',\n container: 'layout / inline-size',\n position: 'absolute',\n inset: '$inset-top $inset-right $inset-bottom $inset-left',\n display: 'flex',\n flow: 'column',\n placeContent: 'stretch',\n placeItems: 'stretch',\n // Disable transition during panel resize for snappy feedback\n // Also disable transition when not ready to prevent initial animation\n // Only animate when has-transition is enabled (and not dragging/not-ready)\n transition: {\n '': 'none',\n 'has-transition': 'inset $transition ease-out',\n 'dragging \| not-ready': 'none',\n },\n },\n },\n});\n\n// The collapse warning sits on top of `Inner` rather than in place of it.\n// `Inner` is absolutely positioned, so an in-flow sibling would paint beneath\n// it; match its box and take the layer above.\nconst DEV_WARNING_STYLES: Styles = {\n position: 'absolute',\n inset: '0',\n zIndex: 1,\n overflow: 'auto',\n};\n\nexport interface CubeLayoutProps\n extends BaseProps,\n OuterStyleProps,\n BlockStyleProps,\n ColorStyleProps,\n FlowStyleProps {\n /** Switch to grid display mode /\n isGrid?: boolean;\n /* Grid template columns (when isGrid=true) /\n columns?: Styles['gridColumns'];\n /* Grid template rows (when isGrid=true) /\n rows?: Styles['gridRows'];\n /* Grid template shorthand /\n template?: Styles['gridTemplate'];\n /* Padding for content areas (Layout.Content components). Default: '1x' /\n contentPadding?: Styles['padding'];\n /* Enable transition animation for Inner content when panels open/close /\n hasTransition?: boolean;\n /* Minimum size reserved for the content area between panels. Default: 320 /\n minContentSize?: number;\n /* Styles for wrapper and Inner sub-element /\n styles?: Styles;\n children?: ReactNode;\n /* Ref for the inner content element /\n innerRef?: ForwardedRef<HTMLDivElement>;\n /* Props to spread on the Inner sub-element /\n innerProps?: HTMLAttributes<HTMLDivElement>;\n /\n @internal Force show dev warning even in production (for storybook testing)\n /\n _forceShowDevWarning?: boolean;\n /\n When true, applies overflow: hidden to the root element.\n * By default, overflow is visible.\n /\n doNotOverflow?: boolean;\n}\n\nfunction LayoutInner(\n props: CubeLayoutProps & { forwardedRef?: ForwardedRef<HTMLDivElement> },\n) {\n const layoutActions = useLayoutActionsContext();\n const layoutState = useLayoutStateContext();\n const layoutRefs = useLayoutRefsContext();\n const localRef = useRef<HTMLDivElement>(null);\n const [isAutoHeight, setIsAutoHeight] = useState(false);\n const [isCollapsed, setIsCollapsed] = useState(false);\n\n const {\n isGrid,\n columns,\n rows,\n template,\n contentPadding,\n hasTransition = false,\n minContentSize,\n styles,\n children,\n style,\n forwardedRef,\n innerRef: innerRefProp,\n innerProps,\n _forceShowDevWarning,\n doNotOverflow,\n ...otherProps\n } = props;\n\n const combinedInnerRef = useCombinedRefs(innerRefProp);\n const updateContainerSize = layoutActions?.updateContainerSize;\n\n useResizeObserver({\n ref: localRef,\n onResize: useCallback(() => {\n if (localRef.current) {\n updateContainerSize?.(\n localRef.current.offsetWidth,\n localRef.current.offsetHeight,\n );\n }\n }, [updateContainerSize]),\n });\n\n // Extract outer wrapper styles and inner content styles\n const outerStyles = extractStyles(otherProps, OUTER_STYLES);\n const innerStyles = extractStyles(otherProps, INNER_STYLES);\n\n // Calculate if the layout flow is vertical (for auto-border feature)\n // Default flow is 'column' (vertical), only horizontal when explicitly set to 'row'\n const isVertical = useMemo(() => {\n const flowFromProp = innerStyles?.flow;\n const flowFromStyles = (styles?.Inner as Record<string, unknown>)?.flow;\n const flowValue = flowFromProp ?? flowFromStyles;\n\n return typeof flowValue !== 'string' \|\| !flowValue.startsWith('row');\n }, [innerStyles?.flow, styles?.Inner]);\n\n // Merge styles using the same pattern as LayoutPane\n const finalStyles = useMemo(() => {\n // Handle grid mode and grid properties\n const gridStyles: Styles = {};\n\n if (isGrid) {\n gridStyles.display = 'grid';\n }\n\n if (columns) {\n gridStyles.gridColumns = columns;\n }\n\n if (rows) {\n gridStyles.gridRows = rows;\n }\n\n if (template) {\n gridStyles.gridTemplate = template;\n }\n\n return mergeStyles(\n outerStyles,\n contentPadding != null ? { '$content-padding': contentPadding } : null,\n styles,\n { Inner: mergeStyles(innerStyles, gridStyles, styles?.Inner as Styles) },\n );\n }, [\n outerStyles,\n innerStyles,\n contentPadding,\n styles,\n isGrid,\n columns,\n rows,\n template,\n ]);\n\n // Calculate inset values from panel sizes\n const panelSizes = layoutState?.panelSizes ?? {\n left: 0,\n top: 0,\n right: 0,\n bottom: 0,\n };\n\n const isDragging = layoutState?.isDragging ?? false;\n const isReady = layoutState?.isReady ?? true;\n const markReady = layoutActions?.markReady;\n const dismissOverlayPanels = layoutActions?.dismissOverlayPanels;\n const hasOverlayPanels = layoutState?.hasOverlayPanels ?? false;\n\n // Mark layout as ready after first paint\n // Using useEffect + requestAnimationFrame ensures:\n // 1. Panels register in useLayoutEffect → correct insets before first paint\n // 2. First paint with not-ready=true (transition disabled)\n // 3. After paint completes → enables transitions for subsequent changes\n useEffect(() => {\n const frameId = requestAnimationFrame(() => {\n markReady?.();\n });\n\n return () => cancelAnimationFrame(frameId);\n }, [markReady]);\n\n // Auto-height detection: if layout collapses to 0 height after initialization,\n // automatically set height to 100% to prevent invisible layout\n useEffect(() => {\n if (isReady && localRef.current && localRef.current.offsetHeight === 0) {\n setIsAutoHeight(true);\n }\n }, [isReady]);\n\n // Second check: if still 0 height after auto-height was applied,\n // show collapsed state with warning\n useEffect(() => {\n if (isAutoHeight && localRef.current) {\n // Use requestAnimationFrame to check after styles have been applied\n const frameId = requestAnimationFrame(() => {\n if (localRef.current && localRef.current.offsetHeight === 0) {\n setIsCollapsed(true);\n }\n });\n\n return () => cancelAnimationFrame(frameId);\n }\n }, [isAutoHeight]);\n\n const insetStyle = useMemo(() => {\n const baseStyle: Record<string, string> = {\n '--inset-top': `${panelSizes.top}px`,\n '--inset-right': `${panelSizes.right}px`,\n '--inset-bottom': `${panelSizes.bottom}px`,\n '--inset-left': `${panelSizes.left}px`,\n };\n\n if (style) {\n return { ...baseStyle, ...style } as CSSProperties;\n }\n\n return baseStyle as CSSProperties;\n }, [panelSizes, style]);\n\n const mods = useMemo(\n () => ({\n dragging: isDragging,\n 'not-ready': !isReady,\n 'has-transition': hasTransition,\n 'auto-height': isAutoHeight && !isCollapsed,\n collapsed: isCollapsed,\n vertical: isVertical,\n 'do-not-overflow': doNotOverflow,\n }),\n [\n isDragging,\n isReady,\n hasTransition,\n isAutoHeight,\n isCollapsed,\n isVertical,\n doNotOverflow,\n ],\n );\n\n // Combine local ref with forwarded ref\n const setRefs = (element: HTMLDivElement \| null) => {\n localRef.current = element;\n\n if (typeof forwardedRef === 'function') {\n forwardedRef(element);\n } else if (forwardedRef) {\n forwardedRef.current = element;\n }\n };\n\n // Show dev warning when collapsed and in dev mode (or forced for stories)\n const showDevWarning = isCollapsed && (_forceShowDevWarning \|\| isDevEnv());\n\n // Handle focus entering the Inner element - dismiss overlay panels\n const handleInnerFocus = useCallback(\n (e: FocusEvent<HTMLDivElement>) => {\n // Only dismiss if there are overlay panels\n if (!hasOverlayPanels) return;\n\n // Check if focus is coming from outside the Inner element\n const inner = e.currentTarget;\n const relatedTarget = e.relatedTarget as Node \| null;\n\n // If relatedTarget is null or not inside the Inner element,\n // focus is entering from outside - dismiss overlay panels\n if (!relatedTarget \|\| !inner.contains(relatedTarget)) {\n dismissOverlayPanels?.();\n }\n },\n [hasOverlayPanels, dismissOverlayPanels],\n );\n\n // Handle Escape key anywhere in the Layout - dismiss overlay panels\n const handleKeyDown = useCallback(\n (e: KeyboardEvent) => {\n if (hasOverlayPanels && e.key === 'Escape') {\n e.preventDefault();\n e.stopPropagation();\n dismissOverlayPanels?.();\n }\n },\n [hasOverlayPanels, dismissOverlayPanels],\n );\n\n return (\n <LayoutElement\n ref={setRefs}\n {...filterBaseProps(otherProps, { eventProps: true })}\n mods={mods}\n styles={finalStyles}\n style={insetStyle}\n onKeyDown={hasOverlayPanels ? handleKeyDown : undefined}\n >\n {/ All children go inside the Inner element - panels will portal themselves out /}\n <div\n ref={combinedInnerRef}\n data-element=\"Inner\"\n onFocus={handleInnerFocus}\n {...innerProps}\n >\n {children}\n </div>\n {/ Container for panels to portal into - rendered after Inner so panels paint on top via DOM order /}\n <div ref={layoutRefs?.setPanelContainer} data-element=\"PanelContainer\" />\n {/ Overlaid, never substituted for `children`. A zero-height measurement is\n not proof of a mistake - a hidden tab, a collapsed accordion and a\n container mid-animation all measure zero - so unmounting the subtree\n would turn a wrong guess into an outage, and remounting it on the way\n back would drop whatever state it held. /}\n {showDevWarning ? (\n <Alert theme=\"danger\" styles={DEV_WARNING_STYLES}>\n <b>UIKit:</b> <b><Layout/></b> has collapsed to <b>0</b> height.\n Ensure the parent container has a defined height or use the{' '}\n <b>height</b> prop on <b><Layout/></b>.\n </Alert>\n ) : null}\n </LayoutElement>\n );\n}\n\n/\n Layout component provides a vertical flex layout with overflow-safe content.\n * Uses a two-element architecture (wrapper + content) to ensure content never overflows.\n */\nfunction Layout(props: CubeLayoutProps, ref: ForwardedRef<HTMLDivElement>) {\n const { hasTransition, minContentSize } = props;\n\n return (\n <LayoutProvider\n hasTransition={hasTransition}\n minContentSize={minContentSize}\n >\n <LayoutInner {...props} forwardedRef={ref} />\n </LayoutProvider>\n );\n}\n\nconst _Layout = forwardRef(Layout);\n\n_Layout.displayName = 'Layout';\n\nexport { _Layout as Layout };\n"],"mappings":"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"}
1	+ {"version":3,"file":"Layout.js","names":["useResizeObserver","BaseProps","BlockStyleProps","ColorStyleProps","filterBaseProps","FlowStyleProps","INNER_STYLES","mergeStyles","OUTER_STYLES","OuterStyleProps","Styles","tasty","CSSProperties","FocusEvent","ForwardedRef","forwardRef","HTMLAttributes","KeyboardEvent","ReactNode","useCallback","useContext","useEffect","useMemo","useRef","useState","isDevEnv","useCombinedRefs","extractStyles","Alert","LayoutPanelTransitionContext","LayoutProvider","useLayoutActionsContext","useLayoutRefsContext","useLayoutStateContext","LayoutElement","as","qa","styles","position","display","overflow","flexGrow","placeSelf","height","collapsed","vertical","Inner","$","container","inset","flow","placeContent","placeItems","transition","DEV_WARNING_STYLES","zIndex","CubeLayoutProps","isGrid","columns","rows","template","contentPadding","hasTransition","minContentSize","children","innerRef","HTMLDivElement","innerProps","_forceShowDevWarning","doNotOverflow","LayoutInner","props","forwardedRef","layoutActions","layoutState","layoutRefs","localRef","isAutoHeight","setIsAutoHeight","isCollapsed","setIsCollapsed","style","innerRefProp","otherProps","combinedInnerRef","updateContainerSize","ref","onResize","current","offsetWidth","offsetHeight","outerStyles","innerStyles","isVertical","flowFromProp","flowFromStyles","Record","flowValue","startsWith","finalStyles","gridStyles","gridColumns","gridRows","gridTemplate","panelSizes","left","top","right","bottom","isDragging","isReady","markReady","dismissOverlayPanels","hasOverlayPanels","isClippingPanels","frameId","requestAnimationFrame","cancelAnimationFrame","insetStyle","baseStyle","transitionStyle","overflowX","overflowY","overflowInline","overflowBlock","overflowClipMargin","mods","dragging","setRefs","element","showDevWarning","handleInnerFocus","e","inner","currentTarget","relatedTarget","Node","contains","handleKeyDown","key","preventDefault","stopPropagation","eventProps","undefined","setPanelContainer","Layout","_c","t0","t1","_Layout","displayName"],"sources":["../../../../src/components/content/Layout/Layout.tsx"],"sourcesContent":["import { useResizeObserver } from '@react-aria/utils';\nimport {\n BaseProps,\n BlockStyleProps,\n ColorStyleProps,\n filterBaseProps,\n FlowStyleProps,\n INNER_STYLES,\n mergeStyles,\n OUTER_STYLES,\n OuterStyleProps,\n Styles,\n tasty,\n} from '@tenphi/tasty';\nimport {\n CSSProperties,\n FocusEvent,\n ForwardedRef,\n forwardRef,\n HTMLAttributes,\n KeyboardEvent,\n ReactNode,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\n\nimport { isDevEnv } from '../../../utils/is-dev-env';\nimport { useCombinedRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { Alert } from '../Alert';\n\nimport {\n LayoutPanelTransitionContext,\n LayoutProvider,\n useLayoutActionsContext,\n useLayoutRefsContext,\n useLayoutStateContext,\n} from './LayoutContext';\n\nconst LayoutElement = tasty({\n as: 'div',\n qa: 'Layout',\n styles: {\n position: 'relative',\n display: 'block',\n overflow: {\n '': 'visible',\n 'do-not-overflow': 'hidden',\n },\n flexGrow: 1,\n placeSelf: 'stretch',\n height: {\n '': 'auto',\n 'auto-height': 'fixed 100%',\n collapsed: '6x',\n },\n\n '$content-padding': '1x',\n // Auto-border size for sub-components (set when layout is vertical)\n '$layout-border-size': {\n '': '0',\n vertical: '1bw',\n },\n\n Inner: {\n // .base-class[data-hover] > [data-element=\"Inner\"] { ...}\n // Direct child selector required for nested layouts\n $: '>',\n container: 'layout / inline-size',\n position: 'absolute',\n inset: '$inset-top $inset-right $inset-bottom $inset-left',\n display: 'flex',\n flow: 'column',\n placeContent: 'stretch',\n placeItems: 'stretch',\n // Disable transition during panel resize for snappy feedback\n // Also disable transition when not ready to prevent initial animation\n // Only animate when has-transition is enabled (and not dragging/not-ready)\n transition: {\n '': 'none',\n 'has-transition': 'inset $transition ease-out',\n 'dragging \| not-ready': 'none',\n },\n },\n },\n});\n\n// The collapse warning sits on top of `Inner` rather than in place of it.\n// `Inner` is absolutely positioned, so an in-flow sibling would paint beneath\n// it; match its box and take the layer above.\nconst DEV_WARNING_STYLES: Styles = {\n position: 'absolute',\n inset: '0',\n zIndex: 1,\n overflow: 'auto',\n};\n\nexport interface CubeLayoutProps\n extends BaseProps,\n OuterStyleProps,\n BlockStyleProps,\n ColorStyleProps,\n FlowStyleProps {\n /** Switch to grid display mode /\n isGrid?: boolean;\n /* Grid template columns (when isGrid=true) /\n columns?: Styles['gridColumns'];\n /* Grid template rows (when isGrid=true) /\n rows?: Styles['gridRows'];\n /* Grid template shorthand /\n template?: Styles['gridTemplate'];\n /* Padding for content areas (Layout.Content components). Default: '1x' /\n contentPadding?: Styles['padding'];\n /* Enable transition animation for Inner content when panels open/close /\n hasTransition?: boolean;\n /* Minimum size reserved for the content area between panels. Default: 320 /\n minContentSize?: number;\n /* Styles for wrapper and Inner sub-element /\n styles?: Styles;\n children?: ReactNode;\n /* Ref for the inner content element /\n innerRef?: ForwardedRef<HTMLDivElement>;\n /* Props to spread on the Inner sub-element /\n innerProps?: HTMLAttributes<HTMLDivElement>;\n /\n @internal Force show dev warning even in production (for storybook testing)\n /\n _forceShowDevWarning?: boolean;\n /\n When true, applies overflow: hidden to the root element.\n * By default, overflow is visible.\n /\n doNotOverflow?: boolean;\n}\n\nfunction LayoutInner(\n props: CubeLayoutProps & { forwardedRef?: ForwardedRef<HTMLDivElement> },\n) {\n const layoutActions = useLayoutActionsContext();\n const layoutState = useLayoutStateContext();\n const layoutRefs = useLayoutRefsContext();\n const localRef = useRef<HTMLDivElement>(null);\n const [isAutoHeight, setIsAutoHeight] = useState(false);\n const [isCollapsed, setIsCollapsed] = useState(false);\n\n const {\n isGrid,\n columns,\n rows,\n template,\n contentPadding,\n hasTransition = false,\n minContentSize,\n styles,\n children,\n style,\n forwardedRef,\n innerRef: innerRefProp,\n innerProps,\n _forceShowDevWarning,\n doNotOverflow,\n ...otherProps\n } = props;\n\n const combinedInnerRef = useCombinedRefs(innerRefProp);\n const updateContainerSize = layoutActions?.updateContainerSize;\n\n useResizeObserver({\n ref: localRef,\n onResize: useCallback(() => {\n if (localRef.current) {\n updateContainerSize?.(\n localRef.current.offsetWidth,\n localRef.current.offsetHeight,\n );\n }\n }, [updateContainerSize]),\n });\n\n // Extract outer wrapper styles and inner content styles\n const outerStyles = extractStyles(otherProps, OUTER_STYLES);\n const innerStyles = extractStyles(otherProps, INNER_STYLES);\n\n // Calculate if the layout flow is vertical (for auto-border feature)\n // Default flow is 'column' (vertical), only horizontal when explicitly set to 'row'\n const isVertical = useMemo(() => {\n const flowFromProp = innerStyles?.flow;\n const flowFromStyles = (styles?.Inner as Record<string, unknown>)?.flow;\n const flowValue = flowFromProp ?? flowFromStyles;\n\n return typeof flowValue !== 'string' \|\| !flowValue.startsWith('row');\n }, [innerStyles?.flow, styles?.Inner]);\n\n // Merge styles using the same pattern as LayoutPane\n const finalStyles = useMemo(() => {\n // Handle grid mode and grid properties\n const gridStyles: Styles = {};\n\n if (isGrid) {\n gridStyles.display = 'grid';\n }\n\n if (columns) {\n gridStyles.gridColumns = columns;\n }\n\n if (rows) {\n gridStyles.gridRows = rows;\n }\n\n if (template) {\n gridStyles.gridTemplate = template;\n }\n\n return mergeStyles(\n outerStyles,\n contentPadding != null ? { '$content-padding': contentPadding } : null,\n styles,\n { Inner: mergeStyles(innerStyles, gridStyles, styles?.Inner as Styles) },\n );\n }, [\n outerStyles,\n innerStyles,\n contentPadding,\n styles,\n isGrid,\n columns,\n rows,\n template,\n ]);\n\n // Calculate inset values from panel sizes\n const panelSizes = layoutState?.panelSizes ?? {\n left: 0,\n top: 0,\n right: 0,\n bottom: 0,\n };\n\n const isDragging = layoutState?.isDragging ?? false;\n const isReady = layoutState?.isReady ?? true;\n const markReady = layoutActions?.markReady;\n const dismissOverlayPanels = layoutActions?.dismissOverlayPanels;\n const hasOverlayPanels = layoutState?.hasOverlayPanels ?? false;\n const isClippingPanels =\n useContext(LayoutPanelTransitionContext)?.isClippingPanels ?? false;\n\n // Mark layout as ready after first paint\n // Using useEffect + requestAnimationFrame ensures:\n // 1. Panels register in useLayoutEffect → correct insets before first paint\n // 2. First paint with not-ready=true (transition disabled)\n // 3. After paint completes → enables transitions for subsequent changes\n useEffect(() => {\n const frameId = requestAnimationFrame(() => {\n markReady?.();\n });\n\n return () => cancelAnimationFrame(frameId);\n }, [markReady]);\n\n // Auto-height detection: if layout collapses to 0 height after initialization,\n // automatically set height to 100% to prevent invisible layout\n useEffect(() => {\n if (isReady && localRef.current && localRef.current.offsetHeight === 0) {\n setIsAutoHeight(true);\n }\n }, [isReady]);\n\n // Second check: if still 0 height after auto-height was applied,\n // show collapsed state with warning\n useEffect(() => {\n if (isAutoHeight && localRef.current) {\n // Use requestAnimationFrame to check after styles have been applied\n const frameId = requestAnimationFrame(() => {\n if (localRef.current && localRef.current.offsetHeight === 0) {\n setIsCollapsed(true);\n }\n });\n\n return () => cancelAnimationFrame(frameId);\n }\n }, [isAutoHeight]);\n\n const insetStyle = useMemo(() => {\n const baseStyle: Record<string, string> = {\n '--inset-top': `${panelSizes.top}px`,\n '--inset-right': `${panelSizes.right}px`,\n '--inset-bottom': `${panelSizes.bottom}px`,\n '--inset-left': `${panelSizes.left}px`,\n };\n\n if (style) {\n return { ...baseStyle, ...style } as CSSProperties;\n }\n\n return baseStyle as CSSProperties;\n }, [panelSizes, style]);\n\n // Remove consumer longhands while clipping so they cannot override the shorthand.\n // Restoring the original style object also restores the latest consumer values.\n const transitionStyle = { ...insetStyle };\n if (isClippingPanels) {\n delete transitionStyle.overflowX;\n delete transitionStyle.overflowY;\n delete transitionStyle.overflowInline;\n delete transitionStyle.overflowBlock;\n transitionStyle.overflow = 'clip';\n transitionStyle.overflowClipMargin = '0px';\n }\n\n const mods = useMemo(\n () => ({\n dragging: isDragging,\n 'not-ready': !isReady,\n 'has-transition': hasTransition,\n 'auto-height': isAutoHeight && !isCollapsed,\n collapsed: isCollapsed,\n vertical: isVertical,\n 'do-not-overflow': doNotOverflow,\n }),\n [\n isDragging,\n isReady,\n hasTransition,\n isAutoHeight,\n isCollapsed,\n isVertical,\n doNotOverflow,\n ],\n );\n\n // Combine local ref with forwarded ref\n const setRefs = (element: HTMLDivElement \| null) => {\n localRef.current = element;\n\n if (typeof forwardedRef === 'function') {\n forwardedRef(element);\n } else if (forwardedRef) {\n forwardedRef.current = element;\n }\n };\n\n // Show dev warning when collapsed and in dev mode (or forced for stories)\n const showDevWarning = isCollapsed && (_forceShowDevWarning \|\| isDevEnv());\n\n // Handle focus entering the Inner element - dismiss overlay panels\n const handleInnerFocus = useCallback(\n (e: FocusEvent<HTMLDivElement>) => {\n // Only dismiss if there are overlay panels\n if (!hasOverlayPanels) return;\n\n // Check if focus is coming from outside the Inner element\n const inner = e.currentTarget;\n const relatedTarget = e.relatedTarget as Node \| null;\n\n // If relatedTarget is null or not inside the Inner element,\n // focus is entering from outside - dismiss overlay panels\n if (!relatedTarget \|\| !inner.contains(relatedTarget)) {\n dismissOverlayPanels?.();\n }\n },\n [hasOverlayPanels, dismissOverlayPanels],\n );\n\n // Handle Escape key anywhere in the Layout - dismiss overlay panels\n const handleKeyDown = useCallback(\n (e: KeyboardEvent) => {\n if (hasOverlayPanels && e.key === 'Escape') {\n e.preventDefault();\n e.stopPropagation();\n dismissOverlayPanels?.();\n }\n },\n [hasOverlayPanels, dismissOverlayPanels],\n );\n\n return (\n <LayoutElement\n ref={setRefs}\n {...filterBaseProps(otherProps, { eventProps: true })}\n mods={mods}\n styles={finalStyles}\n style={transitionStyle}\n onKeyDown={hasOverlayPanels ? handleKeyDown : undefined}\n >\n {/ All children go inside the Inner element - panels will portal themselves out /}\n <div\n ref={combinedInnerRef}\n data-element=\"Inner\"\n onFocus={handleInnerFocus}\n {...innerProps}\n >\n {children}\n </div>\n {/ Container for panels to portal into - rendered after Inner so panels paint on top via DOM order /}\n <div ref={layoutRefs?.setPanelContainer} data-element=\"PanelContainer\" />\n {/ Overlaid, never substituted for `children`. A zero-height measurement is\n not proof of a mistake - a hidden tab, a collapsed accordion and a\n container mid-animation all measure zero - so unmounting the subtree\n would turn a wrong guess into an outage, and remounting it on the way\n back would drop whatever state it held. /}\n {showDevWarning ? (\n <Alert theme=\"danger\" styles={DEV_WARNING_STYLES}>\n <b>UIKit:</b> <b><Layout/></b> has collapsed to <b>0</b> height.\n Ensure the parent container has a defined height or use the{' '}\n <b>height</b> prop on <b><Layout/></b>.\n </Alert>\n ) : null}\n </LayoutElement>\n );\n}\n\n/\n Layout component provides a vertical flex layout with overflow-safe content.\n * Uses a two-element architecture (wrapper + content) to ensure content never overflows.\n */\nfunction Layout(props: CubeLayoutProps, ref: ForwardedRef<HTMLDivElement>) {\n const { hasTransition, minContentSize } = props;\n\n return (\n <LayoutProvider\n hasTransition={hasTransition}\n minContentSize={minContentSize}\n >\n <LayoutInner {...props} forwardedRef={ref} />\n </LayoutProvider>\n );\n}\n\nconst _Layout = forwardRef(Layout);\n\n_Layout.displayName = 'Layout';\n\nexport { _Layout as Layout };\n"],"mappings":"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"}

package/dist/components/content/Layout/LayoutBlock.js CHANGED Viewed

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/content/Layout/LayoutCenter.js CHANGED Viewed

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { _LayoutContainer } from "./LayoutContainer.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/content/Layout/LayoutContainer.js CHANGED Viewed

@@ -1,8 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { LayoutContextReset } from "./LayoutContext.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, mergeStyles, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/content/Layout/LayoutContent.js CHANGED Viewed

@@ -1,9 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { LayoutContextReset } from "./LayoutContext.js";
 import { useTinyScrollbar } from "./hooks/useTinyScrollbar.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { INNER_STYLES, OUTER_STYLES, filterBaseProps, mergeStyles, tasty } from "@tenphi/tasty";
 import { forwardRef, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/content/Layout/LayoutContext.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import { MutableRefObject, ReactNode } from "react";
+import "react/jsx-runtime";
 //#region src/components/content/Layout/LayoutContext.d.ts
 type Side = 'left' | 'top' | 'right' | 'bottom';