@cube-dev/ui-kit 0.98.8 → 0.99.0

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

@@ -1,19 +1,19 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @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.8
+ * @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.8
+ * @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.8
+ * @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.8
+ * @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.8
+ * @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.8
+ * @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',

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

@@ -1,21 +1,22 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @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, useRef, } from 'react';
 import { useHover } from 'react-aria';
-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';
+import { extractStyles, filterBaseProps, INNER_STYLES, mergeStyles, OUTER_STYLES, tasty, } from '../../../tasty/index.js';
+import { useCombinedRefs } from '../../../utils/react/index.js';
+import { useTinyScrollbar } from './hooks/useTinyScrollbar.js';
+import { LayoutContextReset } from './LayoutContext.js';
 const ContentElement = tasty({
     as: 'div',
     qa: 'LayoutContent',
     styles: {
+        container: 'content / inline-size',
         position: 'relative',
         display: 'grid',
         gridColumns: '1sf',

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

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

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

@@ -1,17 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @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 FlexElement = tasty(LayoutContent, {
     qa: 'LayoutFlex',
     styles: {
+        container: 'none',
         flexShrink: 0,
         flexGrow: 0,
         Inner: {

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

@@ -1,19 +1,20 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @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 { tasty } from '../../../tasty';
-import { LayoutContent } from './LayoutContent';
+import { tasty } from '../../../tasty/index.js';
+import { LayoutContent } from './LayoutContent.js';
 const FooterElement = tasty(LayoutContent, {
     as: 'footer',
     qa: 'LayoutFooter',
     role: 'contentinfo',
     styles: {
+        container: 'none',
         // Footer inherits auto-border from LayoutContent
         // (no border when last-child, which is typical for footers)
         height: 'min 5x',

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

@@ -1,17 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @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 GridElement = tasty(LayoutContent, {
     qa: 'LayoutGrid',
     styles: {
+        container: 'none',
         flexShrink: 0,
         flexGrow: 0,
         Inner: {

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

@@ -1,22 +1,23 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @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 { SlashIcon } from '../../../icons/SlashIcon';
-import { tasty } from '../../../tasty';
-import { Link } from '../../actions/Link/Link';
-import { Text } from '../Text';
-import { useAutoTooltip } from '../use-auto-tooltip';
-import { LayoutContent } from './LayoutContent';
+import { SlashIcon } from '../../../icons/SlashIcon.js';
+import { tasty } from '../../../tasty/index.js';
+import { Link } from '../../actions/Link/Link.js';
+import { Text } from '../Text.js';
+import { useAutoTooltip } from '../use-auto-tooltip.js';
+import { LayoutContent } from './LayoutContent.js';
 const HeaderElement = tasty(LayoutContent, {
     as: 'header',
     qa: 'LayoutHeader',
     styles: {
+        container: 'none',
         // Header always has bottom border (inherent style)
         border: 'bottom',
         flexShrink: 0,

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

@@ -1,19 +1,19 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @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, useCallback, useEffect, useMemo, useRef, useState, } from 'react';
 import { useFocusRing, useHover, useMove } from 'react-aria';
-import { useDebouncedValue } from '../../../_internal/hooks';
-import { extractStyles, filterBaseProps, INNER_STYLES, mergeStyles, OUTER_STYLES, tasty, } from '../../../tasty';
-import { mergeProps, useCombinedRefs } from '../../../utils/react';
-import { useTinyScrollbar } from './hooks/useTinyScrollbar';
-import { LayoutContextReset } from './LayoutContext';
-import { clampSize } from './utils';
+import { useDebouncedValue } from '../../../_internal/hooks/index.js';
+import { extractStyles, filterBaseProps, INNER_STYLES, mergeStyles, OUTER_STYLES, tasty, } from '../../../tasty/index.js';
+import { mergeProps, useCombinedRefs } from '../../../utils/react/index.js';
+import { useTinyScrollbar } from './hooks/useTinyScrollbar.js';
+import { LayoutContextReset } from './LayoutContext.js';
+import { clampSize } from './utils.js';
 // Handler dimensions
 const HANDLER_WIDTH = 9; // Interactive area
 const HANDLER_RESERVED = 5; // Space reserved in Inner padding
@@ -21,6 +21,7 @@ const PaneElement = tasty({
     as: 'div',
     qa: 'LayoutPane',
     styles: {
+        container: 'pane / inline-size',
         position: 'relative',
         display: 'grid',
         gridColumns: '1sf',

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

@@ -1,21 +1,21 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @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 { forwardRef, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, } from 'react';
 import { useFocusRing, useHover, useMove } from 'react-aria';
-import { useDebouncedValue } from '../../../_internal/hooks';
-import { CONTAINER_STYLES, extractStyles, filterBaseProps, mergeStyles, tasty, } from '../../../tasty';
-import { mergeProps, useCombinedRefs, useLocalStorage, } from '../../../utils/react';
-import { DisplayTransition } from '../../helpers/DisplayTransition/DisplayTransition';
-import { Dialog } from '../../overlays/Dialog';
-import { DialogContainer, } from '../../overlays/Dialog/DialogContainer';
-import { LayoutContextReset, LayoutPanelContext, useLayoutContext, } from './LayoutContext';
-import { clampSize } from './utils';
+import { useDebouncedValue } from '../../../_internal/hooks/index.js';
+import { CONTAINER_STYLES, extractStyles, filterBaseProps, mergeStyles, tasty, } from '../../../tasty/index.js';
+import { mergeProps, useCombinedRefs, useLocalStorage, } from '../../../utils/react/index.js';
+import { DisplayTransition } from '../../helpers/DisplayTransition/DisplayTransition.js';
+import { Dialog } from '../../overlays/Dialog/index.js';
+import { DialogContainer, } from '../../overlays/Dialog/DialogContainer.js';
+import { LayoutContextReset, LayoutPanelContext, useLayoutContext, } from './LayoutContext.js';
+import { clampSize } from './utils.js';
 // Resize handler dimensions
 const HANDLER_WIDTH = 9;
 // How far from panel edge to position handler's inner edge (centers the 3px track on the edge)
@@ -26,6 +26,7 @@ const PanelElement = tasty({
     as: 'div',
     qa: 'LayoutPanel',
     styles: {
+        container: 'panel / inline-size',
         position: 'absolute',
         zIndex: 10,
         display: 'flex',

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

@@ -1,18 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useCallback } from 'react';
-import { CloseIcon } from '../../../icons/CloseIcon';
-import { CONTAINER_STYLES, extractStyles, tasty, } from '../../../tasty';
-import { ItemAction } from '../../actions/ItemAction';
-import { useDialogContext } from '../../overlays/Dialog/context';
-import { Item } from '../Item/Item';
-import { useLayoutPanelContext } from './LayoutContext';
+import { CloseIcon } from '../../../icons/CloseIcon.js';
+import { CONTAINER_STYLES, extractStyles, tasty, } from '../../../tasty/index.js';
+import { ItemAction } from '../../actions/ItemAction/index.js';
+import { useDialogContext } from '../../overlays/Dialog/context.js';
+import { Item } from '../Item/Item.js';
+import { useLayoutPanelContext } from './LayoutContext.js';
 const PanelHeaderElement = tasty(Item, {
     qa: 'PanelHeader',
     shape: 'sharp',

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

@@ -1,18 +1,19 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @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 ToolbarElement = tasty(LayoutContent, {
     qa: 'Toolbar',
     role: 'toolbar',
     styles: {
+        container: 'none',
         height: 'min 5x',
         flexShrink: 0,
         flexGrow: 0,

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

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

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

@@ -1,25 +1,25 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @cube-dev/ui-kit v0.99.0
  * 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';
-import { LayoutGrid } from './LayoutGrid';
-import { LayoutHeader } from './LayoutHeader';
-import { LayoutPane } from './LayoutPane';
-import { LayoutPanel } from './LayoutPanel';
-import { LayoutPanelHeader } from './LayoutPanelHeader';
-import { LayoutToolbar } from './LayoutToolbar';
-export { GridLayout } from './GridLayout';
-export { LayoutContext, LayoutPanelContext, useLayoutContext, useLayoutPanelContext, } from './LayoutContext';
+import { Layout as LayoutBase } from './Layout.js';
+import { LayoutBlock } from './LayoutBlock.js';
+import { LayoutCenter } from './LayoutCenter.js';
+import { LayoutContainer } from './LayoutContainer.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';
+export { GridLayout } from './GridLayout.js';
+export { LayoutContext, LayoutPanelContext, useLayoutContext, useLayoutPanelContext, } from './LayoutContext.js';
 const Layout = Object.assign(LayoutBase, {
     Toolbar: LayoutToolbar,
     Header: LayoutHeader,

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

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

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

@@ -1,12 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
-import { tasty } from '../../../tasty';
-import { Space } from '../../layout/Space';
+import { tasty } from '../../../tasty/index.js';
+import { Space } from '../../layout/Space.js';
 export const SectionHeading = tasty(Space, {
     qa: 'SectionHeading',
     as: 'div',

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

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

package/es/components/content/Paragraph.js

@@ -1,14 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @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, TEXT_STYLES, } from '../../tasty';
-import { Text } from './Text';
+import { CONTAINER_STYLES, extractStyles, TEXT_STYLES, } from '../../tasty/index.js';
+import { Text } from './Text.js';
 const DEFAULT_STYLES = {
     preset: 'p3',
     color: '#dark-02',

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

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @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, keyframes, tasty, } from '../../../tasty';
+import { CONTAINER_STYLES, extractStyles, filterBaseProps, keyframes, tasty, } from '../../../tasty/index.js';
 // Create the placeholder animation using keyframes helper
 const placeholderAnimation = keyframes({
     '0%': {

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

@@ -1,19 +1,19 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Highlight } from 'prism-react-renderer';
 import { forwardRef } from 'react';
-import { CONTAINER_STYLES, tasty, } from '../../../tasty';
-import { ensureYamlSqlExtensions, Prism } from './prismSetup';
-import 'prismjs/components/prism-javascript';
-import 'prismjs/components/prism-yaml';
-import 'prismjs/components/prism-bash';
-import 'prismjs/components/prism-sql';
+import { CONTAINER_STYLES, tasty, } from '../../../tasty/index.js';
+import { ensureYamlSqlExtensions, Prism } from './prismSetup.js';
+import 'prismjs/components/prism-javascript.js';
+import 'prismjs/components/prism-yaml.js';
+import 'prismjs/components/prism-bash.js';
+import 'prismjs/components/prism-sql.js';
 const PreElement = tasty({
     as: 'pre',
     qa: 'CodeBlock',

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

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

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

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { diffLines } from 'diff';
-import { PrismCode } from '../PrismCode/PrismCode';
+import { PrismCode } from '../PrismCode/PrismCode.js';
 export function PrismDiffCode({ original, modified, ...props }) {
     // Generate the diff string
     const diff = diffLines(original, modified);