@cube-dev/ui-kit 0.148.0 → 0.149.0

package/dist/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @cube-dev/ui-kit
 
+## 0.149.0
+
+### Minor Changes
+
+- [#1257](https://github.com/cube-js/cube-ui-kit/pull/1257) [`ad7190c7`](https://github.com/cube-js/cube-ui-kit/commit/ad7190c7be84654799aad1c9b72c2f4447ccbcee) Thanks [@tenphi](https://github.com/tenphi)! - Added the `InfoBadge` component — an informational icon with a tooltip. It renders as a plain `ItemBadge` by default and upgrades to an `ItemAction` link/button as soon as `to` or `onPress` is provided, so the same icon can point at the docs. The badge contains its own press events (including `preventDefault` on click), which lets it sit inside a bigger click target — a field `<label>`, a switch row, a table header — without activating it. When interactive, the tooltip gets a localized `Click to learn more.` suffix, which `tooltipSuffix` overrides or removes.
+
+  `size` is `small` | `medium` | `large` (default `medium`). Every size contributes exactly one line to the text around it, so the badge stays vertically aligned with adjacent text — in a field label, a table header, or mid-paragraph — whichever size you pick.
+
+  The info icon that fields render for their `tooltip` prop is now an `InfoBadge`, so clicking it no longer activates the field it labels.
+
+  `tooltip={{ title }}` on `ItemAction` and `ItemBadge` now accepts any `ReactNode` as the title. Rich titles are no longer used as the `aria-label` (previously they were stringified into it) — pass `aria-label` for those.
+
+  `ItemAction` and `ItemBadge` now treat an explicit `aria-label` as higher priority than the accessible name inferred from a string `tooltip`. Previously `ItemAction` let the tooltip win, so an `aria-label` passed alongside a string tooltip was silently dropped.
+
+### Patch Changes
+
+- [#1260](https://github.com/cube-js/cube-ui-kit/pull/1260) [`07914318`](https://github.com/cube-js/cube-ui-kit/commit/0791431810ae3c9f663ccbf457fdc3c6c7cfe4fa) Thanks [@tenphi](https://github.com/tenphi)! - Update `@tenphi/tasty` to 2.11.0 and `@tenphi/eslint-plugin-tasty` to 0.11.2, and reformat the styles the new lint rules cover. No public API or rendering change — every rewrite was verified to emit identical CSS, and Chromatic reports all 905 stories unchanged.
+
 ## 0.148.0
 
 ### Minor Changes

package/dist/_internal/hooks/use-chained-callback.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { useEvent } from "./use-event.js";
 
 //#region src/_internal/hooks/use-chained-callback.ts

package/dist/_internal/hooks/use-debounced-value.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { useEffect, useRef, useState } from "react";
 
 //#region src/_internal/hooks/use-debounced-value.ts

package/dist/_internal/hooks/use-deprecation-warning.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { deprecationWarning } from "../../utils/warnings.js";
 import React, { useEffect } from "react";
 

package/dist/_internal/hooks/use-event.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { useSyncRef } from "./use-sync-ref.js";
 import { useCallback } from "react";
 

package/dist/_internal/hooks/use-is-first-render.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { useRef } from "react";
 
 //#region src/_internal/hooks/use-is-first-render.ts

package/dist/_internal/hooks/use-sync-ref.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../utils/react/useLayoutEffect.js";
 import { useRef } from "react";
 

package/dist/_internal/hooks/use-timer/timer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 //#region src/_internal/hooks/use-timer/timer.ts
 var Timer = class {
 	callback;

package/dist/_internal/hooks/use-timer/use-timer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { useEvent } from "../use-event.js";
 import { Timer } from "./timer.js";
 import { useEffect, useState } from "react";

package/dist/_internal/hooks/use-warn.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { useEvent } from "./use-event.js";
 import { warn } from "../../utils/warnings.js";
 import { useRef } from "react";

package/dist/components/Block.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { extractStyles } from "../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/CollectionItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { ItemAction } from "./actions/ItemAction/ItemAction.js";
 import { ItemBadge } from "./content/ItemBadge/ItemBadge.js";
 import { Item } from "react-stately";

package/dist/components/GlobalStyles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { TOKENS } from "../tokens/index.js";
 import { useGlobalStyles, useRawCSS } from "@tenphi/tasty";
 import { useMemo } from "react";

package/dist/components/GridProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { useCombinedRefs } from "../utils/react/useCombinedRefs.js";
 import { filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef, useCallback, useEffect, useState } from "react";

package/dist/components/HiddenInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 
 //#region src/components/HiddenInput.tsx

package/dist/components/Root.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { extractStyles } from "../utils/styles.js";
 import { EventBusProvider } from "../utils/react/useEventBus.js";
 import { PortalProvider } from "./portal/PortalProvider.js";

package/dist/components/actions/Action/Action.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useAction } from "../use-action.js";
 import { CONTAINER_STYLES, TEXT_STYLES, tasty } from "@tenphi/tasty";

package/dist/components/actions/Banner/Banner.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Item } from "../../content/Item/Item.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/actions/Button/Button.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { useDismissParentPopover } from "../../../utils/react/usePopoverSync.js";

package/dist/components/actions/ButtonGroup/ButtonGroup.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { useSlotProps } from "../../../utils/react/Slots.js";
 import { Space } from "../../layout/Space.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/actions/ButtonSplit/ButtonSplit.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { DirectionIcon } from "../../../icons/DirectionIcon.js";

package/dist/components/actions/ButtonSplit/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/actions/ButtonSplit/context.ts

package/dist/components/actions/CommandMenu/CommandMenu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";

package/dist/components/actions/CommandMenu/styled.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 
 //#region src/components/actions/CommandMenu/styled.tsx

package/dist/components/actions/ItemAction/ItemAction.d.ts

@@ -15,7 +15,7 @@ interface CubeItemActionProps extends Omit<CubeUseActionProps, 'as' | 'htmlType'
   type?: 'primary' | 'outline' | 'clear' | (string & {});
   theme?: 'default' | 'danger' | 'success' | 'warning' | 'note' | 'special' | (string & {});
   tooltip?: string | (Omit<ComponentProps<typeof TooltipProvider>, 'children'> & {
-    title?: string;
+    title?: ReactNode;
   });
   styles?: Styles;
   tabIndex?: number;

package/dist/components/actions/ItemAction/ItemAction.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | 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, NOTE_CLEAR_STYLES, NOTE_OUTLINE_STYLES, NOTE_PRIMARY_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES, WARNING_CLEAR_STYLES, WARNING_OUTLINE_STYLES, WARNING_PRIMARY_STYLES } from "../../../data/item-themes.js";
@@ -28,7 +28,7 @@ const ItemActionElement = tasty({
 		padding: {
 			"": "0 $inline-padding",
 			"has-icon": 0,
-			"has-icon & has-label": "0 $inline-padding 0 0"
+			"has-icon & has-label": "$inline-padding right"
 		},
 		"$inline-padding": {
 			"": "max($min-inline-padding, (($action-size - 1lh - 2bw) / 2 + $inline-compensation))",
@@ -87,9 +87,9 @@ const ItemAction = forwardRef(function ItemAction(allProps, ref) {
 		mods
 	]);
 	const ariaLabel = useMemo(() => {
+		if (rest["aria-label"]) return rest["aria-label"];
 		if (typeof tooltip === "string") return tooltip;
-		if (typeof tooltip === "object" && tooltip.title) return tooltip.title;
-		return rest["aria-label"];
+		if (typeof tooltip === "object" && typeof tooltip.title === "string") return tooltip.title;
 	}, [tooltip, rest]);
 	const { actionProps } = useAction({
 		...rest,

package/dist/components/actions/ItemAction/ItemAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemAction.js","names":[],"sources":["../../../../src/components/actions/ItemAction/ItemAction.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { BaseProps, Styles, tasty } from '@tenphi/tasty';\nimport {\n  ComponentProps,\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  RefObject,\n  useMemo,\n} from 'react';\n\nimport {\n  DANGER_CLEAR_STYLES,\n  DANGER_OUTLINE_STYLES,\n  DANGER_PRIMARY_STYLES,\n  DEFAULT_CLEAR_STYLES,\n  DEFAULT_OUTLINE_STYLES,\n  DEFAULT_PRIMARY_STYLES,\n  ITEM_ACTION_BASE_STYLES,\n  NOTE_CLEAR_STYLES,\n  NOTE_OUTLINE_STYLES,\n  NOTE_PRIMARY_STYLES,\n  SPECIAL_CLEAR_STYLES,\n  SPECIAL_OUTLINE_STYLES,\n  SPECIAL_PRIMARY_STYLES,\n  SUCCESS_CLEAR_STYLES,\n  SUCCESS_OUTLINE_STYLES,\n  SUCCESS_PRIMARY_STYLES,\n  WARNING_CLEAR_STYLES,\n  WARNING_OUTLINE_STYLES,\n  WARNING_PRIMARY_STYLES,\n} from '../../../data/item-themes';\nimport { CheckIcon } from '../../../icons/CheckIcon';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { TooltipProvider } from '../../overlays/Tooltip/TooltipProvider';\nimport { useItemActionContext } from '../ItemActionContext';\nimport { CubeUseActionProps, useAction } from '../use-action';\n\nexport interface CubeItemActionProps\n  extends Omit<CubeUseActionProps, 'as' | 'htmlType'>,\n    Omit<BaseProps, 'as'> {\n  icon?: ReactNode | 'checkmark';\n  children?: ReactNode;\n  isLoading?: boolean;\n  isSelected?: boolean;\n  type?: 'primary' | 'outline' | 'clear' | (string & {});\n  theme?:\n    | 'default'\n    | 'danger'\n    | 'success'\n    | 'warning'\n    | 'note'\n    | 'special'\n    | (string & {});\n  tooltip?:\n    | string\n    | (Omit<ComponentProps<typeof TooltipProvider>, 'children'> & {\n        title?: string;\n      });\n  styles?: Styles;\n  tabIndex?: number;\n}\n\ntype ItemActionVariant =\n  | 'default.primary'\n  | 'default.outline'\n  | 'default.clear'\n  | 'danger.primary'\n  | 'danger.outline'\n  | 'danger.clear'\n  | 'success.primary'\n  | 'success.outline'\n  | 'success.clear'\n  | 'warning.primary'\n  | 'warning.outline'\n  | 'warning.clear'\n  | 'note.primary'\n  | 'note.outline'\n  | 'note.clear'\n  | 'special.primary'\n  | 'special.outline'\n  | 'special.clear';\n\nconst ItemActionElement = tasty({\n  qa: 'ItemAction',\n  styles: {\n    ...ITEM_ACTION_BASE_STYLES,\n    recipe: 'reset button',\n    outlineOffset: 1,\n    cursor: { '': '$pointer', disabled: 'default' },\n    preset: {\n      '': 't4',\n      'size=xlarge': 't3m',\n    },\n    padding: {\n      '': '0 $inline-padding',\n      'has-icon': 0,\n      'has-icon & has-label': '0 $inline-padding 0 0',\n    },\n\n    '$inline-padding': {\n      '': 'max($min-inline-padding, (($action-size - 1lh - 2bw) / 2 + $inline-compensation))',\n      'size=inline': '.25x',\n    },\n    '$inline-compensation': '.5x',\n    '$min-inline-padding': '(.5x - 1bw)',\n    '$local-icon-size': '$icon-size',\n\n    Icon: {\n      $: '>',\n      ...(ITEM_ACTION_BASE_STYLES.Icon as Styles),\n      '$icon-size': 'min($local-icon-size, ($action-size - .25x))',\n    },\n  },\n  variants: {\n    // Default theme\n    'default.primary': DEFAULT_PRIMARY_STYLES,\n    'default.outline': DEFAULT_OUTLINE_STYLES,\n    'default.clear': DEFAULT_CLEAR_STYLES,\n\n    // Danger theme\n    'danger.primary': DANGER_PRIMARY_STYLES,\n    'danger.outline': DANGER_OUTLINE_STYLES,\n    'danger.clear': DANGER_CLEAR_STYLES,\n\n    // Success theme\n    'success.primary': SUCCESS_PRIMARY_STYLES,\n    'success.outline': SUCCESS_OUTLINE_STYLES,\n    'success.clear': SUCCESS_CLEAR_STYLES,\n\n    // Warning theme\n    'warning.primary': WARNING_PRIMARY_STYLES,\n    'warning.outline': WARNING_OUTLINE_STYLES,\n    'warning.clear': WARNING_CLEAR_STYLES,\n\n    // Note theme\n    'note.primary': NOTE_PRIMARY_STYLES,\n    'note.outline': NOTE_OUTLINE_STYLES,\n    'note.clear': NOTE_CLEAR_STYLES,\n\n    // Special theme\n    'special.primary': SPECIAL_PRIMARY_STYLES,\n    'special.outline': SPECIAL_OUTLINE_STYLES,\n    'special.clear': SPECIAL_CLEAR_STYLES,\n  },\n});\n\nexport const ItemAction = forwardRef(function ItemAction(\n  allProps: CubeItemActionProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const {\n    type: contextType,\n    theme: contextTheme,\n    disableActionsFocus,\n    isDisabled: contextIsDisabled,\n  } = useItemActionContext();\n\n  const {\n    type = contextType ?? 'clear',\n    theme = contextTheme ?? 'default',\n    icon,\n    children,\n    isLoading = false,\n    isSelected = false,\n    tooltip,\n    mods,\n    styles,\n    isDisabled: isDisabledProp,\n    ...rest\n  } = allProps;\n\n  // Inherit disabled state from context, but allow local override\n  const isDisabled = isDisabledProp ?? contextIsDisabled;\n\n  // Determine if we should show a checkmark\n  const hasCheckmark = icon === 'checkmark';\n\n  // Determine final icon (loading takes precedence)\n  const finalIcon = isLoading ? (\n    <LoadingIcon />\n  ) : hasCheckmark ? (\n    <CheckIcon />\n  ) : (\n    icon\n  );\n\n  // Build modifiers\n  const finalMods = useMemo(\n    () => ({\n      checkmark: hasCheckmark,\n      selected: isSelected,\n      loading: isLoading,\n      'has-label': !!children,\n      context: !!contextType,\n      'has-icon': !!icon,\n      ...mods,\n    }),\n    [hasCheckmark, isSelected, isLoading, children, contextType, mods],\n  );\n\n  // Extract aria-label from tooltip if needed\n  const ariaLabel = useMemo(() => {\n    if (typeof tooltip === 'string') {\n      return tooltip;\n    }\n    if (typeof tooltip === 'object' && tooltip.title) {\n      return tooltip.title;\n    }\n    return rest['aria-label'];\n  }, [tooltip, rest]);\n\n  // Call useAction hook\n  const { actionProps } = useAction(\n    {\n      ...rest,\n      isDisabled,\n      'aria-label': ariaLabel,\n      mods: finalMods,\n      htmlType: 'button',\n    },\n    ref,\n  );\n\n  // Set tabIndex when in context\n  const finalTabIndex = disableActionsFocus ? -1 : rest.tabIndex;\n\n  // Determine if we should show tooltip (icon-only buttons)\n  const showTooltip = !children && tooltip;\n\n  // Extract tooltip content and props\n  const tooltipContent = useMemo(() => {\n    if (typeof tooltip === 'string') {\n      return tooltip;\n    }\n    if (typeof tooltip === 'object' && tooltip.title) {\n      return tooltip.title;\n    }\n    return undefined;\n  }, [tooltip]);\n\n  const tooltipProps = useMemo(() => {\n    if (typeof tooltip === 'object') {\n      const { title, ...rest } = tooltip;\n      return rest;\n    }\n    return {};\n  }, [tooltip]);\n\n  const finalType = type;\n\n  // Render function that accepts tooltip trigger props and ref\n  const renderButton = (\n    tooltipTriggerProps?: HTMLAttributes<HTMLElement>,\n    tooltipRef?: RefObject<HTMLElement>,\n  ) => {\n    // Merge tooltip ref with actionProps if provided\n    const mergedProps = tooltipRef\n      ? mergeProps(actionProps, tooltipTriggerProps || {}, {\n          ref: (element: HTMLElement | null) => {\n            // Set the tooltip ref\n            if (tooltipRef) {\n              (tooltipRef as any).current = element;\n            }\n            // Set the action ref if it exists in actionProps\n            const actionRef = (actionProps as any).ref;\n            if (actionRef) {\n              if (typeof actionRef === 'function') {\n                actionRef(element);\n              } else {\n                actionRef.current = element;\n              }\n            }\n          },\n        })\n      : mergeProps(actionProps, tooltipTriggerProps || {});\n\n    return (\n      <ItemActionElement\n        {...mergedProps}\n        variant={`${theme}.${finalType}` as ItemActionVariant}\n        data-theme={theme}\n        data-type={finalType}\n        tabIndex={finalTabIndex}\n        styles={styles}\n      >\n        {finalIcon && <div data-element=\"Icon\">{finalIcon}</div>}\n        {children}\n      </ItemActionElement>\n    );\n  };\n\n  // Wrap with tooltip if needed\n  if (showTooltip && tooltipContent) {\n    return (\n      <TooltipProvider title={tooltipContent} {...tooltipProps}>\n        {(triggerProps, tooltipRef) => renderButton(triggerProps, tooltipRef)}\n      </TooltipProvider>\n    );\n  }\n\n  return renderButton();\n});\n\nexport type { CubeItemActionProps as ItemActionProps };\n"],"mappings":"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"}
+{"version":3,"file":"ItemAction.js","names":[],"sources":["../../../../src/components/actions/ItemAction/ItemAction.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { BaseProps, Styles, tasty } from '@tenphi/tasty';\nimport {\n  ComponentProps,\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  RefObject,\n  useMemo,\n} from 'react';\n\nimport {\n  DANGER_CLEAR_STYLES,\n  DANGER_OUTLINE_STYLES,\n  DANGER_PRIMARY_STYLES,\n  DEFAULT_CLEAR_STYLES,\n  DEFAULT_OUTLINE_STYLES,\n  DEFAULT_PRIMARY_STYLES,\n  ITEM_ACTION_BASE_STYLES,\n  NOTE_CLEAR_STYLES,\n  NOTE_OUTLINE_STYLES,\n  NOTE_PRIMARY_STYLES,\n  SPECIAL_CLEAR_STYLES,\n  SPECIAL_OUTLINE_STYLES,\n  SPECIAL_PRIMARY_STYLES,\n  SUCCESS_CLEAR_STYLES,\n  SUCCESS_OUTLINE_STYLES,\n  SUCCESS_PRIMARY_STYLES,\n  WARNING_CLEAR_STYLES,\n  WARNING_OUTLINE_STYLES,\n  WARNING_PRIMARY_STYLES,\n} from '../../../data/item-themes';\nimport { CheckIcon } from '../../../icons/CheckIcon';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { TooltipProvider } from '../../overlays/Tooltip/TooltipProvider';\nimport { useItemActionContext } from '../ItemActionContext';\nimport { CubeUseActionProps, useAction } from '../use-action';\n\nexport interface CubeItemActionProps\n  extends Omit<CubeUseActionProps, 'as' | 'htmlType'>,\n    Omit<BaseProps, 'as'> {\n  icon?: ReactNode | 'checkmark';\n  children?: ReactNode;\n  isLoading?: boolean;\n  isSelected?: boolean;\n  type?: 'primary' | 'outline' | 'clear' | (string & {});\n  theme?:\n    | 'default'\n    | 'danger'\n    | 'success'\n    | 'warning'\n    | 'note'\n    | 'special'\n    | (string & {});\n  tooltip?:\n    | string\n    | (Omit<ComponentProps<typeof TooltipProvider>, 'children'> & {\n        title?: ReactNode;\n      });\n  styles?: Styles;\n  tabIndex?: number;\n}\n\ntype ItemActionVariant =\n  | 'default.primary'\n  | 'default.outline'\n  | 'default.clear'\n  | 'danger.primary'\n  | 'danger.outline'\n  | 'danger.clear'\n  | 'success.primary'\n  | 'success.outline'\n  | 'success.clear'\n  | 'warning.primary'\n  | 'warning.outline'\n  | 'warning.clear'\n  | 'note.primary'\n  | 'note.outline'\n  | 'note.clear'\n  | 'special.primary'\n  | 'special.outline'\n  | 'special.clear';\n\nconst ItemActionElement = tasty({\n  qa: 'ItemAction',\n  styles: {\n    ...ITEM_ACTION_BASE_STYLES,\n    recipe: 'reset button',\n    outlineOffset: 1,\n    cursor: { '': '$pointer', disabled: 'default' },\n    preset: {\n      '': 't4',\n      'size=xlarge': 't3m',\n    },\n    padding: {\n      '': '0 $inline-padding',\n      'has-icon': 0,\n      'has-icon & has-label': '$inline-padding right',\n    },\n\n    '$inline-padding': {\n      '': 'max($min-inline-padding, (($action-size - 1lh - 2bw) / 2 + $inline-compensation))',\n      'size=inline': '.25x',\n    },\n    '$inline-compensation': '.5x',\n    '$min-inline-padding': '(.5x - 1bw)',\n    '$local-icon-size': '$icon-size',\n\n    Icon: {\n      $: '>',\n      ...(ITEM_ACTION_BASE_STYLES.Icon as Styles),\n      '$icon-size': 'min($local-icon-size, ($action-size - .25x))',\n    },\n  },\n  variants: {\n    // Default theme\n    'default.primary': DEFAULT_PRIMARY_STYLES,\n    'default.outline': DEFAULT_OUTLINE_STYLES,\n    'default.clear': DEFAULT_CLEAR_STYLES,\n\n    // Danger theme\n    'danger.primary': DANGER_PRIMARY_STYLES,\n    'danger.outline': DANGER_OUTLINE_STYLES,\n    'danger.clear': DANGER_CLEAR_STYLES,\n\n    // Success theme\n    'success.primary': SUCCESS_PRIMARY_STYLES,\n    'success.outline': SUCCESS_OUTLINE_STYLES,\n    'success.clear': SUCCESS_CLEAR_STYLES,\n\n    // Warning theme\n    'warning.primary': WARNING_PRIMARY_STYLES,\n    'warning.outline': WARNING_OUTLINE_STYLES,\n    'warning.clear': WARNING_CLEAR_STYLES,\n\n    // Note theme\n    'note.primary': NOTE_PRIMARY_STYLES,\n    'note.outline': NOTE_OUTLINE_STYLES,\n    'note.clear': NOTE_CLEAR_STYLES,\n\n    // Special theme\n    'special.primary': SPECIAL_PRIMARY_STYLES,\n    'special.outline': SPECIAL_OUTLINE_STYLES,\n    'special.clear': SPECIAL_CLEAR_STYLES,\n  },\n});\n\nexport const ItemAction = forwardRef(function ItemAction(\n  allProps: CubeItemActionProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const {\n    type: contextType,\n    theme: contextTheme,\n    disableActionsFocus,\n    isDisabled: contextIsDisabled,\n  } = useItemActionContext();\n\n  const {\n    type = contextType ?? 'clear',\n    theme = contextTheme ?? 'default',\n    icon,\n    children,\n    isLoading = false,\n    isSelected = false,\n    tooltip,\n    mods,\n    styles,\n    isDisabled: isDisabledProp,\n    ...rest\n  } = allProps;\n\n  // Inherit disabled state from context, but allow local override\n  const isDisabled = isDisabledProp ?? contextIsDisabled;\n\n  // Determine if we should show a checkmark\n  const hasCheckmark = icon === 'checkmark';\n\n  // Determine final icon (loading takes precedence)\n  const finalIcon = isLoading ? (\n    <LoadingIcon />\n  ) : hasCheckmark ? (\n    <CheckIcon />\n  ) : (\n    icon\n  );\n\n  // Build modifiers\n  const finalMods = useMemo(\n    () => ({\n      checkmark: hasCheckmark,\n      selected: isSelected,\n      loading: isLoading,\n      'has-label': !!children,\n      context: !!contextType,\n      'has-icon': !!icon,\n      ...mods,\n    }),\n    [hasCheckmark, isSelected, isLoading, children, contextType, mods],\n  );\n\n  // An explicit label always wins; a tooltip only fills in the accessible name\n  // when there isn't one. Rich tooltip content can't serve as a name, so only\n  // plain strings are used here.\n  const ariaLabel = useMemo(() => {\n    if (rest['aria-label']) {\n      return rest['aria-label'];\n    }\n    if (typeof tooltip === 'string') {\n      return tooltip;\n    }\n    if (typeof tooltip === 'object' && typeof tooltip.title === 'string') {\n      return tooltip.title;\n    }\n    return undefined;\n  }, [tooltip, rest]);\n\n  // Call useAction hook\n  const { actionProps } = useAction(\n    {\n      ...rest,\n      isDisabled,\n      'aria-label': ariaLabel,\n      mods: finalMods,\n      htmlType: 'button',\n    },\n    ref,\n  );\n\n  // Set tabIndex when in context\n  const finalTabIndex = disableActionsFocus ? -1 : rest.tabIndex;\n\n  // Determine if we should show tooltip (icon-only buttons)\n  const showTooltip = !children && tooltip;\n\n  // Extract tooltip content and props\n  const tooltipContent = useMemo(() => {\n    if (typeof tooltip === 'string') {\n      return tooltip;\n    }\n    if (typeof tooltip === 'object' && tooltip.title) {\n      return tooltip.title;\n    }\n    return undefined;\n  }, [tooltip]);\n\n  const tooltipProps = useMemo(() => {\n    if (typeof tooltip === 'object') {\n      const { title, ...rest } = tooltip;\n      return rest;\n    }\n    return {};\n  }, [tooltip]);\n\n  const finalType = type;\n\n  // Render function that accepts tooltip trigger props and ref\n  const renderButton = (\n    tooltipTriggerProps?: HTMLAttributes<HTMLElement>,\n    tooltipRef?: RefObject<HTMLElement>,\n  ) => {\n    // Merge tooltip ref with actionProps if provided\n    const mergedProps = tooltipRef\n      ? mergeProps(actionProps, tooltipTriggerProps || {}, {\n          ref: (element: HTMLElement | null) => {\n            // Set the tooltip ref\n            if (tooltipRef) {\n              (tooltipRef as any).current = element;\n            }\n            // Set the action ref if it exists in actionProps\n            const actionRef = (actionProps as any).ref;\n            if (actionRef) {\n              if (typeof actionRef === 'function') {\n                actionRef(element);\n              } else {\n                actionRef.current = element;\n              }\n            }\n          },\n        })\n      : mergeProps(actionProps, tooltipTriggerProps || {});\n\n    return (\n      <ItemActionElement\n        {...mergedProps}\n        variant={`${theme}.${finalType}` as ItemActionVariant}\n        data-theme={theme}\n        data-type={finalType}\n        tabIndex={finalTabIndex}\n        styles={styles}\n      >\n        {finalIcon && <div data-element=\"Icon\">{finalIcon}</div>}\n        {children}\n      </ItemActionElement>\n    );\n  };\n\n  // Wrap with tooltip if needed\n  if (showTooltip && tooltipContent) {\n    return (\n      <TooltipProvider title={tooltipContent} {...tooltipProps}>\n        {(triggerProps, tooltipRef) => renderButton(triggerProps, tooltipRef)}\n      </TooltipProvider>\n    );\n  }\n\n  return renderButton();\n});\n\nexport type { CubeItemActionProps as ItemActionProps };\n"],"mappings":"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"}

package/dist/components/actions/ItemActionContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/actions/ItemButton/ItemButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useDismissParentPopover } from "../../../utils/react/usePopoverSync.js";

package/dist/components/actions/Link/Link.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { Button } from "../Button/Button.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/actions/Menu/Menu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _CollectionItem } from "../../CollectionItem.js";

package/dist/components/actions/Menu/MenuItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { filterCollectionItemProps } from "../../CollectionItem.js";
 import { _Item } from "../../content/Item/Item.js";

package/dist/components/actions/Menu/MenuSection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
 import { MenuItem } from "./MenuItem.js";
 import { StyledMenu, StyledSection, StyledSectionHeading } from "./styled.js";

package/dist/components/actions/Menu/MenuTrigger.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { SlotProvider } from "../../../utils/react/Slots.js";
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/actions/Menu/SubMenuTrigger.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { MenuContext, useMenuContext } from "./context.js";

package/dist/components/actions/Menu/SubmenuTriggerContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import React from "react";
 
 //#region src/components/actions/Menu/SubmenuTriggerContext.tsx

package/dist/components/actions/Menu/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import React, { useContext } from "react";
 
 //#region src/components/actions/Menu/context.ts

package/dist/components/actions/Menu/styled.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { DEFAULT_CLEAR_STYLES } from "../../../data/item-themes.js";
 import { Space } from "../../layout/Space.js";
 import { DEFAULT_BUTTON_STYLES } from "../Button/Button.js";

package/dist/components/actions/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { ItemActionProvider, useItemActionContext } from "./ItemActionContext.js";
 import { openLink, parseTo, performClickHandler, useAction } from "./use-action.js";
 import { ItemAction } from "./ItemAction/ItemAction.js";

package/dist/components/actions/use-action.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useFocus as useFocus$1 } from "../../utils/react/interactions.js";

package/dist/components/actions/use-anchored-menu.js

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

package/dist/components/actions/use-context-menu.js

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

package/dist/components/content/ActiveZone/ActiveZone.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useFocus as useFocus$1 } from "../../../utils/react/interactions.js";

package/dist/components/content/Alert/Alert.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import themes_default from "../../../data/themes.js";
 import { useAlert } from "./use-alert.js";
 import { tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useDeprecationWarning } from "../../../_internal/hooks/use-deprecation-warning.js";
 import { CONTAINER_STYLES, TEXT_STYLES, filterBaseProps } from "@tenphi/tasty";

package/dist/components/content/Avatar/Avatar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { CONTAINER_STYLES, Element, filterBaseProps } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/Badge/Badge.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { _Item } from "../Item/Item.js";
 import themes_default from "../../../data/themes.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/content/Card/Card.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/Content.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { CONTAINER_STYLES, TEXT_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/content/CopyPasteBlock/CopyPasteBlock.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useTimer } from "../../../_internal/hooks/use-timer/use-timer.js";
 import { useI18n } from "../../../i18n/useI18n.js";
@@ -69,10 +69,13 @@ const CopyPasteBlockElement = tasty(Card, {
 			radius: "1r",
 			position: "relative"
 		},
-		Shortcut: { display: {
-			"": "none",
-			":focus & !error": "inline"
-		} }
+		Shortcut: {
+			display: "inline",
+			hide: {
+				"": true,
+				":focus & !error": false
+			}
+		}
 	}
 });
 const CopyButton = tasty(Button, {
@@ -87,7 +90,7 @@ const CopyButton = tasty(Button, {
 		},
 		radius: {
 			"": "0 1r 1r 0",
-			"multiline | has-scroll": "0 1r 0 0"
+			"multiline | has-scroll": "1r top-right"
 		},
 		height: "auto",
 		outline: false

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

@@ -1 +1 @@
-{"version":3,"file":"CopyPasteBlock.js","names":[],"sources":["../../../../src/components/content/CopyPasteBlock/CopyPasteBlock.tsx"],"sourcesContent":["import {\n  POSITION_STYLES,\n  PositionStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport copy from 'clipboard-copy';\nimport { ForwardedRef, forwardRef, ReactNode, useState } from 'react';\nimport { TextDropItem, useClipboard } from 'react-aria';\n\nimport { useTimer } from '../../../_internal';\nimport { useI18n } from '../../../i18n';\nimport { CopyIcon } from '../../../icons';\nimport { extractStyles } from '../../../utils/styles';\nimport { Button } from '../../actions';\nimport { useToast } from '../../overlays/Toast';\nimport { Card, CubeCardProps } from '../Card/Card';\n\nconst StyledBlock = tasty({\n  styles: {\n    display: 'grid',\n    flow: 'column',\n    placeContent: 'center space-between',\n    placeItems: 'center stretch',\n    gap: '1x',\n    position: 'relative',\n    width: 'max 100%',\n    color: 'inherit',\n    padding: '0 1.5x',\n    // height: {\n    //   '': '4.5x',\n    //   '[data-size=\"small\"]': '3.5x',\n    //   '[data-size=\"large\"]': '5.5x',\n    // },\n    userSelect: 'none',\n\n    Label: {\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n    },\n  },\n});\n\nconst CopyPasteBlockElement = tasty(Card, {\n  qa: 'CopyPasteBlock',\n  styles: {\n    display: 'grid',\n    fill: '#surface-2',\n    radius: '1r',\n    padding: {\n      '': '0 1px',\n      ':focus': '0',\n    },\n    color: {\n      '': '#dark',\n      error: '#danger-text',\n    },\n    border: {\n      '': 'dashed #dark-03',\n      ':focus': '2px dashed #primary-text',\n      error: 'dashed #danger',\n    },\n    cursor: '$pointer',\n    preset: {\n      '': 't3',\n      'size=large': 't2',\n    },\n    height: {\n      '': '5x',\n      'size=small': '4x',\n      'size=large': '6x',\n    },\n    boxSizing: 'border-box',\n\n    Grid: {\n      display: 'grid',\n      flow: 'row',\n      gridColumns: 'minmax(0, 1fr) min-content',\n      placeContent: 'stretch',\n      width: 'min 20x',\n      radius: '1r',\n      position: 'relative',\n    },\n\n    Shortcut: {\n      display: {\n        '': 'none',\n        ':focus & !error': 'inline',\n      },\n    },\n  },\n});\n\nconst CopyButton = tasty(Button, {\n  type: 'clear',\n  icon: <CopyIcon />,\n  styles: {\n    placeSelf: 'stretch',\n    border: '#clear',\n    shadow: {\n      '': '0 0 0 1ow #purple-03.0 inset',\n      focused: '0 0 0 1ow #purple-03 inset',\n    },\n    radius: {\n      '': '0 1r 1r 0',\n      'multiline | has-scroll': '0 1r 0 0',\n    },\n    height: 'auto',\n    outline: false,\n  },\n});\n\nexport interface CubeCopyPasteBlockProps\n  extends Omit<CubeCardProps, 'onPaste' | 'onCopy'>,\n    PositionStyleProps {\n  padding?: Styles['padding'];\n  /** The code snippet */\n  value?: string;\n  placeholder?: ReactNode;\n  /** The title of the snippet */\n  title?: string;\n  onPaste?: (text: string) => void | Promise<void | string>;\n  onCopy?: () => void;\n  size?: 'small' | 'medium' | 'large';\n}\n\nfunction CopyPasteBlock(\n  allProps: CubeCopyPasteBlockProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    value = '',\n    onPaste,\n    placeholder,\n    title,\n    size = 'medium',\n    ...props\n  } = allProps;\n  const styles = extractStyles(props, POSITION_STYLES);\n\n  const { t } = useI18n();\n  const [error, setError] = useState<string | null>(null);\n  const toast = useToast();\n\n  const { clipboardProps } = useClipboard({\n    async onPaste(items) {\n      let pasted = await Promise.all(\n        items\n          .filter(\n            (item) => item.kind === 'text' && item.types.has('text/plain'),\n          )\n          .map((item) => (item as TextDropItem).getText('text/plain')),\n      );\n      try {\n        await onPaste?.(pasted.join('\\n'));\n      } catch (e) {\n        setError(String(e));\n      }\n    },\n    getItems() {\n      return value\n        ? [\n            {\n              'text/plain': value,\n            },\n          ]\n        : [];\n    },\n    onCopy() {\n      if (value) {\n        toast.success(\n          t('copyPasteBlock.copied', '{{title}} copied', {\n            title: title || t('copyPasteBlock.defaultTitle', 'Text'),\n          }),\n        );\n      }\n    },\n  });\n\n  useTimer({\n    delay: 1000,\n    callback() {\n      setError(null);\n    },\n    isDisabled: !error,\n  });\n\n  async function onCopy() {\n    await copy(value);\n\n    toast.success(\n      t('copyPasteBlock.copied', '{{title}} copied', {\n        title: title || t('copyPasteBlock.defaultTitle', 'Text'),\n      }),\n    );\n  }\n\n  const pristineValue = value.replace(/\\n/, ' ');\n\n  return (\n    <CopyPasteBlockElement\n      ref={ref}\n      mods={{ error: !!error }}\n      data-size={size}\n      styles={styles}\n      tabIndex=\"0\"\n      {...props}\n      {...clipboardProps}\n    >\n      <div data-element=\"Grid\">\n        <StyledBlock\n          data-size={size}\n          mods={{\n            placeholder: !!placeholder || !value,\n          }}\n        >\n          <div data-element=\"Label\">\n            {error != null ? (\n              error || t('copyPasteBlock.invalidData', 'Invalid data')\n            ) : value ? (\n              pristineValue\n            ) : (\n              <>\n                {placeholder\n                  ? placeholder\n                  : t('copyPasteBlock.selectAndPaste', 'Select and paste')}\n              </>\n            )}\n          </div>\n          <span data-element=\"Shortcut\">\n            <kbd>Cmd</kbd> + <kbd>V</kbd>\n          </span>\n        </StyledBlock>\n        {value && !error && (\n          <CopyButton\n            size={size}\n            aria-label={t(\n              'copyPasteBlock.copyToClipboard',\n              'Copy {{title}} to clipboard',\n              {\n                title: title || t('copyPasteBlock.defaultTitle', 'Text'),\n              },\n            )}\n            onPress={onCopy}\n          />\n        )}\n      </div>\n    </CopyPasteBlockElement>\n  );\n}\n\nconst _CopyPasteBlock = forwardRef(CopyPasteBlock);\n\n_CopyPasteBlock.displayName = 'CopyPasteBlock';\n\nexport { _CopyPasteBlock as CopyPasteBlock };\n"],"mappings":"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"}
+{"version":3,"file":"CopyPasteBlock.js","names":[],"sources":["../../../../src/components/content/CopyPasteBlock/CopyPasteBlock.tsx"],"sourcesContent":["import {\n  POSITION_STYLES,\n  PositionStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport copy from 'clipboard-copy';\nimport { ForwardedRef, forwardRef, ReactNode, useState } from 'react';\nimport { TextDropItem, useClipboard } from 'react-aria';\n\nimport { useTimer } from '../../../_internal';\nimport { useI18n } from '../../../i18n';\nimport { CopyIcon } from '../../../icons';\nimport { extractStyles } from '../../../utils/styles';\nimport { Button } from '../../actions';\nimport { useToast } from '../../overlays/Toast';\nimport { Card, CubeCardProps } from '../Card/Card';\n\nconst StyledBlock = tasty({\n  styles: {\n    display: 'grid',\n    flow: 'column',\n    placeContent: 'center space-between',\n    placeItems: 'center stretch',\n    gap: '1x',\n    position: 'relative',\n    width: 'max 100%',\n    color: 'inherit',\n    padding: '0 1.5x',\n    // height: {\n    //   '': '4.5x',\n    //   '[data-size=\"small\"]': '3.5x',\n    //   '[data-size=\"large\"]': '5.5x',\n    // },\n    userSelect: 'none',\n\n    Label: {\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n    },\n  },\n});\n\nconst CopyPasteBlockElement = tasty(Card, {\n  qa: 'CopyPasteBlock',\n  styles: {\n    display: 'grid',\n    fill: '#surface-2',\n    radius: '1r',\n    padding: {\n      '': '0 1px',\n      ':focus': '0',\n    },\n    color: {\n      '': '#dark',\n      error: '#danger-text',\n    },\n    border: {\n      '': 'dashed #dark-03',\n      ':focus': '2px dashed #primary-text',\n      error: 'dashed #danger',\n    },\n    cursor: '$pointer',\n    preset: {\n      '': 't3',\n      'size=large': 't2',\n    },\n    height: {\n      '': '5x',\n      'size=small': '4x',\n      'size=large': '6x',\n    },\n    boxSizing: 'border-box',\n\n    Grid: {\n      display: 'grid',\n      flow: 'row',\n      gridColumns: 'minmax(0, 1fr) min-content',\n      placeContent: 'stretch',\n      width: 'min 20x',\n      radius: '1r',\n      position: 'relative',\n    },\n\n    Shortcut: {\n      display: 'inline',\n      hide: {\n        '': true,\n        ':focus & !error': false,\n      },\n    },\n  },\n});\n\nconst CopyButton = tasty(Button, {\n  type: 'clear',\n  icon: <CopyIcon />,\n  styles: {\n    placeSelf: 'stretch',\n    border: '#clear',\n    shadow: {\n      '': '0 0 0 1ow #purple-03.0 inset',\n      focused: '0 0 0 1ow #purple-03 inset',\n    },\n    radius: {\n      '': '0 1r 1r 0',\n      'multiline | has-scroll': '1r top-right',\n    },\n    height: 'auto',\n    outline: false,\n  },\n});\n\nexport interface CubeCopyPasteBlockProps\n  extends Omit<CubeCardProps, 'onPaste' | 'onCopy'>,\n    PositionStyleProps {\n  padding?: Styles['padding'];\n  /** The code snippet */\n  value?: string;\n  placeholder?: ReactNode;\n  /** The title of the snippet */\n  title?: string;\n  onPaste?: (text: string) => void | Promise<void | string>;\n  onCopy?: () => void;\n  size?: 'small' | 'medium' | 'large';\n}\n\nfunction CopyPasteBlock(\n  allProps: CubeCopyPasteBlockProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    value = '',\n    onPaste,\n    placeholder,\n    title,\n    size = 'medium',\n    ...props\n  } = allProps;\n  const styles = extractStyles(props, POSITION_STYLES);\n\n  const { t } = useI18n();\n  const [error, setError] = useState<string | null>(null);\n  const toast = useToast();\n\n  const { clipboardProps } = useClipboard({\n    async onPaste(items) {\n      let pasted = await Promise.all(\n        items\n          .filter(\n            (item) => item.kind === 'text' && item.types.has('text/plain'),\n          )\n          .map((item) => (item as TextDropItem).getText('text/plain')),\n      );\n      try {\n        await onPaste?.(pasted.join('\\n'));\n      } catch (e) {\n        setError(String(e));\n      }\n    },\n    getItems() {\n      return value\n        ? [\n            {\n              'text/plain': value,\n            },\n          ]\n        : [];\n    },\n    onCopy() {\n      if (value) {\n        toast.success(\n          t('copyPasteBlock.copied', '{{title}} copied', {\n            title: title || t('copyPasteBlock.defaultTitle', 'Text'),\n          }),\n        );\n      }\n    },\n  });\n\n  useTimer({\n    delay: 1000,\n    callback() {\n      setError(null);\n    },\n    isDisabled: !error,\n  });\n\n  async function onCopy() {\n    await copy(value);\n\n    toast.success(\n      t('copyPasteBlock.copied', '{{title}} copied', {\n        title: title || t('copyPasteBlock.defaultTitle', 'Text'),\n      }),\n    );\n  }\n\n  const pristineValue = value.replace(/\\n/, ' ');\n\n  return (\n    <CopyPasteBlockElement\n      ref={ref}\n      mods={{ error: !!error }}\n      data-size={size}\n      styles={styles}\n      tabIndex=\"0\"\n      {...props}\n      {...clipboardProps}\n    >\n      <div data-element=\"Grid\">\n        <StyledBlock\n          data-size={size}\n          mods={{\n            placeholder: !!placeholder || !value,\n          }}\n        >\n          <div data-element=\"Label\">\n            {error != null ? (\n              error || t('copyPasteBlock.invalidData', 'Invalid data')\n            ) : value ? (\n              pristineValue\n            ) : (\n              <>\n                {placeholder\n                  ? placeholder\n                  : t('copyPasteBlock.selectAndPaste', 'Select and paste')}\n              </>\n            )}\n          </div>\n          <span data-element=\"Shortcut\">\n            <kbd>Cmd</kbd> + <kbd>V</kbd>\n          </span>\n        </StyledBlock>\n        {value && !error && (\n          <CopyButton\n            size={size}\n            aria-label={t(\n              'copyPasteBlock.copyToClipboard',\n              'Copy {{title}} to clipboard',\n              {\n                title: title || t('copyPasteBlock.defaultTitle', 'Text'),\n              },\n            )}\n            onPress={onCopy}\n          />\n        )}\n      </div>\n    </CopyPasteBlockElement>\n  );\n}\n\nconst _CopyPasteBlock = forwardRef(CopyPasteBlock);\n\n_CopyPasteBlock.displayName = 'CopyPasteBlock';\n\nexport { _CopyPasteBlock as CopyPasteBlock };\n"],"mappings":"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"}

package/dist/components/content/CopySnippet/CopySnippet.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { _Tooltip } from "../../overlays/Tooltip/Tooltip.js";
 import { TooltipTrigger } from "../../overlays/Tooltip/TooltipTrigger.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/content/Disclosure/Disclosure.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";

package/dist/components/content/Divider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { BASE_STYLES, COLOR_STYLES, OUTER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/content/Footer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { CONTAINER_STYLES, TEXT_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/content/Header.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.149.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { CONTAINER_STYLES, TEXT_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";