@cube-dev/ui-kit 0.98.9 → 0.99.0

package/es/components/content/ActiveZone/ActiveZone.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.9
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
@@ -9,9 +9,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useFocusableRef } from '@react-spectrum/utils';
 import { forwardRef } from 'react';
 import { useFocusable, useHover } from 'react-aria';
-import { CONTAINER_STYLES, Element, extractStyles, filterBaseProps, TEXT_STYLES, } from '../../../tasty';
-import { mergeProps } from '../../../utils/react';
-import { useFocus } from '../../../utils/react/interactions';
+import { CONTAINER_STYLES, Element, extractStyles, filterBaseProps, TEXT_STYLES, } from '../../../tasty/index.js';
+import { mergeProps } from '../../../utils/react/index.js';
+import { useFocus } from '../../../utils/react/interactions.js';
 const DEFAULT_STYLES = {
     display: 'inline-grid',
     position: 'relative',

package/es/components/content/Alert/Alert.js

@@ -1,15 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.9
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import THEMES from '../../../data/themes';
-import { tasty } from '../../../tasty';
-import { useAlert } from './use-alert';
+import THEMES from '../../../data/themes.js';
+import { tasty } from '../../../tasty/index.js';
+import { useAlert } from './use-alert.js';
 const AlertElement = tasty({
     name: 'Alert',
     role: 'alert',

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

@@ -1,10 +1,10 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.9
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
-export * from './Alert';
+export * from './Alert.js';
 
         

package/es/components/content/Alert/types.js

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

package/es/components/content/Alert/use-alert.js

@@ -1,12 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.9
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
-import { useDeprecationWarning } from '../../../_internal';
-import { CONTAINER_STYLES, extractStyles, filterBaseProps, TEXT_STYLES, } from '../../../tasty';
+import { useDeprecationWarning } from '../../../_internal/index.js';
+import { CONTAINER_STYLES, extractStyles, filterBaseProps, TEXT_STYLES, } from '../../../tasty/index.js';
 const STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];
 export function useAlert(props) {
     const { type, isDisabled = false, theme, shape = 'card', mods } = props;

package/es/components/content/Avatar/Avatar.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.9
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { CONTAINER_STYLES, Element, extractStyles, filterBaseProps, } from '../../../tasty';
+import { CONTAINER_STYLES, Element, extractStyles, filterBaseProps, } from '../../../tasty/index.js';
 const DEFAULT_STYLES = {
     display: 'grid',
     gap: '1x',

package/es/components/content/Badge/Badge.js

@@ -1,15 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.9
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import THEMES from '../../../data/themes';
-import { tasty } from '../../../tasty';
-import { Item } from '../Item';
+import THEMES from '../../../data/themes.js';
+import { tasty } from '../../../tasty/index.js';
+import { Item } from '../Item/index.js';
 const FILL_STYLES = Object.keys(THEMES).reduce((map, type) => {
     map[`theme=${type}`] =
         type === 'special' ? THEMES[type].fill : THEMES[type].color;

package/es/components/content/Card/Card.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.9
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty, } from '../../../tasty';
+import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty, } from '../../../tasty/index.js';
 const CardElement = tasty({
     role: 'region',
     styles: {

package/es/components/content/Content.js

@@ -1,14 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.9
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty, TEXT_STYLES, } from '../../tasty';
-import { useSlotProps } from '../../utils/react';
+import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty, TEXT_STYLES, } from '../../tasty/index.js';
+import { useSlotProps } from '../../utils/react/index.js';
 const STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];
 const ContentElement = tasty({
     qa: 'Content',

package/es/components/content/CopyPasteBlock/CopyPasteBlock.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.9
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
@@ -9,12 +9,12 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import copy from 'clipboard-copy';
 import { forwardRef, useState } from 'react';
 import { useClipboard } from 'react-aria';
-import { useTimer } from '../../../_internal';
-import { CopyIcon } from '../../../icons';
-import { extractStyles, POSITION_STYLES, tasty, } from '../../../tasty';
-import { Button } from '../../actions';
-import { useToastsApi } from '../../overlays/Toasts';
-import { Card } from '../Card/Card';
+import { useTimer } from '../../../_internal/index.js';
+import { CopyIcon } from '../../../icons/index.js';
+import { extractStyles, POSITION_STYLES, tasty, } from '../../../tasty/index.js';
+import { Button } from '../../actions/index.js';
+import { useToastsApi } from '../../overlays/Toasts/index.js';
+import { Card } from '../Card/Card.js';
 const StyledBlock = tasty({
     styles: {
         display: 'grid',
@@ -23,7 +23,7 @@ const StyledBlock = tasty({
         placeItems: 'center stretch',
         gap: '1x',
         position: 'relative',
-        maxWidth: '100%',
+        width: 'max 100%',
         color: 'inherit',
         padding: '0 1.5x',
         // height: {

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

@@ -1,10 +1,10 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.9
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
-export * from './CopyPasteBlock';
+export * from './CopyPasteBlock.js';
 
         

package/es/components/content/CopySnippet/CopySnippet.js

@@ -1,21 +1,21 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.9
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import copy from 'clipboard-copy';
 import { useMemo, useState } from 'react';
-import { CopyIcon, EyeIcon, EyeInvisibleIcon } from '../../../icons';
-import { tasty } from '../../../tasty';
-import { Action, Button } from '../../actions';
-import { PrismCode, } from '../../content/PrismCode/PrismCode';
-import { useToastsApi } from '../../overlays/Toasts';
-import { Tooltip } from '../../overlays/Tooltip/Tooltip';
-import { TooltipTrigger } from '../../overlays/Tooltip/TooltipTrigger';
-import { Card } from '../Card/Card';
+import { CopyIcon, EyeIcon, EyeInvisibleIcon } from '../../../icons/index.js';
+import { tasty } from '../../../tasty/index.js';
+import { Action, Button } from '../../actions/index.js';
+import { PrismCode, } from '../../content/PrismCode/PrismCode.js';
+import { useToastsApi } from '../../overlays/Toasts/index.js';
+import { Tooltip } from '../../overlays/Tooltip/Tooltip.js';
+import { TooltipTrigger } from '../../overlays/Tooltip/TooltipTrigger.js';
+import { Card } from '../Card/Card.js';
 const ActionElement = tasty(Action, {
     styles: {
         display: 'block',

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

@@ -1,10 +1,10 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.9
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
-export * from './CopySnippet';
+export * from './CopySnippet.js';
 
         

package/es/components/content/Disclosure/Disclosure.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.9
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
@@ -9,11 +9,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, forwardRef, useContext, useMemo, useRef, } from 'react';
 import { mergeProps, useDisclosure, useId } from 'react-aria';
 import { useDisclosureGroupState, useDisclosureState, } from 'react-stately';
-import { RightIcon } from '../../../icons';
-import { extractStyles, OUTER_STYLES, tasty, } from '../../../tasty';
-import { mergeRefs } from '../../../utils/react';
-import { ItemButton } from '../../actions/ItemButton';
-import { DisplayTransition } from '../../helpers';
+import { RightIcon } from '../../../icons/index.js';
+import { extractStyles, OUTER_STYLES, tasty, } from '../../../tasty/index.js';
+import { mergeRefs } from '../../../utils/react/index.js';
+import { ItemButton } from '../../actions/ItemButton/index.js';
+import { DisplayTransition } from '../../helpers/index.js';
 // ============================================================================
 // Contexts
 // ============================================================================

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

@@ -1,10 +1,10 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.9
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
-export * from './Disclosure';
+export * from './Disclosure.js';
 
         

package/es/components/content/Divider.js

@@ -1,15 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.9
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useRef } from 'react';
 import { useSeparator } from 'react-aria';
-import { BASE_STYLES, COLOR_STYLES, filterBaseProps, OUTER_STYLES, tasty, } from '../../tasty';
-import { useCombinedRefs, useSlotProps } from '../../utils/react';
+import { BASE_STYLES, COLOR_STYLES, filterBaseProps, OUTER_STYLES, tasty, } from '../../tasty/index.js';
+import { useCombinedRefs, useSlotProps } from '../../utils/react/index.js';
 const DividerElement = tasty({
     styles: {
         gridArea: 'divider',

package/es/components/content/Footer.js

@@ -1,14 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.9
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty, TEXT_STYLES, } from '../../tasty';
-import { useSlotProps } from '../../utils/react';
+import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty, TEXT_STYLES, } from '../../tasty/index.js';
+import { useSlotProps } from '../../utils/react/index.js';
 const STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];
 const FooterElement = tasty({
     qa: 'Footer',

package/es/components/content/Header.js

@@ -1,14 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.9
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty, TEXT_STYLES, } from '../../tasty';
-import { useSlotProps } from '../../utils/react';
+import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty, TEXT_STYLES, } from '../../tasty/index.js';
+import { useSlotProps } from '../../utils/react/index.js';
 const STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];
 const HeaderElement = tasty({
     qa: 'Header',

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

@@ -1,16 +1,16 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.9
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, Fragment } from 'react';
-import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty, } from '../../../tasty';
-import { useKeySymbols } from '../../../utils/react/useKeySymbols';
-import { Space } from '../../layout/Space';
-import { Text } from '../Text';
+import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty, } from '../../../tasty/index.js';
+import { useKeySymbols } from '../../../utils/react/useKeySymbols.js';
+import { Space } from '../../layout/Space.js';
+import { Text } from '../Text.js';
 const StyledHotKeys = tasty(Space, {
     qa: 'HotKeys',
     role: 'group',

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

@@ -1,10 +1,10 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.9
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
-export { HotKeys } from './HotKeys';
+export { HotKeys } from './HotKeys.js';
 
         

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

@@ -1,26 +1,26 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.9
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, isValidElement, useMemo, } from 'react';
 import { useHotkeys } from 'react-hotkeys-hook';
-import { useWarn } from '../../../_internal/hooks/use-warn';
-import { DANGER_CARD_STYLES, DANGER_CLEAR_STYLES, DANGER_ITEM_STYLES, DANGER_LINK_STYLES, DANGER_NEUTRAL_STYLES, DANGER_OUTLINE_STYLES, DANGER_PRIMARY_STYLES, DANGER_SECONDARY_STYLES, DEFAULT_CARD_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_ITEM_STYLES, DEFAULT_LINK_STYLES, DEFAULT_NEUTRAL_STYLES, DEFAULT_OUTLINE_STYLES, DEFAULT_PRIMARY_STYLES, DEFAULT_SECONDARY_STYLES, NOTE_CARD_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_ITEM_STYLES, SPECIAL_LINK_STYLES, SPECIAL_NEUTRAL_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SPECIAL_SECONDARY_STYLES, SUCCESS_CARD_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_ITEM_STYLES, SUCCESS_LINK_STYLES, SUCCESS_NEUTRAL_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES, SUCCESS_SECONDARY_STYLES, } from '../../../data/item-themes';
-import { CheckIcon } from '../../../icons/CheckIcon';
-import { LoadingIcon } from '../../../icons/LoadingIcon';
-import { CONTAINER_STYLES, tasty, } from '../../../tasty';
-import { mergeProps, resolveIcon } from '../../../utils/react';
-import { ItemAction } from '../../actions/ItemAction';
-import { ItemActionProvider } from '../../actions/ItemActionContext';
-import { IconSwitch } from '../../helpers/IconSwitch/IconSwitch';
-import { highlightText } from '../highlightText';
-import { HotKeys } from '../HotKeys';
-import { ItemBadge } from '../ItemBadge';
-import { useAutoTooltip } from '../use-auto-tooltip';
+import { useWarn } from '../../../_internal/hooks/use-warn.js';
+import { DANGER_CARD_STYLES, DANGER_CLEAR_STYLES, DANGER_ITEM_STYLES, DANGER_LINK_STYLES, DANGER_NEUTRAL_STYLES, DANGER_OUTLINE_STYLES, DANGER_PRIMARY_STYLES, DANGER_SECONDARY_STYLES, DEFAULT_CARD_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_ITEM_STYLES, DEFAULT_LINK_STYLES, DEFAULT_NEUTRAL_STYLES, DEFAULT_OUTLINE_STYLES, DEFAULT_PRIMARY_STYLES, DEFAULT_SECONDARY_STYLES, NOTE_CARD_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_ITEM_STYLES, SPECIAL_LINK_STYLES, SPECIAL_NEUTRAL_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SPECIAL_SECONDARY_STYLES, SUCCESS_CARD_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_ITEM_STYLES, SUCCESS_LINK_STYLES, SUCCESS_NEUTRAL_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES, SUCCESS_SECONDARY_STYLES, } from '../../../data/item-themes.js';
+import { CheckIcon } from '../../../icons/CheckIcon.js';
+import { LoadingIcon } from '../../../icons/LoadingIcon.js';
+import { CONTAINER_STYLES, tasty, } from '../../../tasty/index.js';
+import { mergeProps, resolveIcon } from '../../../utils/react/index.js';
+import { ItemAction } from '../../actions/ItemAction/index.js';
+import { ItemActionProvider } from '../../actions/ItemActionContext.js';
+import { IconSwitch } from '../../helpers/IconSwitch/IconSwitch.js';
+import { highlightText } from '../highlightText.js';
+import { HotKeys } from '../HotKeys/index.js';
+import { ItemBadge } from '../ItemBadge/index.js';
+import { useAutoTooltip } from '../use-auto-tooltip.js';
 const ITEM_SIZE_VALUES = [
     'xsmall',
     'small',
@@ -200,7 +200,7 @@ const ItemElement = tasty({
             whiteSpace: 'nowrap',
             overflow: 'hidden',
             textOverflow: 'ellipsis',
-            maxWidth: '100%',
+            width: '0 100%',
             preset: 'inherit',
             padding: '$block-padding $label-padding-right $label-padding-bottom $label-padding-left',
         },

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

@@ -1,11 +1,11 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.9
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
-export * from './Item';
-export * from '../ItemBadge';
+export * from './Item.js';
+export * from '../ItemBadge/index.js';
 
         

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

@@ -1,19 +1,19 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.9
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useMemo, } from 'react';
-import { DANGER_CLEAR_STYLES, DANGER_NEUTRAL_STYLES, DANGER_PRIMARY_STYLES, DANGER_SECONDARY_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_NEUTRAL_STYLES, DEFAULT_PRIMARY_STYLES, DEFAULT_SECONDARY_STYLES, ITEM_ACTION_BASE_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_NEUTRAL_STYLES, SPECIAL_PRIMARY_STYLES, SPECIAL_SECONDARY_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_NEUTRAL_STYLES, SUCCESS_PRIMARY_STYLES, SUCCESS_SECONDARY_STYLES, } from '../../../data/item-themes';
-import { CheckIcon } from '../../../icons/CheckIcon';
-import { LoadingIcon } from '../../../icons/LoadingIcon';
-import { tasty } from '../../../tasty';
-import { mergeProps } from '../../../utils/react';
-import { useItemActionContext } from '../../actions/ItemActionContext';
-import { TooltipProvider } from '../../overlays/Tooltip/TooltipProvider';
+import { DANGER_CLEAR_STYLES, DANGER_NEUTRAL_STYLES, DANGER_PRIMARY_STYLES, DANGER_SECONDARY_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_NEUTRAL_STYLES, DEFAULT_PRIMARY_STYLES, DEFAULT_SECONDARY_STYLES, ITEM_ACTION_BASE_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_NEUTRAL_STYLES, SPECIAL_PRIMARY_STYLES, SPECIAL_SECONDARY_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_NEUTRAL_STYLES, SUCCESS_PRIMARY_STYLES, SUCCESS_SECONDARY_STYLES, } from '../../../data/item-themes.js';
+import { CheckIcon } from '../../../icons/CheckIcon.js';
+import { LoadingIcon } from '../../../icons/LoadingIcon.js';
+import { tasty } from '../../../tasty/index.js';
+import { mergeProps } from '../../../utils/react/index.js';
+import { useItemActionContext } from '../../actions/ItemActionContext.js';
+import { TooltipProvider } from '../../overlays/Tooltip/TooltipProvider.js';
 const ItemBadgeElement = tasty({
     qa: 'ItemBadge',
     styles: {

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

@@ -1,10 +1,10 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.9
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
-export { ItemBadge } from './ItemBadge';
+export { ItemBadge } from './ItemBadge.js';
 
         

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

@@ -1,24 +1,24 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.9
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, } from 'react';
-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 { LayoutPane } from './LayoutPane';
-import { LayoutPanel } from './LayoutPanel';
-import { LayoutPanelHeader } from './LayoutPanelHeader';
-import { LayoutToolbar } from './LayoutToolbar';
+import { tasty } from '../../../tasty/index.js';
+import { Layout } from './Layout.js';
+import { LayoutBlock } from './LayoutBlock.js';
+import { LayoutContent } from './LayoutContent.js';
+import { LayoutFlex } from './LayoutFlex.js';
+import { LayoutFooter } from './LayoutFooter.js';
+import { LayoutGrid } from './LayoutGrid.js';
+import { LayoutHeader } from './LayoutHeader.js';
+import { LayoutPane } from './LayoutPane.js';
+import { LayoutPanel } from './LayoutPanel.js';
+import { LayoutPanelHeader } from './LayoutPanelHeader.js';
+import { LayoutToolbar } from './LayoutToolbar.js';
 const GridLayoutElement = tasty(Layout, {
     qa: 'GridLayout',
     styles: {

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

@@ -1,17 +1,17 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.9
+ * @cube-dev/ui-kit v0.99.0
  * 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 { extractStyles, filterBaseProps, INNER_STYLES, mergeStyles, OUTER_STYLES, tasty, } from '../../../tasty';
-import { isDevEnv } from '../../../tasty/utils/isDevEnv';
-import { useCombinedRefs } from '../../../utils/react';
-import { Alert } from '../Alert';
-import { LayoutProvider, useLayoutContext } from './LayoutContext';
+import { extractStyles, filterBaseProps, INNER_STYLES, mergeStyles, OUTER_STYLES, tasty, } from '../../../tasty/index.js';
+import { isDevEnv } from '../../../tasty/utils/isDevEnv.js';
+import { useCombinedRefs } from '../../../utils/react/index.js';
+import { Alert } from '../Alert/index.js';
+import { LayoutProvider, useLayoutContext } from './LayoutContext.js';
 const LayoutElement = tasty({
     as: 'div',
     qa: 'Layout',
@@ -36,6 +36,7 @@ const LayoutElement = tasty({
             // .base-class[data-hover] > [data-element="Inner"] { ...}
             // Direct child selector required for nested layouts
             $: '>',
+            container: 'layout / inline-size',
             position: 'absolute',
             inset: '$inset-top $inset-right $inset-bottom $inset-left',
             display: 'flex',

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

@@ -1,17 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.9
+ * @cube-dev/ui-kit v0.99.0
  * 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';
+import { tasty } from '../../../tasty/index.js';
+import { LayoutContent } from './LayoutContent.js';
 const BlockElement = tasty(LayoutContent, {
     qa: 'LayoutBlock',
     styles: {
+        container: 'none',
         flexShrink: 0,
         flexGrow: 0,
         Inner: {

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

@@ -1,14 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.9
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { tasty } from '../../../tasty';
-import { LayoutContainer } from './LayoutContainer';
+import { tasty } from '../../../tasty/index.js';
+import { LayoutContainer } from './LayoutContainer.js';
 const CenterElement = tasty(LayoutContainer, {
     qa: 'LayoutCenter',
     styles: {

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

@@ -1,15 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.9
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useMemo, } from 'react';
-import { CONTAINER_STYLES, extractStyles, filterBaseProps, mergeStyles, tasty, } from '../../../tasty';
-import { useCombinedRefs } from '../../../utils/react';
-import { LayoutContextReset } from './LayoutContext';
+import { CONTAINER_STYLES, extractStyles, filterBaseProps, mergeStyles, tasty, } from '../../../tasty/index.js';
+import { useCombinedRefs } from '../../../utils/react/index.js';
+import { LayoutContextReset } from './LayoutContext.js';
 const ContainerElement = tasty({
     as: 'div',
     qa: 'LayoutContainer',