@cube-dev/ui-kit 0.0.0-canary-b768106 → 0.0.0-canary-2a80a76

package/dist/components/content/Layout/Layout.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { Alert } from "../Alert/Alert.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { _LayoutContainer } from "./LayoutContainer.js";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { LayoutContextReset } from "./LayoutContext.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { LayoutContextReset } from "./LayoutContext.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { createContext, useContext, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef, useMemo } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { useAutoTooltip } from "../use-auto-tooltip.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Button } from "../../actions/Button/Button.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { _Item } from "../Item/Item.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { useCallback, useEffect, useRef, useState } from "react";
 
 //#region src/components/content/Layout/hooks/useTinyScrollbar.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { LayoutActionsContext, LayoutContextReset, LayoutPanelContext, LayoutRefsContext, LayoutStateContext, useLayoutActionsContext, useLayoutPanelContext, useLayoutRefsContext, useLayoutStateContext } from "./LayoutContext.js";
 import { _Layout } from "./Layout.js";
 import { _LayoutContent } from "./LayoutContent.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 //#region src/components/content/Layout/utils.ts
 /**
 * Clamps a size value within min/max constraints.

package/dist/components/content/Paragraph.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { _Text } from "./Text.js";
 import { CONTAINER_STYLES, TEXT_STYLES } from "@tenphi/tasty";

package/dist/components/content/Placeholder/Placeholder.js

@@ -1,19 +1,19 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useI18n } from "../../../i18n/useI18n.js";
-import { CONTAINER_STYLES, filterBaseProps, keyframes, tasty } from "@tenphi/tasty";
+import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/content/Placeholder/Placeholder.tsx
-const placeholderAnimation = keyframes({
-	"0%": { "background-position": "0 0" },
-	"100%": { "background-position": "$placeholder-animation-size 0" }
-});
 const StyledPlaceholder = tasty({
 	role: "alert",
 	"aria-live": "polite",
 	styles: {
+		"@keyframes": { "placeholder-sweep": {
+			"0%": { "background-position": "0 0" },
+			"100%": { "background-position": "$placeholder-animation-size 0" }
+		} },
 		display: "block",
 		height: "2x",
 		opacity: ".35",
@@ -32,7 +32,7 @@ const StyledPlaceholder = tasty({
 		fill: "#dark.15",
 		animation: {
 			"": "none",
-			animated: `${placeholderAnimation} $placeholder-animation-time linear infinite`
+			animated: "placeholder-sweep $placeholder-animation-time linear infinite"
 		},
 		image: {
 			"": "none",

package/dist/components/content/Placeholder/Placeholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"Placeholder.js","names":[],"sources":["../../../../src/components/content/Placeholder/Placeholder.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  keyframes,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { extractStyles } from '../../../utils/styles';\n\n// Create the placeholder animation using keyframes helper\nconst placeholderAnimation = keyframes({\n  '0%': {\n    'background-position': '0 0',\n  },\n  '100%': {\n    'background-position': '$placeholder-animation-size 0',\n  },\n});\n\nconst StyledPlaceholder = tasty({\n  role: 'alert',\n  'aria-live': 'polite',\n  styles: {\n    display: 'block',\n    height: '2x',\n    opacity: '.35',\n    aspectRatio: {\n      '': 'initial',\n      circle: '1 / 1',\n    },\n    radius: {\n      '': '1r',\n      circle: 'round',\n    },\n\n    // CSS custom properties for animation\n    '$placeholder-animation-time': '1.4s',\n    '$placeholder-animation-size': 'calc((180rem + 100vw) / 3)',\n\n    // Base background styling\n    backgroundRepeat: 'repeat',\n    backgroundSize: '$placeholder-animation-size',\n    fill: '#dark.15',\n\n    // Animated state styling\n    animation: {\n      '': 'none',\n      animated: `${placeholderAnimation} $placeholder-animation-time linear infinite`,\n    },\n    image: {\n      '': 'none',\n      animated: `linear-gradient(\n        135deg,\n        #dark.15 0%,\n        #dark.15 5%,\n        #dark.0 35%,\n        #dark-03.2 50%,\n        #dark-03.0 65%,\n        #dark.15 95%,\n        #dark.15 100%\n      )`,\n    },\n  },\n});\n\nexport interface CubePlaceholderProps extends BaseProps, ContainerStyleProps {\n  size?: Styles['fontSize'];\n  circle?: boolean;\n  isStatic?: boolean;\n}\n\nexport const Placeholder = forwardRef(function Placeholder(\n  allProps: CubePlaceholderProps,\n  ref,\n) {\n  let { size = '2x', isStatic, circle, ...props } = allProps;\n\n  const { t } = useI18n();\n\n  let styles = extractStyles(props, CONTAINER_STYLES);\n\n  return (\n    <StyledPlaceholder\n      role=\"region\"\n      aria-label={t('placeholder.contentIsLoading', 'Content is loading')}\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      mods={{ animated: !isStatic, circle }}\n      styles={{\n        height: size,\n        ...styles,\n      }}\n    />\n  );\n});\n"],"mappings":";;;;;;;;AAeA,MAAM,uBAAuB,UAAU;CACrC,MAAM,EACJ,uBAAuB,OACxB;CACD,QAAQ,EACN,uBAAuB,iCACxB;CACF,CAAC;AAEF,MAAM,oBAAoB,MAAM;CAC9B,MAAM;CACN,aAAa;CACb,QAAQ;EACN,SAAS;EACT,QAAQ;EACR,SAAS;EACT,aAAa;GACX,IAAI;GACJ,QAAQ;GACT;EACD,QAAQ;GACN,IAAI;GACJ,QAAQ;GACT;EAGD,+BAA+B;EAC/B,+BAA+B;EAG/B,kBAAkB;EAClB,gBAAgB;EAChB,MAAM;EAGN,WAAW;GACT,IAAI;GACJ,UAAU,GAAG,qBAAqB;GACnC;EACD,OAAO;GACL,IAAI;GACJ,UAAU;;;;;;;;;;GAUX;EACF;CACF,CAAC;AAQF,MAAa,cAAc,WAAW,SAAS,YAC7C,UACA,KACA;CACA,IAAI,EAAE,OAAO,MAAM,UAAU,QAAQ,GAAG,UAAU;CAElD,MAAM,EAAE,MAAM,SAAS;CAEvB,IAAI,SAAS,cAAc,OAAO,iBAAiB;AAEnD,QACE,oBAAC;EACC,MAAK;EACL,cAAY,EAAE,gCAAgC,qBAAqB;EACnE,GAAI,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;EAC3C;EACL,MAAM;GAAE,UAAU,CAAC;GAAU;GAAQ;EACrC,QAAQ;GACN,QAAQ;GACR,GAAG;GACJ;GACD;EAEJ"}
+{"version":3,"file":"Placeholder.js","names":[],"sources":["../../../../src/components/content/Placeholder/Placeholder.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { extractStyles } from '../../../utils/styles';\n\nconst StyledPlaceholder = tasty({\n  role: 'alert',\n  'aria-live': 'polite',\n  styles: {\n    '@keyframes': {\n      'placeholder-sweep': {\n        '0%': {\n          'background-position': '0 0',\n        },\n        '100%': {\n          'background-position': '$placeholder-animation-size 0',\n        },\n      },\n    },\n    display: 'block',\n    height: '2x',\n    opacity: '.35',\n    aspectRatio: {\n      '': 'initial',\n      circle: '1 / 1',\n    },\n    radius: {\n      '': '1r',\n      circle: 'round',\n    },\n\n    // CSS custom properties for animation\n    '$placeholder-animation-time': '1.4s',\n    '$placeholder-animation-size': 'calc((180rem + 100vw) / 3)',\n\n    // Base background styling\n    backgroundRepeat: 'repeat',\n    backgroundSize: '$placeholder-animation-size',\n    fill: '#dark.15',\n\n    // Animated state styling\n    animation: {\n      '': 'none',\n      animated: 'placeholder-sweep $placeholder-animation-time linear infinite',\n    },\n    image: {\n      '': 'none',\n      animated: `linear-gradient(\n        135deg,\n        #dark.15 0%,\n        #dark.15 5%,\n        #dark.0 35%,\n        #dark-03.2 50%,\n        #dark-03.0 65%,\n        #dark.15 95%,\n        #dark.15 100%\n      )`,\n    },\n  },\n});\n\nexport interface CubePlaceholderProps extends BaseProps, ContainerStyleProps {\n  size?: Styles['fontSize'];\n  circle?: boolean;\n  isStatic?: boolean;\n}\n\nexport const Placeholder = forwardRef(function Placeholder(\n  allProps: CubePlaceholderProps,\n  ref,\n) {\n  let { size = '2x', isStatic, circle, ...props } = allProps;\n\n  const { t } = useI18n();\n\n  let styles = extractStyles(props, CONTAINER_STYLES);\n\n  return (\n    <StyledPlaceholder\n      role=\"region\"\n      aria-label={t('placeholder.contentIsLoading', 'Content is loading')}\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      mods={{ animated: !isStatic, circle }}\n      styles={{\n        height: size,\n        ...styles,\n      }}\n    />\n  );\n});\n"],"mappings":";;;;;;;;AAaA,MAAM,oBAAoB,MAAM;CAC9B,MAAM;CACN,aAAa;CACb,QAAQ;EACN,cAAc,EACZ,qBAAqB;GACnB,MAAM,EACJ,uBAAuB,OACxB;GACD,QAAQ,EACN,uBAAuB,iCACxB;GACF,EACF;EACD,SAAS;EACT,QAAQ;EACR,SAAS;EACT,aAAa;GACX,IAAI;GACJ,QAAQ;GACT;EACD,QAAQ;GACN,IAAI;GACJ,QAAQ;GACT;EAGD,+BAA+B;EAC/B,+BAA+B;EAG/B,kBAAkB;EAClB,gBAAgB;EAChB,MAAM;EAGN,WAAW;GACT,IAAI;GACJ,UAAU;GACX;EACD,OAAO;GACL,IAAI;GACJ,UAAU;;;;;;;;;;GAUX;EACF;CACF,CAAC;AAQF,MAAa,cAAc,WAAW,SAAS,YAC7C,UACA,KACA;CACA,IAAI,EAAE,OAAO,MAAM,UAAU,QAAQ,GAAG,UAAU;CAElD,MAAM,EAAE,MAAM,SAAS;CAEvB,IAAI,SAAS,cAAc,OAAO,iBAAiB;AAEnD,QACE,oBAAC;EACC,MAAK;EACL,cAAY,EAAE,gCAAgC,qBAAqB;EACnE,GAAI,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;EAC3C;EACL,MAAM;GAAE,UAAU,CAAC;GAAU;GAAQ;EACrC,QAAQ;GACN,QAAQ;GACR,GAAG;GACJ;GACD;EAEJ"}

package/dist/components/content/PrismCode/PrismCode.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { RendererPrism, ensureYamlSqlExtensions } from "./prismSetup.js";
 import { CONTAINER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { Prism as RendererPrism } from "prism-react-renderer";
 
 //#region src/components/content/PrismCode/prismSetup.tsx

package/dist/components/content/PrismDiffCode/PrismDiffCode.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { _PrismCode } from "../PrismCode/PrismCode.js";
 import { jsx } from "react/jsx-runtime";
 import { diffLines } from "diff";

package/dist/components/content/Result/Result.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { wrapNodeIfPlain } from "../../../utils/react/wrapNodeIfPlain.js";

package/dist/components/content/Skeleton/Skeleton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { Space } from "../../layout/Space.js";
 import { Grid } from "../../layout/Grid.js";
 import { Flow } from "../../layout/Flow.js";

package/dist/components/content/Tag/Tag.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { _Item } from "../Item/Item.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";

package/dist/components/content/Text.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { BASE_STYLES, COLOR_STYLES, TEXT_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/content/TextItem/TextItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { TEXT_PROP_MAP, _Text } from "../Text.js";
 import { highlightText } from "../highlightText.js";

package/dist/components/content/Title.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { TEXT_PROP_MAP } from "./Text.js";

package/dist/components/content/Tree/Tree.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/content/Tree/TreeNode.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/content/Tree/styled.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { _Item } from "../Item/Item.js";
 import { Action } from "../../actions/Action/Action.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/content/Tree/tree-index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 //#region src/components/content/Tree/tree-index.ts
 function buildTreeIndex(treeData) {
 	const byKey = /* @__PURE__ */ new Map();

