@cube-dev/ui-kit 0.0.0-canary-4fbf5f3 → 0.0.0-canary-4da8af8

package/es/components/content/Header.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 

package/es/components/content/HotKeys/HotKeys.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 

package/es/components/content/HotKeys/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 

package/es/components/content/Item/Item.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 
@@ -12,7 +12,7 @@ import { DANGER_CLEAR_STYLES, DANGER_ITEM_STYLES, DANGER_LINK_STYLES, DANGER_NEU
 import { CheckIcon } from '../../../icons/CheckIcon';
 import { LoadingIcon } from '../../../icons/LoadingIcon';
 import { CONTAINER_STYLES, tasty, } from '../../../tasty';
-import { mergeProps } from '../../../utils/react';
+import { highlightText, mergeProps } from '../../../utils/react';
 import { ItemAction } from '../../actions/ItemAction';
 import { ItemActionProvider } from '../../actions/ItemActionContext';
 import { HotKeys } from '../HotKeys';
@@ -280,7 +280,7 @@ const ItemElement = tasty({
     styleProps: CONTAINER_STYLES,
 });
 const Item = (props, ref) => {
-    let { children, size = 'medium', type = 'item', theme = 'default', mods, icon, rightIcon, prefix, suffix, description, descriptionPlacement = 'inline', labelProps, descriptionProps, keyboardShortcutProps, styles, htmlType, isSelected, hotkeys, tooltip = true, isDisabled, style, loadingSlot = 'auto', isLoading = false, isCard = false, actions, showActionsOnHover = false, disableActionsFocus = false, isButton = false, shape = 'button', defaultTooltipPlacement = 'top', ...rest } = props;
+    let { children, size = 'medium', type = 'item', theme = 'default', mods, icon, rightIcon, prefix, suffix, description, descriptionPlacement = 'inline', labelProps, descriptionProps, keyboardShortcutProps, styles, htmlType, isSelected, hotkeys, tooltip = true, isDisabled, style, loadingSlot = 'auto', isLoading = false, isCard = false, actions, showActionsOnHover = false, disableActionsFocus = false, isButton = false, shape = 'button', defaultTooltipPlacement = 'top', highlight, highlightCaseSensitive = false, highlightStyles, ...rest } = props;
     // Loading state makes the component disabled
     const finalIsDisabled = isDisabled === true || (isLoading && isDisabled !== false);
     // Determine if we should show checkbox instead of icon
@@ -374,6 +374,13 @@ const Item = (props, ref) => {
         labelProps,
         isDynamicLabel: !!actions,
     });
+    // Process children with highlight if applicable
+    const processedChildren = useMemo(() => {
+        if (typeof children === 'string' && highlight) {
+            return highlightText(children, highlight, highlightCaseSensitive, highlightStyles);
+        }
+        return children;
+    }, [children, highlight, highlightCaseSensitive, highlightStyles]);
     // Render function that creates the item element
     const renderItemElement = (tooltipTriggerProps, tooltipRef) => {
         // Use callback ref to merge multiple refs without calling hooks
@@ -394,7 +401,7 @@ const Item = (props, ref) => {
         const finalStyle = typeof size === 'number'
             ? { ...style, '--size': `${size}px` }
             : style;
-        return (_jsxs(ItemElement, { ref: handleRef, variant: theme && type ? `${theme}.${type}` : undefined, disabled: finalIsDisabled, "aria-disabled": finalIsDisabled, "aria-selected": isSelected, mods: mods, styles: styles, type: htmlType, ...mergeProps(rest, tooltipTriggerProps || {}), style: finalStyle, children: [finalIcon && (_jsx("div", { "data-element": "Icon", children: hasCheckbox ? _jsx(CheckIcon, {}) : finalIcon })), finalPrefix && _jsx("div", { "data-element": "Prefix", children: finalPrefix }), children || labelProps ? (_jsx("div", { "data-element": "Label", ...finalLabelProps, ref: labelRef, children: children })) : null, showDescription ? (_jsx("div", { "data-element": "Description", ...descriptionProps, children: description })) : null, finalSuffix && _jsx("div", { "data-element": "Suffix", children: finalSuffix }), finalRightIcon && _jsx("div", { "data-element": "RightIcon", children: finalRightIcon }), actions && (_jsx("div", { "data-element": "Actions", ...ACTIONS_EVENT_HANDLERS, children: actions !== true ? (_jsx(ItemActionProvider, { type: type, theme: theme, disableActionsFocus: disableActionsFocus, children: actions })) : null }))] }));
+        return (_jsxs(ItemElement, { ref: handleRef, variant: theme && type ? `${theme}.${type}` : undefined, disabled: finalIsDisabled, "aria-disabled": finalIsDisabled, "aria-selected": isSelected, mods: mods, styles: styles, type: htmlType, ...mergeProps(rest, tooltipTriggerProps || {}), style: finalStyle, children: [finalIcon && (_jsx("div", { "data-element": "Icon", children: hasCheckbox ? _jsx(CheckIcon, {}) : finalIcon })), finalPrefix && _jsx("div", { "data-element": "Prefix", children: finalPrefix }), children || labelProps ? (_jsx("div", { "data-element": "Label", ...finalLabelProps, ref: labelRef, children: processedChildren })) : null, showDescription ? (_jsx("div", { "data-element": "Description", ...descriptionProps, children: description })) : null, finalSuffix && _jsx("div", { "data-element": "Suffix", children: finalSuffix }), finalRightIcon && _jsx("div", { "data-element": "RightIcon", children: finalRightIcon }), actions && (_jsx("div", { "data-element": "Actions", ...ACTIONS_EVENT_HANDLERS, children: actions !== true ? (_jsx(ItemActionProvider, { type: type, theme: theme, disableActionsFocus: disableActionsFocus, children: actions })) : null }))] }));
     };
     return renderWithTooltip(renderItemElement, defaultTooltipPlacement);
 };

package/es/components/content/Item/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 

package/es/components/content/ItemBadge/ItemBadge.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 

package/es/components/content/ItemBadge/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 

package/es/components/content/Layout/GridLayout.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 

package/es/components/content/Layout/Layout.js

@@ -1,12 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Children, forwardRef, isValidElement, useCallback, useEffect, useMemo, useRef, useState, } from 'react';
+import { Children, forwardRef, isValidElement, useEffect, useMemo, useRef, useState, } from 'react';
 import { extractStyles, filterBaseProps, INNER_STYLES, mergeStyles, OUTER_STYLES, tasty, } from '../../../tasty';
 import { isDevEnv } from '../../../tasty/utils/isDevEnv';
 import { Alert } from '../Alert';
