@cube-dev/ui-kit 0.0.0-canary-8ca04ef → 0.0.0-canary-dae9b2f

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

@@ -1,15 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import THEMES from '../../../data/themes.js';
-import { tasty } from '../../../tasty/index.js';
-import { useAlert } from './use-alert.js';
+import THEMES from '../../../data/themes';
+import { tasty } from '../../../tasty';
+import { useAlert } from './use-alert';
 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.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
-export * from './Alert.js';
+export * from './Alert';
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * 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.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
-import { useDeprecationWarning } from '../../../_internal/index.js';
-import { CONTAINER_STYLES, extractStyles, filterBaseProps, TEXT_STYLES, } from '../../../tasty/index.js';
+import { useDeprecationWarning } from '../../../_internal';
+import { CONTAINER_STYLES, extractStyles, filterBaseProps, TEXT_STYLES, } from '../../../tasty';
 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.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * 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/index.js';
+import { CONTAINER_STYLES, Element, extractStyles, filterBaseProps, } from '../../../tasty';
 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.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import THEMES from '../../../data/themes.js';
-import { tasty } from '../../../tasty/index.js';
-import { Item } from '../Item/index.js';
+import THEMES from '../../../data/themes';
+import { tasty } from '../../../tasty';
+import { Item } from '../Item';
 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.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * 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/index.js';
+import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty, } from '../../../tasty';
 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.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * 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/index.js';
-import { useSlotProps } from '../../utils/react/index.js';
+import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty, TEXT_STYLES, } from '../../tasty';
+import { useSlotProps } from '../../utils/react';
 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.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * 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/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';
+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';
 const StyledBlock = tasty({
     styles: {
         display: 'grid',
@@ -23,7 +23,7 @@ const StyledBlock = tasty({
         placeItems: 'center stretch',
         gap: '1x',
         position: 'relative',
-        width: 'max 100%',
+        maxWidth: '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.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
-export * from './CopyPasteBlock.js';
+export * from './CopyPasteBlock';
 
         

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

@@ -1,21 +1,21 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * 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/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';
+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';
 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.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
-export * from './CopySnippet.js';
+export * from './CopySnippet';
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * 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/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';
+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';
 // ============================================================================
 // Contexts
 // ============================================================================

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

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

package/es/components/content/Divider.js

@@ -1,15 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * 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/index.js';
-import { useCombinedRefs, useSlotProps } from '../../utils/react/index.js';
+import { BASE_STYLES, COLOR_STYLES, filterBaseProps, OUTER_STYLES, tasty, } from '../../tasty';
+import { useCombinedRefs, useSlotProps } from '../../utils/react';
 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.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * 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/index.js';
-import { useSlotProps } from '../../utils/react/index.js';
+import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty, TEXT_STYLES, } from '../../tasty';
+import { useSlotProps } from '../../utils/react';
 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.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * 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/index.js';
-import { useSlotProps } from '../../utils/react/index.js';
+import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty, TEXT_STYLES, } from '../../tasty';
+import { useSlotProps } from '../../utils/react';
 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.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * 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/index.js';
-import { useKeySymbols } from '../../../utils/react/useKeySymbols.js';
-import { Space } from '../../layout/Space.js';
-import { Text } from '../Text.js';
+import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty, } from '../../../tasty';
+import { useKeySymbols } from '../../../utils/react/useKeySymbols';
+import { Space } from '../../layout/Space';
+import { Text } from '../Text';
 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.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
-export { HotKeys } from './HotKeys.js';
+export { HotKeys } from './HotKeys';
 
         

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

@@ -1,26 +1,26 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * 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.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';
+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';
 const ITEM_SIZE_VALUES = [
     'xsmall',
     'small',
@@ -200,7 +200,7 @@ const ItemElement = tasty({
             whiteSpace: 'nowrap',
             overflow: 'hidden',
             textOverflow: 'ellipsis',
-            width: '0 100%',
+            maxWidth: '100%',
             preset: 'inherit',
             padding: '$block-padding $label-padding-right $label-padding-bottom $label-padding-left',
         },
@@ -250,21 +250,25 @@ const ItemElement = tasty({
             display: 'flex',
             gap: '1bw',
             placeItems: 'center',
-            placeContent: 'stretch',
+            placeContent: 'end',
             placeSelf: 'stretch',
-            padding: '0 $side-padding',
+            padding: {
+                '': '0 $side-padding',
+                'has-actions-content & show-actions-on-hover & !:hover & !:focus & !:focus-within': '0',
+            },
             boxSizing: 'border-box',
             height: 'min ($size - 2bw)',
             width: {
-                '': '($actions-width, 0px)',
-                'has-actions-content': 'calc-size(max-content, size)',
+                '': 'max ($actions-width, 0px)',
+                'has-actions-content & show-actions-on-hover': 'max 0px',
+                'has-actions-content & show-actions-on-hover & (:hover | :focus | :focus-within)': 'max calc-size(max-content, size)',
             },
             opacity: {
                 '': 1,
                 'show-actions-on-hover': 0,
                 'show-actions-on-hover & (:hover | :focus | :focus-within)': 1,
             },
-            transition: 'width $transition ease-out, opacity $transition ease-out',
+            transition: 'width $transition ease-out, opacity $transition ease-out, padding $transition ease-out',
             interpolateSize: 'allow-keywords',
             // Size for the action buttons
             '$action-size': 'min(max((2x + 2bw), ($size - 1x - 2bw)), (4x - 2bw))',

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

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

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

@@ -1,19 +1,19 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * 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.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';
+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';
 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.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
-export { ItemBadge } from './ItemBadge.js';
+export { ItemBadge } from './ItemBadge';
 
         

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

@@ -1,24 +1,24 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, } from 'react';
-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';
+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';
 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.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * 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/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';
+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';
 const LayoutElement = tasty({
     as: 'div',
     qa: 'Layout',
@@ -36,7 +36,6 @@ 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,18 +1,17 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { tasty } from '../../../tasty/index.js';
-import { LayoutContent } from './LayoutContent.js';
+import { tasty } from '../../../tasty';
+import { LayoutContent } from './LayoutContent';
 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.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { tasty } from '../../../tasty/index.js';
-import { LayoutContainer } from './LayoutContainer.js';
+import { tasty } from '../../../tasty';
+import { LayoutContainer } from './LayoutContainer';
 const CenterElement = tasty(LayoutContainer, {
     qa: 'LayoutCenter',
     styles: {