@cube-dev/ui-kit 0.0.0-canary-1ce7c0b → 0.0.0-canary-dccaee2

package/es/components/content/Header.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1ce7c0b
+ * @cube-dev/ui-kit v0.0.0-canary-dccaee2
  * 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-1ce7c0b
+ * @cube-dev/ui-kit v0.0.0-canary-dccaee2
  * 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-1ce7c0b
+ * @cube-dev/ui-kit v0.0.0-canary-dccaee2
  * 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-1ce7c0b
+ * @cube-dev/ui-kit v0.0.0-canary-dccaee2
  * Released under the MIT license.
  */
 

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-1ce7c0b
+ * @cube-dev/ui-kit v0.0.0-canary-dccaee2
  * 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-1ce7c0b
+ * @cube-dev/ui-kit v0.0.0-canary-dccaee2
  * 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-1ce7c0b
+ * @cube-dev/ui-kit v0.0.0-canary-dccaee2
  * 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-1ce7c0b
+ * @cube-dev/ui-kit v0.0.0-canary-dccaee2
  * Released under the MIT license.
  */
 
@@ -11,7 +11,9 @@ import { tasty } from '../../../tasty';
 import { Layout } from './Layout';
 import { LayoutBlock } from './LayoutBlock';
 import { LayoutContent } from './LayoutContent';
+import { LayoutFlex } from './LayoutFlex';
 import { LayoutFooter } from './LayoutFooter';
+import { LayoutGrid } from './LayoutGrid';
 import { LayoutHeader } from './LayoutHeader';
 import { LayoutPanel } from './LayoutPanel';
 import { LayoutPanelHeader } from './LayoutPanelHeader';
@@ -36,6 +38,8 @@ const GridLayout = Object.assign(_GridLayout, {
     Footer: LayoutFooter,
     Content: LayoutContent,
     Block: LayoutBlock,
+    Flex: LayoutFlex,
+    Grid: LayoutGrid,
     Panel: LayoutPanel,
     PanelHeader: LayoutPanelHeader,
 });

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

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

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-1ce7c0b
+ * @cube-dev/ui-kit v0.0.0-canary-dccaee2
  * Released under the MIT license.
  */
 
@@ -13,6 +13,7 @@ const BlockElement = tasty(LayoutContent, {
     qa: 'LayoutBlock',
     styles: {
         flexShrink: 0,
+        flexGrow: 0,
         Inner: {
             display: 'block',
         },

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

@@ -1,14 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1ce7c0b
+ * @cube-dev/ui-kit v0.0.0-canary-dccaee2
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useMemo, useRef } from 'react';
 import { useHover } from 'react-aria';
-import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty, } from '../../../tasty';
+import { extractStyles, filterBaseProps, INNER_STYLES, mergeStyles, OUTER_STYLES, tasty, } from '../../../tasty';
 import { useCombinedRefs } from '../../../utils/react';
 import { useTinyScrollbar } from './hooks/useTinyScrollbar';
 import { LayoutContextReset } from './LayoutContext';
@@ -26,7 +26,7 @@ const ContentElement = tasty({
         flexGrow: 1,
         height: 'min 0',
         overflow: 'hidden',
-        boxSizing: 'border-box',
+        boxSizing: 'content-box',
         Inner: {
             display: 'flex',
             flow: 'column',
@@ -76,7 +76,8 @@ const ContentElement = tasty({
 });
 function LayoutContent(props, ref) {
     const { children, scrollbar = 'thin', styles, ...otherProps } = props;
-    const extractedStyles = extractStyles(otherProps, CONTAINER_STYLES);
+    const outerStyles = extractStyles(otherProps, OUTER_STYLES);
+    const innerStyles = extractStyles(otherProps, INNER_STYLES);
     const innerRef = useRef(null);
     const combinedRef = useCombinedRefs(ref);
     const isTinyScrollbar = scrollbar === 'tiny';
@@ -94,13 +95,10 @@ function LayoutContent(props, ref) {
         scrollbar,
         hovered: isHovered,
     }), [scrollbar, isHovered]);
-    // Merge incoming styles with extracted container styles for Inner element
+    // Merge styles: outer styles to root, inner styles to Inner element
     const finalStyles = useMemo(() => {
-        return {
-            ...styles,
-            Inner: { ...styles?.Inner, ...extractedStyles },
-        };
-    }, [styles, extractedStyles]);
+        return mergeStyles(styles, outerStyles, innerStyles ? { Inner: innerStyles } : null);
+    }, [styles, outerStyles, innerStyles]);
     return (_jsxs(ContentElement, { ref: combinedRef, ...filterBaseProps(otherProps, { eventProps: true }), ...hoverProps, mods: mods, styles: finalStyles, style: scrollbarStyle, children: [_jsx("div", { ref: innerRef, "data-element": "Inner", children: _jsx(LayoutContextReset, { children: children }) }), isTinyScrollbar && hasOverflowY && _jsx("div", { "data-element": "ScrollbarV" }), isTinyScrollbar && hasOverflowX && _jsx("div", { "data-element": "ScrollbarH" })] }));
 }
 const _LayoutContent = forwardRef(LayoutContent);

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-1ce7c0b
+ * @cube-dev/ui-kit v0.0.0-canary-dccaee2
  * Released under the MIT license.
  */
 

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

