@cube-dev/ui-kit 0.0.0-canary-85abc8a → 0.0.0-canary-306afc2

package/dist/components/content/Item/Item.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { resolveIcon } from "../../../utils/react/resolveIcon.js";
 import { highlightText } from "../highlightText.js";

package/dist/components/content/ItemBadge/ItemBadge.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
 import { DANGER_CLEAR_STYLES, DANGER_OUTLINE_STYLES, DANGER_PRIMARY_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_OUTLINE_STYLES, DEFAULT_PRIMARY_STYLES, ITEM_ACTION_BASE_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES } from "../../../data/item-themes.js";

package/dist/components/content/ItemCard/ItemCard.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | Cube Dev Team */
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { _Item } from "../Item/Item.js";
 import { forwardRef } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | Cube Dev Team */
 import { _Layout } from "./Layout.js";
 import { _LayoutContent } from "./LayoutContent.js";
 import { _LayoutBlock } from "./LayoutBlock.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | 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-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | 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-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | 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-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | 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-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | 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-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | 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-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | 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-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | 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-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | 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-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | Cube Dev Team */
 import { useAutoTooltip } from "../use-auto-tooltip.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { SlashIcon } from "../../../icons/SlashIcon.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | 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-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | 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-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | 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-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | 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-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | 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-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | 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-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | 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-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | 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,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { CONTAINER_STYLES, filterBaseProps, keyframes, tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | 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-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | 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-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | 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-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | 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-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | 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-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | Cube Dev Team */
 import { _Item } from "../Item/Item.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";
@@ -43,7 +43,7 @@ function Tag(allProps, ref) {
 		actions: isClosable ? /* @__PURE__ */ jsx(_Item.Action, {
 			"aria-label": t("tag.close", "Close"),
 			styles: {
-				color: "currentColor",
+				color: "#current",
 				...closeButtonStyles
 			},
 			icon: /* @__PURE__ */ jsx(CloseIcon, {}),

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","names":["Item"],"sources":["../../../../src/components/content/Tag/Tag.tsx"],"sourcesContent":["import { Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef } from 'react';\nimport { ItemVariant } from 'src/data/item-themes';\n\nimport { useI18n } from '../../../i18n';\nimport { CloseIcon } from '../../../icons';\nimport { CubeItemProps, Item } from '../Item';\n\nconst TagElement = tasty(Item, {\n  qa: 'Tag',\n  role: 'status',\n  styles: {\n    padding: 0,\n    preset: {\n      '': 'tag',\n      'size=xsmall': 't4',\n      'size=small | size=medium': 't3',\n      'size=large | size=xlarge': 't2',\n    },\n    border: {\n      // extend\n      'type=primary': '#clear',\n    },\n\n    '$min-inline-padding': '.5x',\n\n    Label: {\n      textAlign: 'center',\n      placeSelf: 'center',\n    },\n  },\n});\n\nexport interface CubeTagProps extends CubeItemProps {\n  theme?: 'default' | 'danger' | 'success' | 'warning' | 'note' | 'special';\n  isClosable?: boolean;\n  onClose?: () => void;\n  closeButtonStyles?: Styles;\n}\n\nfunction Tag(allProps: CubeTagProps, ref) {\n  const { t } = useI18n();\n\n  let {\n    theme = 'default',\n    isClosable,\n    onClose,\n    closeButtonStyles,\n    children,\n    size = 'inline',\n    mods,\n    ...props\n  } = allProps;\n\n  let type = 'card';\n\n  if (theme === 'special') {\n    theme = 'default';\n    type = 'primary';\n  }\n\n  return (\n    <TagElement\n      ref={ref}\n      size={size}\n      data-type={type}\n      variant={`${theme}.${type}` as ItemVariant}\n      mods={mods}\n      actions={\n        isClosable ? (\n          <Item.Action\n            aria-label={t('tag.close', 'Close')}\n            styles={{ color: 'currentColor', ...closeButtonStyles }}\n            icon={<CloseIcon />}\n            onPress={onClose}\n          />\n        ) : undefined\n      }\n      {...props}\n    >\n      {children}\n    </TagElement>\n  );\n}\n\nconst _Tag = forwardRef(Tag);\n\n_Tag.displayName = 'Tag';\n\nexport { _Tag as Tag };\n"],"mappings":";;;;;;;;;AAQA,MAAM,aAAa,MAAMA,OAAM;CAC7B,IAAI;CACJ,MAAM;CACN,QAAQ;EACN,SAAS;EACT,QAAQ;GACN,IAAI;GACJ,eAAe;GACf,4BAA4B;GAC5B,4BAA4B;GAC7B;EACD,QAAQ,EAEN,gBAAgB,UACjB;EAED,uBAAuB;EAEvB,OAAO;GACL,WAAW;GACX,WAAW;GACZ;EACF;CACF,CAAC;AASF,SAAS,IAAI,UAAwB,KAAK;CACxC,MAAM,EAAE,MAAM,SAAS;CAEvB,IAAI,EACF,QAAQ,WACR,YACA,SACA,mBACA,UACA,OAAO,UACP,MACA,GAAG,UACD;CAEJ,IAAI,OAAO;AAEX,KAAI,UAAU,WAAW;AACvB,UAAQ;AACR,SAAO;;AAGT,QACE,oBAAC;EACM;EACC;EACN,aAAW;EACX,SAAS,GAAG,MAAM,GAAG;EACf;EACN,SACE,aACE,oBAACA,MAAK;GACJ,cAAY,EAAE,aAAa,QAAQ;GACnC,QAAQ;IAAE,OAAO;IAAgB,GAAG;IAAmB;GACvD,MAAM,oBAAC,cAAY;GACnB,SAAS;IACT,GACA;EAEN,GAAI;EAEH;GACU;;AAIjB,MAAM,OAAO,WAAW,IAAI;AAE5B,KAAK,cAAc"}
+{"version":3,"file":"Tag.js","names":["Item"],"sources":["../../../../src/components/content/Tag/Tag.tsx"],"sourcesContent":["import { Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef } from 'react';\nimport { ItemVariant } from 'src/data/item-themes';\n\nimport { useI18n } from '../../../i18n';\nimport { CloseIcon } from '../../../icons';\nimport { CubeItemProps, Item } from '../Item';\n\nconst TagElement = tasty(Item, {\n  qa: 'Tag',\n  role: 'status',\n  styles: {\n    padding: 0,\n    preset: {\n      '': 'tag',\n      'size=xsmall': 't4',\n      'size=small | size=medium': 't3',\n      'size=large | size=xlarge': 't2',\n    },\n    border: {\n      // extend\n      'type=primary': '#clear',\n    },\n\n    '$min-inline-padding': '.5x',\n\n    Label: {\n      textAlign: 'center',\n      placeSelf: 'center',\n    },\n  },\n});\n\nexport interface CubeTagProps extends CubeItemProps {\n  theme?: 'default' | 'danger' | 'success' | 'warning' | 'note' | 'special';\n  isClosable?: boolean;\n  onClose?: () => void;\n  closeButtonStyles?: Styles;\n}\n\nfunction Tag(allProps: CubeTagProps, ref) {\n  const { t } = useI18n();\n\n  let {\n    theme = 'default',\n    isClosable,\n    onClose,\n    closeButtonStyles,\n    children,\n    size = 'inline',\n    mods,\n    ...props\n  } = allProps;\n\n  let type = 'card';\n\n  if (theme === 'special') {\n    theme = 'default';\n    type = 'primary';\n  }\n\n  return (\n    <TagElement\n      ref={ref}\n      size={size}\n      data-type={type}\n      variant={`${theme}.${type}` as ItemVariant}\n      mods={mods}\n      actions={\n        isClosable ? (\n          <Item.Action\n            aria-label={t('tag.close', 'Close')}\n            styles={{ color: '#current', ...closeButtonStyles }}\n            icon={<CloseIcon />}\n            onPress={onClose}\n          />\n        ) : undefined\n      }\n      {...props}\n    >\n      {children}\n    </TagElement>\n  );\n}\n\nconst _Tag = forwardRef(Tag);\n\n_Tag.displayName = 'Tag';\n\nexport { _Tag as Tag };\n"],"mappings":";;;;;;;;;AAQA,MAAM,aAAa,MAAMA,OAAM;CAC7B,IAAI;CACJ,MAAM;CACN,QAAQ;EACN,SAAS;EACT,QAAQ;GACN,IAAI;GACJ,eAAe;GACf,4BAA4B;GAC5B,4BAA4B;GAC7B;EACD,QAAQ,EAEN,gBAAgB,UACjB;EAED,uBAAuB;EAEvB,OAAO;GACL,WAAW;GACX,WAAW;GACZ;EACF;CACF,CAAC;AASF,SAAS,IAAI,UAAwB,KAAK;CACxC,MAAM,EAAE,MAAM,SAAS;CAEvB,IAAI,EACF,QAAQ,WACR,YACA,SACA,mBACA,UACA,OAAO,UACP,MACA,GAAG,UACD;CAEJ,IAAI,OAAO;AAEX,KAAI,UAAU,WAAW;AACvB,UAAQ;AACR,SAAO;;AAGT,QACE,oBAAC;EACM;EACC;EACN,aAAW;EACX,SAAS,GAAG,MAAM,GAAG;EACf;EACN,SACE,aACE,oBAACA,MAAK;GACJ,cAAY,EAAE,aAAa,QAAQ;GACnC,QAAQ;IAAE,OAAO;IAAY,GAAG;IAAmB;GACnD,MAAM,oBAAC,cAAY;GACnB,SAAS;IACT,GACA;EAEN,GAAI;EAEH;GACU;;AAIjB,MAAM,OAAO,WAAW,IAAI;AAE5B,KAAK,cAAc"}

package/dist/components/content/Text.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | 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-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | 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-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | 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-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | 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-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | 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-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | 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-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | 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-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | 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-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | 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-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | 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-85abc8a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | Cube Dev Team */
 import { TooltipProvider } from "../overlays/Tooltip/TooltipProvider.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/data/DataTable/DataTable.d.ts

@@ -0,0 +1,13 @@
+
+import { CubeDataTableProps } from "./types.js";
+import { ForwardedRef, ReactElement } from "react";
+
+//#region src/components/data/DataTable/DataTable.d.ts
+declare const _DataTable: (<T = any>(props: CubeDataTableProps<T> & {
+  ref?: ForwardedRef<HTMLDivElement>;
+}) => ReactElement) & {
+  displayName?: string;
+};
+//#endregion
+export { _DataTable };
+//# sourceMappingURL=DataTable.d.ts.map

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

@@ -0,0 +1,245 @@
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-306afc2 | Cube Dev Team */
+import { extractStyles } from "../../../utils/styles.js";
+import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
+import { useEvent } from "../../../_internal/hooks/use-event.js";
+import { useI18n } from "../../../i18n/useI18n.js";
+import { clampPage, getPageInfo } from "../../navigation/Pagination/use-pagination.js";
+import { ItemTableFooter } from "../ItemTable/ItemTableFooter.js";
+import { useTableColumns } from "../TableBase/use-table-columns.js";
+import { ROW_NUMBER_COLUMN_KEY } from "../TableBase/use-table-selection.js";
+import { TableView } from "../TableBase/TableView.js";
+import { useCellSelection } from "../TableBase/use-cell-selection.js";
+import { useContainerWidth } from "../TableBase/use-container-width.js";
+import { useTableSorts } from "../TableBase/use-table-sorts.js";
+import { useTableStorage } from "../TableBase/use-table-storage.js";
+import { CONTAINER_STYLES } from "@tenphi/tasty";
+import { forwardRef, useMemo, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useControlledState } from "@react-stately/utils";
+
+//#region src/components/data/DataTable/DataTable.tsx
+/** Wide enough for five digits at the dense default. */
+const ROW_NUMBER_WIDTH = 56;
+const EMPTY_WIDTHS = {};
+function defaultGetRowKey(rowKey) {
+	return (row, index) => {
+		const value = row?.[rowKey];
+		return value == null ? index : value;
+	};
+}
+/**
+* A grid for query results.
+*
+* The same engine as `ItemTable` — one `TableView`, one column layout, one
+* value pipeline — with the defaults an analytical grid wants rather than a
+* list's: denser type, banded rows, resizable columns, multi-column sort, and
+* rows pinned for totals.
+*
+* It knows nothing about Cube. Measures, dimensions, pivots and drill-downs
+* reach it as ordinary columns, `render` output and `column.header.menu`
+* content, which is what keeps the ~34 kB of Cloud's column-header menu in
+* Cloud.
+*/
+function DataTable(props, ref) {
+	const { data, columns, rowKey = "id", getRowKey, pinnedTopRows, pinnedBottomRows, isLoading = false, loadingIndicator = "overlay", skeletonRowCount, error, emptyLabel, noResultsLabel, isFiltered, shape = "plain", size = "small", rowHeight, headerHeight, isStriped = true, isHeaderHidden, isHeaderSticky, showRowNumbers = false, sortMode, sorts: sortsProp, defaultSorts, onSortsChange, paginationMode = "client", page: pageProp, defaultPage, onPageChange, pageSize: pageSizeProp, defaultPageSize = 100, onPageSizeChange, pageSizeOptions, total: totalProp, totalPages, hasNextPage, summary = true, autoHidePagination = true, footerStart, footerCenter, footerEnd, cellSelectionMode = "range", isCellSelectable, selectedCellRange, defaultSelectedCellRange, onCellRangeChange, isRowMoveAnimated, isResizable = true, columnWidths: columnWidthsProp, defaultColumnWidths, onColumnResize, isVirtualized, virtualizeThreshold, overscan, getRowProps, storageKey, styles, headerStyles, headerCellStyles, bodyStyles, rowStyles, cellStyles, footerStyles, ariaLabel, qa, mods, ...rest } = props;
+	const rootRef = useCombinedRefs(ref, useRef(null));
+	const [scrollerEl, setScrollerEl] = useState(null);
+	const containerWidth = useContainerWidth(scrollerEl);
+	const storage = useTableStorage(storageKey);
+	/**
+	* `dataType` is presentational, so it is folded into the column here rather
+	* than reaching the renderer: `number` right-aligns and takes tabular figures
+	* so digits line up down the column.
+	*/
+	const resolvedColumns = useMemo(() => columns.map((column) => {
+		const isNumeric = column.dataType === "number";
+		return {
+			...column,
+			align: column.align ?? (isNumeric ? "end" : "start"),
+			cellStyles: isNumeric ? {
+				fontVariantNumeric: "tabular-nums",
+				...typeof column.cellStyles === "object" ? column.cellStyles : null
+			} : column.cellStyles
+		};
+	}), [columns]);
+	const { sorts, sortedRows, toggleSort, mode: resolvedSortMode } = useTableSorts({
+		columns: resolvedColumns,
+		rows: data,
+		mode: sortMode,
+		sorts: sortsProp,
+		defaultSorts,
+		onSortsChange
+	});
+	const [pageSize, setPageSizeState] = useControlledState(pageSizeProp, pageSizeProp === void 0 && storage.has("pageSize") ? storage.initial.pageSize ?? defaultPageSize : defaultPageSize, onPageSizeChange);
+	const [page, setPageState] = useControlledState(pageProp, defaultPage ?? 1, onPageChange);
+	const isPaginated = paginationMode !== "off";
+	const isServerPaginated = paginationMode === "server";
+	const total = isServerPaginated ? totalProp ?? 0 : sortedRows.length;
+	const pageInfo = getPageInfo({
+		page,
+		pageSize,
+		total,
+		totalPages: isServerPaginated ? totalPages : void 0
+	});
+	const setPage = useEvent((next) => setPageState(clampPage(next, pageInfo.totalPages)));
+	const setPageSize = useEvent((next) => {
+		setPageSizeState(next);
+		setPageState(1);
+		if (pageSizeProp === void 0) storage.write({ pageSize: next });
+	});
+	const visibleRows = paginationMode === "client" ? sortedRows.slice((pageInfo.page - 1) * pageSize, pageInfo.page * pageSize) : sortedRows;
+	const [ownColumnWidths, setOwnColumnWidths] = useState(() => (columnWidthsProp === void 0 && storage.has("columnWidths") ? storage.initial.columnWidths ?? defaultColumnWidths : defaultColumnWidths) ?? EMPTY_WIDTHS);
+	const [draftColumnWidths, setDraftColumnWidths] = useState(null);
+	const draftRef = useRef(null);
+	const baseColumnWidths = columnWidthsProp ?? ownColumnWidths;
+	const columnWidths = draftColumnWidths ?? baseColumnWidths;
+	const handleColumnResize = useEvent((key, width) => {
+		draftRef.current = {
+			...draftRef.current ?? baseColumnWidths,
+			[key]: Math.round(width)
+		};
+		setDraftColumnWidths(draftRef.current);
+	});
+	const handleColumnResizeEnd = useEvent((key) => {
+		const next = draftRef.current ?? baseColumnWidths;
+		if (columnWidthsProp === void 0) {
+			setOwnColumnWidths(next);
+			storage.write({ columnWidths: next });
+		}
+		onColumnResize?.(key, next[key], next);
+		draftRef.current = null;
+		setDraftColumnWidths(null);
+	});
+	const layout = useTableColumns({
+		columns: resolvedColumns,
+		containerWidth,
+		columnWidths,
+		leadingColumns: useMemo(() => showRowNumbers ? [{
+			key: ROW_NUMBER_COLUMN_KEY,
+			width: ROW_NUMBER_WIDTH
+		}] : void 0, [showRowNumbers])
+	});
+	const { t } = useI18n();
+	const resolvedGetRowKey = useMemo(() => getRowKey ?? defaultGetRowKey(rowKey), [getRowKey, rowKey]);
+	const selectionRows = useMemo(() => [
+		...pinnedTopRows ?? [],
+		...visibleRows,
+		...pinnedBottomRows ?? []
+	], [
+		pinnedTopRows,
+		visibleRows,
+		pinnedBottomRows
+	]);
+	const selectionRowKeys = useMemo(() => [
+		...(pinnedTopRows ?? []).map(resolvedGetRowKey),
+		...visibleRows.map(resolvedGetRowKey),
+		...(pinnedBottomRows ?? []).map(resolvedGetRowKey)
+	], [
+		pinnedTopRows,
+		visibleRows,
+		pinnedBottomRows,
+		resolvedGetRowKey
+	]);
+	const resolveCellSelectable = useEvent((row, rowKey, columnKey) => {
+		if (!isCellSelectable) return true;
+		const index = selectionRowKeys.indexOf(rowKey);
+		const topCount = pinnedTopRows?.length ?? 0;
+		return isCellSelectable({
+			row,
+			rowKey,
+			columnKey,
+			section: index < topCount ? "pinnedTop" : index < topCount + visibleRows.length ? "body" : "pinnedBottom"
+		});
+	});
+	const cellSelection = useCellSelection({
+		mode: cellSelectionMode,
+		columns: layout.columns,
+		rows: selectionRows,
+		rowKeys: selectionRowKeys,
+		isCellSelectable: isCellSelectable ? resolveCellSelectable : void 0,
+		range: selectedCellRange,
+		defaultRange: defaultSelectedCellRange,
+		onRangeChange: onCellRangeChange
+	});
+	const rootStyles = {
+		...extractStyles(props, CONTAINER_STYLES),
+		...styles
+	};
+	const smallestPageSize = pageSizeOptions?.length ? Math.min(...pageSizeOptions) : pageSize;
+	const showPagination = isPaginated && !(autoHidePagination && !hasNextPage && pageInfo.totalPages <= 1 && total <= smallestPageSize);
+	const hasFooter = showPagination || footerStart != null || footerCenter != null || footerEnd != null;
+	return /* @__PURE__ */ jsx(TableView, {
+		...rest,
+		rootRef,
+		qa: qa || "DataTable",
+		rows: visibleRows,
+		pinnedTopRows,
+		pinnedBottomRows,
+		rowNumberOffset: paginationMode === "off" ? 0 : (pageInfo.page - 1) * pageSize,
+		rowIndexOffset: paginationMode === "off" ? 0 : (pageInfo.page - 1) * pageSize,
+		totalRowCount: total,
+		layout,
+		hasColumnDividers: true,
+		cellSelection,
+		getRowKey: resolvedGetRowKey,
+		onScrollerRef: setScrollerEl,
+		isLoading,
+		loadingIndicator,
+		skeletonRowCount,
+		error,
+		emptyLabel: emptyLabel ?? t("itemTable.noItems", "No items"),
+		noResultsLabel: noResultsLabel ?? t("itemTable.noResults", "No results found"),
+		isFiltered,
+		shape,
+		size,
+		rowHeight,
+		headerHeight,
+		isStriped,
+		isRowMoveAnimated,
+		isHeaderHidden,
+		isHeaderSticky,
+		contentPreset: "t4",
+		headerPreset: "t4m",
+		sortMode: resolvedSortMode,
+		sorts,
+		onColumnSort: toggleSort,
+		isVirtualized,
+		virtualizeThreshold,
+		overscan,
+		isResizable,
+		onColumnResize: handleColumnResize,
+		onColumnResizeEnd: handleColumnResizeEnd,
+		getRowProps,
+		ariaLabel,
+		styles: rootStyles,
+		headerStyles,
+		headerCellStyles,
+		bodyStyles,
+		rowStyles,
+		cellStyles,
+		mods,
+		footer: hasFooter ? /* @__PURE__ */ jsx(ItemTableFooter, {
+			start: footerStart,
+			center: footerCenter,
+			end: footerEnd,
+			styles: footerStyles,
+			pagination: showPagination ? {
+				page: pageInfo.page,
+				pageSize,
+				total,
+				totalPages: pageInfo.totalPages,
+				pageSizeOptions,
+				summary,
+				hasNextPage,
+				onPageChange: setPage,
+				onPageSizeChange: setPageSize
+			} : void 0
+		}) : null
+	});
+}
+const _DataTable = forwardRef(DataTable);
+_DataTable.displayName = "DataTable";
+
+//#endregion
+export { _DataTable };
+//# sourceMappingURL=DataTable.js.map