package/dist/components/content/Tree/use-checkbox-tree.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useMemo, useState } from "react";
 

package/dist/components/content/Tree/use-load-data.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useRef, useState } from "react";
 

package/dist/components/content/highlightText.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { _Text } from "./Text.js";
 import { jsx } from "react/jsx-runtime";
 

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { TooltipProvider } from "../overlays/Tooltip/TooltipProvider.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -45,7 +45,6 @@ function useAutoTooltip({ tooltip, children, labelProps, isDynamicLabel = false
 			});
 			resizeObserverRef.current = obs;
 			obs.observe(element);
-			checkLabelOverflow();
 		} else setIsLabelOverflowed(false);
 	}, [
 		externalLabelRef,

package/dist/components/content/use-auto-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-auto-tooltip.js","names":[],"sources":["../../../src/components/content/use-auto-tooltip.tsx"],"sourcesContent":["import {\n  HTMLAttributes,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { OverlayProps } from 'react-aria';\n\nimport {\n  CubeTooltipProviderProps,\n  TooltipProvider,\n} from '../overlays/Tooltip/TooltipProvider';\n\nimport type { Props } from '../../props';\n\nexport type AutoTooltipValue =\n  | string\n  | boolean\n  | (Omit<CubeTooltipProviderProps, 'children'> & { auto?: boolean });\n\nexport interface UseAutoTooltipOptions {\n  tooltip: AutoTooltipValue | undefined;\n  children: ReactNode;\n  labelProps?: Props;\n  isDynamicLabel?: boolean;\n}\n\nexport function useAutoTooltip({\n  tooltip,\n  children,\n  labelProps,\n  isDynamicLabel = false,\n}: UseAutoTooltipOptions) {\n  // Determine if auto tooltip is enabled\n  // Auto tooltip only works when children is a string (overflow detection needs text)\n  const isAutoTooltipEnabled = useMemo(() => {\n    if (typeof children !== 'string') return false;\n\n    // Boolean true enables auto overflow detection\n    if (tooltip === true) return true;\n    if (typeof tooltip === 'object') {\n      // If title is provided and auto is explicitly true, enable auto overflow detection\n      if (tooltip.title) {\n        return tooltip.auto === true;\n      }\n\n      // If no title is provided, default to auto=true unless explicitly disabled\n      const autoValue = tooltip.auto !== undefined ? tooltip.auto : true;\n      return !!autoValue;\n    }\n    return false;\n  }, [tooltip, children]);\n\n  // Track label overflow for auto tooltip (only when enabled)\n  const externalLabelRef = (labelProps as any)?.ref;\n  const [isLabelOverflowed, setIsLabelOverflowed] = useState(false);\n  const elementRef = useRef<HTMLElement | null>(null);\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n\n  const checkLabelOverflow = useCallback(() => {\n    const label = elementRef.current;\n    if (!label) {\n      setIsLabelOverflowed(false);\n      return;\n    }\n\n    const hasOverflow = label.scrollWidth > label.clientWidth;\n    setIsLabelOverflowed(hasOverflow);\n  }, []);\n\n  useEffect(() => {\n    if (isAutoTooltipEnabled) {\n      checkLabelOverflow();\n    }\n  }, [isAutoTooltipEnabled, checkLabelOverflow]);\n\n  // Attach ResizeObserver via callback ref to handle DOM node changes\n  const handleLabelElementRef = useCallback(\n    (element: HTMLElement | null) => {\n      // Call external callback ref to notify external refs\n      if (externalLabelRef) {\n        if (typeof externalLabelRef === 'function') {\n          externalLabelRef(element);\n        } else {\n          (externalLabelRef as any).current = element;\n        }\n      }\n\n      // Disconnect previous observer\n      if (resizeObserverRef.current) {\n        try {\n          resizeObserverRef.current.disconnect();\n        } catch {\n          // do nothing\n        }\n        resizeObserverRef.current = null;\n      }\n\n      elementRef.current = element;\n\n      if (element && isAutoTooltipEnabled) {\n        // Create a fresh observer to capture the latest callback\n        const obs = new ResizeObserver(() => {\n          checkLabelOverflow();\n        });\n        resizeObserverRef.current = obs;\n        obs.observe(element);\n        // Initial check\n        checkLabelOverflow();\n      } else {\n        setIsLabelOverflowed(false);\n      }\n    },\n    [externalLabelRef, isAutoTooltipEnabled, checkLabelOverflow],\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      if (resizeObserverRef.current) {\n        try {\n          resizeObserverRef.current.disconnect();\n        } catch {\n          // do nothing\n        }\n        resizeObserverRef.current = null;\n      }\n      elementRef.current = null;\n    };\n  }, []);\n\n  const finalLabelProps = useMemo(() => {\n    const props = {\n      ...(labelProps || {}),\n    };\n\n    delete props.ref;\n\n    return props;\n  }, [labelProps]);\n\n  /**\n   * The `TooltipProvider` props this tooltip resolves to, or `null` when no\n   * tooltip is rendered at all. Resolved once so that both the rendering below\n   * and `isTooltipActive` speak about the same tooltip.\n   */\n  const resolvedTooltip = useMemo<Omit<\n    CubeTooltipProviderProps,\n    'children'\n  > | null>(() => {\n    if (!tooltip) return null;\n\n    // String tooltip - simple case\n    if (typeof tooltip === 'string') {\n      return { title: tooltip };\n    }\n\n    const hasAutoContent =\n      !!(children || labelProps) && (isLabelOverflowed || isDynamicLabel);\n\n    // Boolean tooltip - auto tooltip on overflow\n    if (tooltip === true) {\n      if (!hasAutoContent) return null;\n\n      return {\n        title: children,\n        isDisabled: !isLabelOverflowed && isDynamicLabel,\n      };\n    }\n\n    // Object tooltip - advanced configuration\n    const { auto, ...tooltipProps } = tooltip;\n\n    // If title is provided and auto is not explicitly true, always show the tooltip\n    if (tooltipProps.title && auto !== true) {\n      return tooltipProps;\n    }\n\n    // If title is provided with auto=true, OR no title but auto behavior enabled\n    if (!hasAutoContent) return null;\n\n    return {\n      title: tooltipProps.title ?? children,\n      isDisabled:\n        !isLabelOverflowed &&\n        isDynamicLabel &&\n        tooltipProps.isDisabled !== true,\n      ...tooltipProps,\n    };\n  }, [tooltip, children, labelProps, isLabelOverflowed, isDynamicLabel]);\n\n  /** Whether a tooltip is rendered and able to open. */\n  const isTooltipActive =\n    !!resolvedTooltip && resolvedTooltip.isDisabled !== true;\n\n  const renderWithTooltip = (\n    renderElement: (\n      tooltipTriggerProps?: HTMLAttributes<HTMLElement>,\n      tooltipRef?: RefObject<HTMLElement>,\n    ) => ReactNode,\n    defaultTooltipPlacement: OverlayProps['placement'],\n  ) => {\n    if (!resolvedTooltip) return renderElement();\n\n    return (\n      <TooltipProvider placement={defaultTooltipPlacement} {...resolvedTooltip}>\n        {(triggerProps, ref) => renderElement(triggerProps, ref)}\n      </TooltipProvider>\n    );\n  };\n\n  return {\n    labelRef: handleLabelElementRef,\n    labelProps: finalLabelProps,\n    isLabelOverflowed,\n    isAutoTooltipEnabled,\n    hasTooltip: !!tooltip,\n    isTooltipActive,\n    renderWithTooltip,\n  };\n}\n"],"mappings":";;;;;;AA+BA,SAAgB,eAAe,EAC7B,SACA,UACA,YACA,iBAAiB,SACO;CAGxB,MAAM,uBAAuB,cAAc;AACzC,MAAI,OAAO,aAAa,SAAU,QAAO;AAGzC,MAAI,YAAY,KAAM,QAAO;AAC7B,MAAI,OAAO,YAAY,UAAU;AAE/B,OAAI,QAAQ,MACV,QAAO,QAAQ,SAAS;AAK1B,UAAO,CAAC,EADU,QAAQ,SAAS,SAAY,QAAQ,OAAO;;AAGhE,SAAO;IACN,CAAC,SAAS,SAAS,CAAC;CAGvB,MAAM,mBAAoB,YAAoB;CAC9C,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,MAAM;CACjE,MAAM,aAAa,OAA2B,KAAK;CACnD,MAAM,oBAAoB,OAA8B,KAAK;CAE7D,MAAM,qBAAqB,kBAAkB;EAC3C,MAAM,QAAQ,WAAW;AACzB,MAAI,CAAC,OAAO;AACV,wBAAqB,MAAM;AAC3B;;AAIF,uBADoB,MAAM,cAAc,MAAM,YACb;IAChC,EAAE,CAAC;AAEN,iBAAgB;AACd,MAAI,qBACF,qBAAoB;IAErB,CAAC,sBAAsB,mBAAmB,CAAC;CAG9C,MAAM,wBAAwB,aAC3B,YAAgC;AAE/B,MAAI,iBACF,KAAI,OAAO,qBAAqB,WAC9B,kBAAiB,QAAQ;MAEzB,CAAC,iBAAyB,UAAU;AAKxC,MAAI,kBAAkB,SAAS;AAC7B,OAAI;AACF,sBAAkB,QAAQ,YAAY;WAChC;AAGR,qBAAkB,UAAU;;AAG9B,aAAW,UAAU;AAErB,MAAI,WAAW,sBAAsB;GAEnC,MAAM,MAAM,IAAI,qBAAqB;AACnC,wBAAoB;KACpB;AACF,qBAAkB,UAAU;AAC5B,OAAI,QAAQ,QAAQ;AAEpB,uBAAoB;QAEpB,sBAAqB,MAAM;IAG/B;EAAC;EAAkB;EAAsB;EAAmB,CAC7D;AAGD,iBAAgB;AACd,eAAa;AACX,OAAI,kBAAkB,SAAS;AAC7B,QAAI;AACF,uBAAkB,QAAQ,YAAY;YAChC;AAGR,sBAAkB,UAAU;;AAE9B,cAAW,UAAU;;IAEtB,EAAE,CAAC;CAEN,MAAM,kBAAkB,cAAc;EACpC,MAAM,QAAQ,EACZ,GAAI,cAAc,EAAE,EACrB;AAED,SAAO,MAAM;AAEb,SAAO;IACN,CAAC,WAAW,CAAC;;;;;;CAOhB,MAAM,kBAAkB,cAGR;AACd,MAAI,CAAC,QAAS,QAAO;AAGrB,MAAI,OAAO,YAAY,SACrB,QAAO,EAAE,OAAO,SAAS;EAG3B,MAAM,iBACJ,CAAC,EAAE,YAAY,gBAAgB,qBAAqB;AAGtD,MAAI,YAAY,MAAM;AACpB,OAAI,CAAC,eAAgB,QAAO;AAE5B,UAAO;IACL,OAAO;IACP,YAAY,CAAC,qBAAqB;IACnC;;EAIH,MAAM,EAAE,MAAM,GAAG,iBAAiB;AAGlC,MAAI,aAAa,SAAS,SAAS,KACjC,QAAO;AAIT,MAAI,CAAC,eAAgB,QAAO;AAE5B,SAAO;GACL,OAAO,aAAa,SAAS;GAC7B,YACE,CAAC,qBACD,kBACA,aAAa,eAAe;GAC9B,GAAG;GACJ;IACA;EAAC;EAAS;EAAU;EAAY;EAAmB;EAAe,CAAC;;CAGtE,MAAM,kBACJ,CAAC,CAAC,mBAAmB,gBAAgB,eAAe;CAEtD,MAAM,qBACJ,eAIA,4BACG;AACH,MAAI,CAAC,gBAAiB,QAAO,eAAe;AAE5C,SACE,oBAAC;GAAgB,WAAW;GAAyB,GAAI;cACrD,cAAc,QAAQ,cAAc,cAAc,IAAI;IACxC;;AAItB,QAAO;EACL,UAAU;EACV,YAAY;EACZ;EACA;EACA,YAAY,CAAC,CAAC;EACd;EACA;EACD"}
+{"version":3,"file":"use-auto-tooltip.js","names":[],"sources":["../../../src/components/content/use-auto-tooltip.tsx"],"sourcesContent":["import {\n  HTMLAttributes,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { OverlayProps } from 'react-aria';\n\nimport {\n  CubeTooltipProviderProps,\n  TooltipProvider,\n} from '../overlays/Tooltip/TooltipProvider';\n\nimport type { Props } from '../../props';\n\nexport type AutoTooltipValue =\n  | string\n  | boolean\n  | (Omit<CubeTooltipProviderProps, 'children'> & { auto?: boolean });\n\nexport interface UseAutoTooltipOptions {\n  tooltip: AutoTooltipValue | undefined;\n  children: ReactNode;\n  labelProps?: Props;\n  isDynamicLabel?: boolean;\n}\n\nexport function useAutoTooltip({\n  tooltip,\n  children,\n  labelProps,\n  isDynamicLabel = false,\n}: UseAutoTooltipOptions) {\n  // Determine if auto tooltip is enabled\n  // Auto tooltip only works when children is a string (overflow detection needs text)\n  const isAutoTooltipEnabled = useMemo(() => {\n    if (typeof children !== 'string') return false;\n\n    // Boolean true enables auto overflow detection\n    if (tooltip === true) return true;\n    if (typeof tooltip === 'object') {\n      // If title is provided and auto is explicitly true, enable auto overflow detection\n      if (tooltip.title) {\n        return tooltip.auto === true;\n      }\n\n      // If no title is provided, default to auto=true unless explicitly disabled\n      const autoValue = tooltip.auto !== undefined ? tooltip.auto : true;\n      return !!autoValue;\n    }\n    return false;\n  }, [tooltip, children]);\n\n  // Track label overflow for auto tooltip (only when enabled)\n  const externalLabelRef = (labelProps as any)?.ref;\n  const [isLabelOverflowed, setIsLabelOverflowed] = useState(false);\n  const elementRef = useRef<HTMLElement | null>(null);\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n\n  const checkLabelOverflow = useCallback(() => {\n    const label = elementRef.current;\n    if (!label) {\n      setIsLabelOverflowed(false);\n      return;\n    }\n\n    const hasOverflow = label.scrollWidth > label.clientWidth;\n    setIsLabelOverflowed(hasOverflow);\n  }, []);\n\n  useEffect(() => {\n    if (isAutoTooltipEnabled) {\n      checkLabelOverflow();\n    }\n  }, [isAutoTooltipEnabled, checkLabelOverflow]);\n\n  // Attach ResizeObserver via callback ref to handle DOM node changes\n  const handleLabelElementRef = useCallback(\n    (element: HTMLElement | null) => {\n      // Call external callback ref to notify external refs\n      if (externalLabelRef) {\n        if (typeof externalLabelRef === 'function') {\n          externalLabelRef(element);\n        } else {\n          (externalLabelRef as any).current = element;\n        }\n      }\n\n      // Disconnect previous observer\n      if (resizeObserverRef.current) {\n        try {\n          resizeObserverRef.current.disconnect();\n        } catch {\n          // do nothing\n        }\n        resizeObserverRef.current = null;\n      }\n\n      elementRef.current = element;\n\n      if (element && isAutoTooltipEnabled) {\n        // Create a fresh observer to capture the latest callback\n        const obs = new ResizeObserver(() => {\n          checkLabelOverflow();\n        });\n        resizeObserverRef.current = obs;\n        // `observe()` delivers an initial callback with the element's current\n        // size, so this is the initial measurement as well as the resize one.\n        //\n        // Do NOT measure synchronously here. React runs callback refs during\n        // `commitAttachRef`, so reading `scrollWidth`/`clientWidth` at this\n        // point forces a style recalc and layout per element, mid-commit —\n        // every tooltip-bearing Button, Item and TextItem paying its own\n        // reflow. Observer callbacks run after layout but before paint, so the\n        // measurement is still applied in the same frame, but batched across\n        // every observed label into a single flush.\n        obs.observe(element);\n      } else {\n        setIsLabelOverflowed(false);\n      }\n    },\n    [externalLabelRef, isAutoTooltipEnabled, checkLabelOverflow],\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      if (resizeObserverRef.current) {\n        try {\n          resizeObserverRef.current.disconnect();\n        } catch {\n          // do nothing\n        }\n        resizeObserverRef.current = null;\n      }\n      elementRef.current = null;\n    };\n  }, []);\n\n  const finalLabelProps = useMemo(() => {\n    const props = {\n      ...(labelProps || {}),\n    };\n\n    delete props.ref;\n\n    return props;\n  }, [labelProps]);\n\n  /**\n   * The `TooltipProvider` props this tooltip resolves to, or `null` when no\n   * tooltip is rendered at all. Resolved once so that both the rendering below\n   * and `isTooltipActive` speak about the same tooltip.\n   */\n  const resolvedTooltip = useMemo<Omit<\n    CubeTooltipProviderProps,\n    'children'\n  > | null>(() => {\n    if (!tooltip) return null;\n\n    // String tooltip - simple case\n    if (typeof tooltip === 'string') {\n      return { title: tooltip };\n    }\n\n    const hasAutoContent =\n      !!(children || labelProps) && (isLabelOverflowed || isDynamicLabel);\n\n    // Boolean tooltip - auto tooltip on overflow\n    if (tooltip === true) {\n      if (!hasAutoContent) return null;\n\n      return {\n        title: children,\n        isDisabled: !isLabelOverflowed && isDynamicLabel,\n      };\n    }\n\n    // Object tooltip - advanced configuration\n    const { auto, ...tooltipProps } = tooltip;\n\n    // If title is provided and auto is not explicitly true, always show the tooltip\n    if (tooltipProps.title && auto !== true) {\n      return tooltipProps;\n    }\n\n    // If title is provided with auto=true, OR no title but auto behavior enabled\n    if (!hasAutoContent) return null;\n\n    return {\n      title: tooltipProps.title ?? children,\n      isDisabled:\n        !isLabelOverflowed &&\n        isDynamicLabel &&\n        tooltipProps.isDisabled !== true,\n      ...tooltipProps,\n    };\n  }, [tooltip, children, labelProps, isLabelOverflowed, isDynamicLabel]);\n\n  /** Whether a tooltip is rendered and able to open. */\n  const isTooltipActive =\n    !!resolvedTooltip && resolvedTooltip.isDisabled !== true;\n\n  const renderWithTooltip = (\n    renderElement: (\n      tooltipTriggerProps?: HTMLAttributes<HTMLElement>,\n      tooltipRef?: RefObject<HTMLElement>,\n    ) => ReactNode,\n    defaultTooltipPlacement: OverlayProps['placement'],\n  ) => {\n    if (!resolvedTooltip) return renderElement();\n\n    return (\n      <TooltipProvider placement={defaultTooltipPlacement} {...resolvedTooltip}>\n        {(triggerProps, ref) => renderElement(triggerProps, ref)}\n      </TooltipProvider>\n    );\n  };\n\n  return {\n    labelRef: handleLabelElementRef,\n    labelProps: finalLabelProps,\n    isLabelOverflowed,\n    isAutoTooltipEnabled,\n    hasTooltip: !!tooltip,\n    isTooltipActive,\n    renderWithTooltip,\n  };\n}\n"],"mappings":";;;;;;AA+BA,SAAgB,eAAe,EAC7B,SACA,UACA,YACA,iBAAiB,SACO;CAGxB,MAAM,uBAAuB,cAAc;AACzC,MAAI,OAAO,aAAa,SAAU,QAAO;AAGzC,MAAI,YAAY,KAAM,QAAO;AAC7B,MAAI,OAAO,YAAY,UAAU;AAE/B,OAAI,QAAQ,MACV,QAAO,QAAQ,SAAS;AAK1B,UAAO,CAAC,EADU,QAAQ,SAAS,SAAY,QAAQ,OAAO;;AAGhE,SAAO;IACN,CAAC,SAAS,SAAS,CAAC;CAGvB,MAAM,mBAAoB,YAAoB;CAC9C,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,MAAM;CACjE,MAAM,aAAa,OAA2B,KAAK;CACnD,MAAM,oBAAoB,OAA8B,KAAK;CAE7D,MAAM,qBAAqB,kBAAkB;EAC3C,MAAM,QAAQ,WAAW;AACzB,MAAI,CAAC,OAAO;AACV,wBAAqB,MAAM;AAC3B;;AAIF,uBADoB,MAAM,cAAc,MAAM,YACb;IAChC,EAAE,CAAC;AAEN,iBAAgB;AACd,MAAI,qBACF,qBAAoB;IAErB,CAAC,sBAAsB,mBAAmB,CAAC;CAG9C,MAAM,wBAAwB,aAC3B,YAAgC;AAE/B,MAAI,iBACF,KAAI,OAAO,qBAAqB,WAC9B,kBAAiB,QAAQ;MAEzB,CAAC,iBAAyB,UAAU;AAKxC,MAAI,kBAAkB,SAAS;AAC7B,OAAI;AACF,sBAAkB,QAAQ,YAAY;WAChC;AAGR,qBAAkB,UAAU;;AAG9B,aAAW,UAAU;AAErB,MAAI,WAAW,sBAAsB;GAEnC,MAAM,MAAM,IAAI,qBAAqB;AACnC,wBAAoB;KACpB;AACF,qBAAkB,UAAU;AAW5B,OAAI,QAAQ,QAAQ;QAEpB,sBAAqB,MAAM;IAG/B;EAAC;EAAkB;EAAsB;EAAmB,CAC7D;AAGD,iBAAgB;AACd,eAAa;AACX,OAAI,kBAAkB,SAAS;AAC7B,QAAI;AACF,uBAAkB,QAAQ,YAAY;YAChC;AAGR,sBAAkB,UAAU;;AAE9B,cAAW,UAAU;;IAEtB,EAAE,CAAC;CAEN,MAAM,kBAAkB,cAAc;EACpC,MAAM,QAAQ,EACZ,GAAI,cAAc,EAAE,EACrB;AAED,SAAO,MAAM;AAEb,SAAO;IACN,CAAC,WAAW,CAAC;;;;;;CAOhB,MAAM,kBAAkB,cAGR;AACd,MAAI,CAAC,QAAS,QAAO;AAGrB,MAAI,OAAO,YAAY,SACrB,QAAO,EAAE,OAAO,SAAS;EAG3B,MAAM,iBACJ,CAAC,EAAE,YAAY,gBAAgB,qBAAqB;AAGtD,MAAI,YAAY,MAAM;AACpB,OAAI,CAAC,eAAgB,QAAO;AAE5B,UAAO;IACL,OAAO;IACP,YAAY,CAAC,qBAAqB;IACnC;;EAIH,MAAM,EAAE,MAAM,GAAG,iBAAiB;AAGlC,MAAI,aAAa,SAAS,SAAS,KACjC,QAAO;AAIT,MAAI,CAAC,eAAgB,QAAO;AAE5B,SAAO;GACL,OAAO,aAAa,SAAS;GAC7B,YACE,CAAC,qBACD,kBACA,aAAa,eAAe;GAC9B,GAAG;GACJ;IACA;EAAC;EAAS;EAAU;EAAY;EAAmB;EAAe,CAAC;;CAGtE,MAAM,kBACJ,CAAC,CAAC,mBAAmB,gBAAgB,eAAe;CAEtD,MAAM,qBACJ,eAIA,4BACG;AACH,MAAI,CAAC,gBAAiB,QAAO,eAAe;AAE5C,SACE,oBAAC;GAAgB,WAAW;GAAyB,GAAI;cACrD,cAAc,QAAQ,cAAc,cAAc,IAAI;IACxC;;AAItB,QAAO;EACL,UAAU;EACV,YAAY;EACZ;EACA;EACA,YAAY,CAAC,CAAC;EACd;EACA;EACD"}

package/dist/components/data/DataTable/DataTable.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/data/ItemTable/ItemTable.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/data/ItemTable/ItemTableBulkBar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Text } from "../../content/Text.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/data/ItemTable/ItemTableDragPreview.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { _Text } from "../../content/Text.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/data/ItemTable/ItemTableFooter.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { _Pagination } from "../../navigation/Pagination/Pagination.js";
 import { tasty } from "@tenphi/tasty";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/data/ItemTable/ItemTableToolbar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Button } from "../../actions/index.js";
 import { ReloadIcon } from "../../../icons/ReloadIcon.js";

package/dist/components/data/TableBase/ColumnResizer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useRef } from "react";