@@ -111,8 +111,6 @@ function LayoutInner(props) {
     const isDragging = layoutContext?.isDragging ?? false;
     const isReady = layoutContext?.isReady ?? true;
     const markReady = layoutContext?.markReady;
-    const dismissOverlayPanels = layoutContext?.dismissOverlayPanels;
-    const hasOverlayPanels = layoutContext?.hasOverlayPanels ?? false;
     // Mark layout as ready after first paint
     // Using useEffect + requestAnimationFrame ensures:
     // 1. Panels register in useLayoutEffect → correct insets before first paint
@@ -175,29 +173,7 @@ function LayoutInner(props) {
     };
     // Show dev warning when collapsed and in dev mode (or forced for stories)
     const showDevWarning = isCollapsed && (_forceShowDevWarning || isDevEnv());
-    // Handle focus entering the Inner element - dismiss overlay panels
-    const handleInnerFocus = useCallback((e) => {
-        // Only dismiss if there are overlay panels
-        if (!hasOverlayPanels)
-            return;
-        // Check if focus is coming from outside the Inner element
-        const inner = e.currentTarget;
-        const relatedTarget = e.relatedTarget;
-        // If relatedTarget is null or not inside the Inner element,
-        // focus is entering from outside - dismiss overlay panels
-        if (!relatedTarget || !inner.contains(relatedTarget)) {
-            dismissOverlayPanels?.();
-        }
-    }, [hasOverlayPanels, dismissOverlayPanels]);
-    // Handle Escape key anywhere in the Layout - dismiss overlay panels
-    const handleKeyDown = useCallback((e) => {
-        if (hasOverlayPanels && e.key === 'Escape') {
-            e.preventDefault();
-            e.stopPropagation();
-            dismissOverlayPanels?.();
-        }
-    }, [hasOverlayPanels, dismissOverlayPanels]);
-    return (_jsx(LayoutElement, { ref: setRefs, ...filterBaseProps(otherProps, { eventProps: true }), mods: mods, styles: finalStyles, style: insetStyle, onKeyDown: hasOverlayPanels ? handleKeyDown : undefined, children: showDevWarning ? (_jsxs(Alert, { theme: "danger", children: [_jsx("b", { children: "UIKit:" }), " ", _jsx("b", { children: "<Layout/>" }), " has collapsed to ", _jsx("b", { children: "0" }), " height. Ensure the parent container has a defined height or use the", ' ', _jsx("b", { children: "height" }), " prop on ", _jsx("b", { children: "<Layout/>" }), "."] })) : (_jsxs(_Fragment, { children: [panels, _jsx("div", { "data-element": "Inner", onFocus: handleInnerFocus, children: content })] })) }));
+    return (_jsx(LayoutElement, { ref: setRefs, ...filterBaseProps(otherProps, { eventProps: true }), mods: mods, styles: finalStyles, style: insetStyle, children: showDevWarning ? (_jsxs(Alert, { theme: "danger", children: [_jsx("b", { children: "UIKit:" }), " ", _jsx("b", { children: "<Layout/>" }), " has collapsed to ", _jsx("b", { children: "0" }), " height. Ensure the parent container has a defined height or use the", ' ', _jsx("b", { children: "height" }), " prop on ", _jsx("b", { children: "<Layout/>" }), "."] })) : (_jsxs(_Fragment, { children: [panels, _jsx("div", { "data-element": "Inner", children: content })] })) }));
 }
 /**
  * Layout component provides a vertical flex layout with overflow-safe content.

package/es/components/content/Layout/LayoutBlock.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 

package/es/components/content/Layout/LayoutContent.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 

package/es/components/content/Layout/LayoutContext.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 
@@ -13,7 +13,6 @@ export function useLayoutContext() {
 }
 export function LayoutProvider({ children, hasTransition = false, }) {
     const registeredPanels = useRef(new Set());
-    const overlayPanelCallbacks = useRef(new Set());
     const [panelSizes, setPanelSizes] = useState({
         left: 0,
         top: 0,
@@ -22,7 +21,6 @@ export function LayoutProvider({ children, hasTransition = false, }) {
     });
     const [isDragging, setIsDragging] = useState(false);
     const [isReady, setIsReady] = useState(false);
-    const [hasOverlayPanels, setHasOverlayPanels] = useState(false);
     const registerPanel = useCallback((side, size) => {
         if (registeredPanels.current.has(side)) {
             throw new Error(`Layout: Only one panel per side is allowed. ` +
@@ -69,20 +67,6 @@ export function LayoutProvider({ children, hasTransition = false, }) {
     const markReady = useCallback(() => {
         setIsReady(true);
     }, []);
-    // Register an overlay panel's dismiss callback
-    const registerOverlayPanel = useCallback((dismiss) => {
-        overlayPanelCallbacks.current.add(dismiss);
-        setHasOverlayPanels(true);
-        // Return unregister function
-        return () => {
-            overlayPanelCallbacks.current.delete(dismiss);
-            setHasOverlayPanels(overlayPanelCallbacks.current.size > 0);
-        };
-    }, []);
-    // Dismiss all overlay panels
-    const dismissOverlayPanels = useCallback(() => {
-        overlayPanelCallbacks.current.forEach((dismiss) => dismiss());
-    }, []);
     const value = useMemo(() => ({
         registerPanel,
         unregisterPanel,
@@ -93,9 +77,6 @@ export function LayoutProvider({ children, hasTransition = false, }) {
         isDragging,
         isReady,
         hasTransition,
-        registerOverlayPanel,
-        dismissOverlayPanels,
-        hasOverlayPanels,
     }), [
         registerPanel,
         unregisterPanel,
@@ -106,9 +87,6 @@ export function LayoutProvider({ children, hasTransition = false, }) {
         isDragging,
         isReady,
         hasTransition,
-        registerOverlayPanel,
-        dismissOverlayPanels,
-        hasOverlayPanels,
     ]);
     return (_jsx(LayoutContext.Provider, { value: value, children: children }));
 }

package/es/components/content/Layout/LayoutFlex.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 

package/es/components/content/Layout/LayoutFooter.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 

package/es/components/content/Layout/LayoutGrid.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 

package/es/components/content/Layout/LayoutHeader.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 

package/es/components/content/Layout/LayoutPane.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 

package/es/components/content/Layout/LayoutPanel.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 
@@ -213,27 +213,6 @@ const ResizeHandlerElement = tasty({
         },
     },
 });
-// Overlay backdrop for overlay mode - covers the content area behind the panel
-const OverlayBackdrop = tasty({
-    qa: 'PanelOverlay',
-    styles: {
-        position: 'absolute',
-        inset: 0,
-        zIndex: 9, // Below panel (10) but above content
-        // fill: '#white.2',
-        backdropFilter: 'invert(.15)',
-        cursor: 'pointer',
-        opacity: {
-            '': 0,
-            visible: 1,
-        },
-        pointerEvents: {
-            '': 'none',
-            visible: 'auto',
-        },
-        transition: 'opacity .15s ease-out',
-    },
-});
 function ResizeHandler(props) {
     const { side, isDisabled, mods, moveProps, style, onDoubleClick } = props;
     const { hoverProps, isHovered } = useHover({});
@@ -262,14 +241,7 @@ function LayoutPanel(props, ref) {
     if (!layoutContext) {
         throw new Error('Layout.Panel must be a direct child of Layout component.');
     }
-    const { side = 'left', mode: modeProp, size: providedSize, defaultSize = 280, minSize = 200, maxSize, isResizable = false, onSizeChange, isOpen: providedIsOpen, defaultIsOpen = true, onOpenChange, hasTransition: hasTransitionProp, isDismissable = true, overlayStyles, 
-    // Deprecated prop - use mode="dialog" instead
-    isDialog = false, isDialogOpen: providedIsDialogOpen, defaultIsDialogOpen = false, onDialogOpenChange, dialogProps, contentPadding, sizeStorageKey, children, styles, mods, ...otherProps } = props;
-    // Resolve mode from prop or deprecated isDialog
-    const mode = modeProp ?? (isDialog ? 'dialog' : 'default');
-    const isDialogMode = mode === 'dialog';
-    const isOverlayMode = mode === 'overlay';
-    const isStickyMode = mode === 'sticky';
+    const { side = 'left', size: providedSize, defaultSize = 280, minSize = 200, maxSize, isResizable = false, onSizeChange, isOpen: providedIsOpen, defaultIsOpen = true, onOpenChange, hasTransition: hasTransitionProp, isDialog = false, isDialogOpen: providedIsDialogOpen, defaultIsDialogOpen = false, onDialogOpenChange, dialogProps, contentPadding, sizeStorageKey, children, styles, mods, ...otherProps } = props;
     // Use prop value if provided, otherwise fall back to context value
     const hasTransition = hasTransitionProp ?? layoutContext.hasTransition;
     const combinedRef = useCombinedRefs(ref);
@@ -354,8 +326,7 @@ function LayoutPanel(props, ref) {
     }, [providedSize, isDragging, clampValue]);
     // Register panel with layout context
     // Include handler outside portion (minus border overlap) for proper content inset
-    // In sticky and dialog modes, panel doesn't push content, so size is 0
-    const effectivePanelSize = isOpen && mode === 'default' ? size : isOpen && isOverlayMode ? size : 0;
+    const effectivePanelSize = isOpen && !isDialog ? size : 0;
     const effectiveInsetSize = Math.round(effectivePanelSize +
         (isResizable && effectivePanelSize > 0 ? RESIZABLE_INSET_OFFSET : 0));
     const { registerPanel, unregisterPanel, updatePanelSize, isReady } = layoutContext;
@@ -381,27 +352,6 @@ function LayoutPanel(props, ref) {
         setInternalIsOpen(newIsOpen);
         onOpenChange?.(newIsOpen);
     }, [onOpenChange]);
-    // Dismiss handler for overlay mode (click on overlay)
-    const handleDismiss = useCallback(() => {
-        if (isDismissable) {
-            handleOpenChange(false);
-        }
-    }, [isDismissable, handleOpenChange]);
-    // Register overlay panel with Layout context for coordinated dismissal
-    const { registerOverlayPanel } = layoutContext;
-    useEffect(() => {
-        // Only register if in overlay mode, open, and dismissable
-        if (isOverlayMode && isOpen && isDismissable) {
-            const unregister = registerOverlayPanel(() => handleOpenChange(false));
-            return unregister;
-        }
-    }, [
-        isOverlayMode,
-        isOpen,
-        isDismissable,
-        registerOverlayPanel,
-        handleOpenChange,
-    ]);
     const handleDialogOpenChange = useCallback((newIsOpen) => {
         setInternalIsDialogOpen(newIsOpen);
         onDialogOpenChange?.(newIsOpen);
@@ -444,17 +394,14 @@ function LayoutPanel(props, ref) {
         onSizeChange?.(clampedSize);
         setStoredSize(clampedSize);
     }, [defaultSize, clampValue, onSizeChange, setStoredSize]);
-    const renderPanelContent = (offscreen = false, transitionRef) => {
-        const showOverlay = isOverlayMode && !offscreen;
-        return (_jsxs(_Fragment, { children: [isOverlayMode && (_jsx(OverlayBackdrop, { mods: { visible: showOverlay }, styles: overlayStyles, "aria-hidden": "true", onClick: handleDismiss })), _jsx(PanelElement, { ref: (node) => panelRefCallback(node, transitionRef), ...filterBaseProps(otherProps, { eventProps: true }), mods: { ...panelMods, offscreen }, styles: finalStyles, style: panelStyle, "data-side": side, children: _jsx(LayoutPanelContext.Provider, { value: panelContextValue, children: _jsx(LayoutContextReset, { children: children }) }) }), isResizable && (_jsx(ResizeHandler, { side: side, isDisabled: !isResizable, mods: {
-                        drag: isDragging,
-                        offscreen,
-                        'has-transition': hasTransition && isReady,
-                    }, moveProps: moveProps, style: panelStyle, onDoubleClick: handleResetSize }))] }));
-    };
+    const renderPanelContent = (offscreen = false, transitionRef) => (_jsxs(_Fragment, { children: [_jsx(PanelElement, { ref: (node) => panelRefCallback(node, transitionRef), ...filterBaseProps(otherProps, { eventProps: true }), mods: { ...panelMods, offscreen }, styles: finalStyles, style: panelStyle, "data-side": side, children: _jsx(LayoutPanelContext.Provider, { value: panelContextValue, children: _jsx(LayoutContextReset, { children: children }) }) }), isResizable && (_jsx(ResizeHandler, { side: side, isDisabled: !isResizable, mods: {
+                    drag: isDragging,
+                    offscreen,
+                    'has-transition': hasTransition && isReady,
+                }, moveProps: moveProps, style: panelStyle, onDoubleClick: handleResetSize }))] }));
     // Dialog mode
-    if (isDialogMode) {
-        return (_jsx(DialogContainer, { isOpen: dialogOpen, isDismissable: isDismissable, onDismiss: () => handleDialogOpenChange(false), ...dialogProps, children: _jsx(Dialog, { isDismissable: false, children: _jsx(LayoutPanelContext.Provider, { value: dialogPanelContextValue, children: _jsx(LayoutContextReset, { children: children }) }) }) }));
+    if (isDialog) {
+        return (_jsx(DialogContainer, { isOpen: dialogOpen, onDismiss: () => handleDialogOpenChange(false), ...dialogProps, children: _jsx(Dialog, { isDismissable: false, children: _jsx(LayoutPanelContext.Provider, { value: dialogPanelContextValue, children: _jsx(LayoutContextReset, { children: children }) }) }) }));
     }
     // Panel with transition
     if (hasTransition) {

package/es/components/content/Layout/LayoutPanelHeader.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 

package/es/components/content/Layout/LayoutToolbar.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 

package/es/components/content/Layout/hooks/useTinyScrollbar.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 

package/es/components/content/Layout/index.js

@@ -1,14 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 
 import { Layout as LayoutBase } from './Layout';
 import { LayoutBlock } from './LayoutBlock';
-import { LayoutCenter } from './LayoutCenter';
-import { LayoutContainer } from './LayoutContainer';
 import { LayoutContent } from './LayoutContent';
 import { LayoutFlex } from './LayoutFlex';
 import { LayoutFooter } from './LayoutFooter';
@@ -25,8 +23,6 @@ const Layout = Object.assign(LayoutBase, {
     Header: LayoutHeader,
     Footer: LayoutFooter,
     Content: LayoutContent,
-    Container: LayoutContainer,
-    Center: LayoutCenter,
     Block: LayoutBlock,
     Flex: LayoutFlex,
     Grid: LayoutGrid,

package/es/components/content/Layout/utils.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 

package/es/components/content/List/SectionHeading.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 

package/es/components/content/List/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 

package/es/components/content/Paragraph.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 

package/es/components/content/Placeholder/Placeholder.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 

package/es/components/content/PrismCode/PrismCode.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 

package/es/components/content/PrismCode/prismSetup.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 

package/es/components/content/PrismDiffCode/PrismDiffCode.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 

package/es/components/content/Result/Result.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 

package/es/components/content/Skeleton/Skeleton.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 

package/es/components/content/Tag/Tag.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */
 

package/es/components/content/Text.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-4fbf5f3
+ * @cube-dev/ui-kit v0.0.0-canary-4da8af8
  * Released under the MIT license.
  */