@@ -0,0 +1,30 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-dccaee2
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { tasty } from '../../../tasty';
+import { LayoutContent } from './LayoutContent';
+const FlexElement = tasty(LayoutContent, {
+    qa: 'LayoutFlex',
+    styles: {
+        flexShrink: 0,
+        flexGrow: 0,
+        Inner: {
+            display: 'flex',
+        },
+    },
+});
+function LayoutFlex(props, ref) {
+    const { children, scrollbar = 'tiny', ...otherProps } = props;
+    return (_jsx(FlexElement, { ...otherProps, ref: ref, scrollbar: scrollbar, children: children }));
+}
+const _LayoutFlex = forwardRef(LayoutFlex);
+_LayoutFlex.displayName = 'Layout.Flex';
+export { _LayoutFlex as LayoutFlex };
+
+        

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-1ce7c0b
+ * @cube-dev/ui-kit v0.0.0-canary-dccaee2
  * Released under the MIT license.
  */
 
@@ -17,6 +17,7 @@ const FooterElement = tasty(LayoutContent, {
         border: 'top',
         height: 'min 5x',
         flexShrink: 0,
+        flexGrow: 0,
         whiteSpace: 'nowrap',
         Inner: {
             display: 'flex',

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

@@ -0,0 +1,30 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-dccaee2
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { tasty } from '../../../tasty';
+import { LayoutContent } from './LayoutContent';
+const GridElement = tasty(LayoutContent, {
+    qa: 'LayoutGrid',
+    styles: {
+        flexShrink: 0,
+        flexGrow: 0,
+        Inner: {
+            display: 'grid',
+        },
+    },
+});
+function LayoutGrid(props, ref) {
+    const { children, scrollbar = 'tiny', columns, rows, template, ...otherProps } = props;
+    return (_jsx(GridElement, { ...otherProps, ref: ref, scrollbar: scrollbar, gridColumns: columns, gridRows: rows, gridTemplate: template, children: children }));
+}
+const _LayoutGrid = forwardRef(LayoutGrid);
+_LayoutGrid.displayName = 'Layout.Grid';
+export { _LayoutGrid as LayoutGrid };
+
+        

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-1ce7c0b
+ * @cube-dev/ui-kit v0.0.0-canary-dccaee2
  * Released under the MIT license.
  */
 
@@ -19,6 +19,7 @@ const HeaderElement = tasty(LayoutContent, {
     styles: {
         border: 'bottom',
         flexShrink: 0,
+        flexGrow: 0,
         Inner: {
             display: 'grid',
             gridTemplate: `

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-1ce7c0b
+ * @cube-dev/ui-kit v0.0.0-canary-dccaee2
  * Released under the MIT license.
  */
 
@@ -21,6 +21,20 @@ const HANDLER_WIDTH = 9;
 const HANDLER_OFFSET = 4;
 // Extra inset added for resizable panels (to accommodate handler grab area)
 const RESIZABLE_INSET_OFFSET = 2;
+/**
+ * Clamps a size value within min/max constraints.
+ * Handles both number and string constraint values (only numbers are applied).
+ */
+function clampPanelSize(value, minSize, maxSize) {
+    let result = value;
+    if (typeof maxSize === 'number') {
+        result = Math.min(maxSize, result);
+    }
+    if (typeof minSize === 'number') {
+        result = Math.max(minSize, result);
+    }
+    return Math.max(result, 0);
+}
 const PanelElement = tasty({
     as: 'div',
     qa: 'LayoutPanel',
@@ -251,24 +265,16 @@ function LayoutPanel(props, ref) {
     // Resize state
     const [isDragging, setIsDragging] = useState(false);
     const [size, setSize] = useState(() => {
-        if (typeof providedSize === 'number')
-            return providedSize;
-        if (typeof defaultSize === 'number')
-            return defaultSize;
-        return 280;
+        const initialSize = typeof providedSize === 'number'
+            ? providedSize
+            : typeof defaultSize === 'number'
+                ? defaultSize
+                : 280;
+        return clampPanelSize(initialSize, minSize, maxSize);
     });
     const extractedStyles = extractStyles(otherProps, CONTAINER_STYLES);
     // Clamp size to min/max constraints
-    const clampSize = useCallback((value) => {
-        let result = value;
-        if (typeof maxSize === 'number') {
-            result = Math.min(maxSize, result);
-        }
-        if (typeof minSize === 'number') {
-            result = Math.max(minSize, result);
-        }
-        return Math.max(result, 0);
-    }, [minSize, maxSize]);
+    const clampSize = useCallback((value) => clampPanelSize(value, minSize, maxSize), [minSize, maxSize]);
     const setContextDragging = layoutContext.setDragging;
     const { moveProps } = useMove({
         onMoveStart() {

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-1ce7c0b
+ * @cube-dev/ui-kit v0.0.0-canary-dccaee2
  * 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-1ce7c0b
+ * @cube-dev/ui-kit v0.0.0-canary-dccaee2
  * Released under the MIT license.
  */
 
@@ -15,6 +15,7 @@ const ToolbarElement = tasty(LayoutContent, {
     styles: {
         height: 'min 5x',
         flexShrink: 0,
+        flexGrow: 0,
         Inner: {
             display: 'flex',
             flow: 'row nowrap',

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-1ce7c0b
+ * @cube-dev/ui-kit v0.0.0-canary-dccaee2
  * Released under the MIT license.
  */
 

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

@@ -1,14 +1,16 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1ce7c0b
+ * @cube-dev/ui-kit v0.0.0-canary-dccaee2
  * Released under the MIT license.
  */
 
 import { Layout as LayoutBase } from './Layout';
 import { LayoutBlock } from './LayoutBlock';
 import { LayoutContent } from './LayoutContent';
+import { LayoutFlex } from './LayoutFlex';
 import { LayoutFooter } from './LayoutFooter';
+import { LayoutGrid } from './LayoutGrid';
 import { LayoutHeader } from './LayoutHeader';
 import { LayoutPanel } from './LayoutPanel';
 import { LayoutPanelHeader } from './LayoutPanelHeader';
@@ -21,6 +23,8 @@ const Layout = Object.assign(LayoutBase, {
     Footer: LayoutFooter,
     Content: LayoutContent,
     Block: LayoutBlock,
+    Flex: LayoutFlex,
+    Grid: LayoutGrid,
     Panel: LayoutPanel,
     PanelHeader: LayoutPanelHeader,
 });

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-1ce7c0b
+ * @cube-dev/ui-kit v0.0.0-canary-dccaee2
  * 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-1ce7c0b
+ * @cube-dev/ui-kit v0.0.0-canary-dccaee2
  * 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-1ce7c0b
+ * @cube-dev/ui-kit v0.0.0-canary-dccaee2
  * 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-1ce7c0b
+ * @cube-dev/ui-kit v0.0.0-canary-dccaee2
  * 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-1ce7c0b
+ * @cube-dev/ui-kit v0.0.0-canary-dccaee2
  * 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-1ce7c0b
+ * @cube-dev/ui-kit v0.0.0-canary-dccaee2
  * 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-1ce7c0b
+ * @cube-dev/ui-kit v0.0.0-canary-dccaee2
  * 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-1ce7c0b
+ * @cube-dev/ui-kit v0.0.0-canary-dccaee2
  * 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-1ce7c0b
+ * @cube-dev/ui-kit v0.0.0-canary-dccaee2
  * 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-1ce7c0b
+ * @cube-dev/ui-kit v0.0.0-canary-dccaee2
  * 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-1ce7c0b
+ * @cube-dev/ui-kit v0.0.0-canary-dccaee2
  * Released under the MIT license.
  */
 

package/es/components/content/TextItem/TextItem.js

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

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

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

package/es/components/content/Title.js

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

package/es/components/content/use-auto-tooltip.js

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

package/es/components/fields/Checkbox/Checkbox.js

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

package/es/components/fields/Checkbox/CheckboxGroup.js

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

package/es/components/fields/Checkbox/context.js

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

package/es/components/fields/Checkbox/index.js

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

package/es/components/fields/ComboBox/ComboBox.js

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

package/es/components/fields/ComboBox/index.js

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

package/es/components/fields/DatePicker/DateInput.js

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

package/es/components/fields/DatePicker/DateInputBase.js

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

package/es/components/fields/DatePicker/DatePicker.js

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