package/dist/components/data/TableBase/RowCollection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 //#region src/components/data/TableBase/RowCollection.ts
 /**
 * A `Collection<Node<T>>` over a plain row array.

package/dist/components/data/TableBase/TableHeaderCell.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/data/TableBase/TableRow.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useRef } from "react";

package/dist/components/data/TableBase/TableView.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";

package/dist/components/data/TableBase/column-menu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { __Menu } from "../../actions/Menu/Menu.js";
 import { normalizeMenuAction } from "./row-menu.js";
 import { Children, cloneElement, isValidElement } from "react";

package/dist/components/data/TableBase/column-tint.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { getPaletteConfig } from "../../../tokens/palette-config.js";
 import { hashString } from "../../../tokens/color-theme.js";
 

package/dist/components/data/TableBase/row-menu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { Children, Fragment, isValidElement } from "react";
 
 //#region src/components/data/TableBase/row-menu.ts

package/dist/components/data/TableBase/styled.d.ts

@@ -2,4 +2,5 @@
 import "../../content/Item/index.js";
 import "../../../data/item-themes.js";
 import "../../../index.js";
-import { Styles } from "@tenphi/tasty";
+import { Styles } from "@tenphi/tasty";
+import "react";

package/dist/components/data/TableBase/styled.js

@@ -1,7 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b768106 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2a80a76 | Cube Dev Team */
 import { _Item } from "../../content/Item/Item.js";
 import { Action } from "../../actions/Action/Action.js";
-import { keyframes, tasty } from "@tenphi/tasty";
+import { tasty } from "@tenphi/tasty";
 
 //#region src/components/data/TableBase/styled.ts
 /**
@@ -22,10 +22,6 @@ import { keyframes, tasty } from "@tenphi/tasty";
 * OPPOSITE way to the position value: raising it slides the image left, which
 * would send the band right to left.
 */
-const refreshSweep = keyframes({
-	"0%": { "mask-position": "100% 0" },
-	"100%": { "mask-position": "0% 0" }
-});
 const ROW_STYLES = { position: "relative" };
 const CELL_STYLES = {
 	boxSizing: "border-box",
@@ -96,6 +92,10 @@ const CELL_STYLES = {
 const TableElement = tasty({
 	qa: "Table",
 	styles: {
+		"@keyframes": { "refresh-sweep": {
+			"0%": { "mask-position": "100% 0" },
+			"100%": { "mask-position": "0% 0" }
+		} },
 		"$row-height": {
 			"": "$size-lg",
 			"size=xsmall": "$size-sm",
@@ -177,7 +177,7 @@ const TableElement = tasty({
 			maskSize: "300% 100%",
 			animation: {
 				"": "none",
-				stale: `${refreshSweep} 1.4s linear infinite`
+				stale: "refresh-sweep 1.4s linear infinite"
 			},
 			animationPlayState: {
 				"": "running",