@cube-dev/ui-kit 0.0.0-canary-01e9d32 → 0.0.0-canary-51e4537

package/dist/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @cube-dev/ui-kit
 
+## 0.148.0
+
+### Minor Changes
+
+- [#1255](https://github.com/cube-js/cube-ui-kit/pull/1255) [`c5a1eee4`](https://github.com/cube-js/cube-ui-kit/commit/c5a1eee476071df152ac6b5e0f122bebc15aad4f) Thanks [@tenphi](https://github.com/tenphi)! - Align the API of all form input components around `isInvalid` / `isValid`.
+
+  - Every input component now accepts `isInvalid` and `isValid` booleans instead of `validationState`. `Form`, `DialogForm` and the legacy `Field` accept them too.
+  - `validationState` still works but is deprecated. It is normalized into `isInvalid` / `isValid` at the edge and logs a deprecation warning in development.
+  - Explicit validation props now take precedence over the state derived from the form. Previously form-derived state could override an explicitly passed prop.
+  - `useFieldProps` is now the single entry point for input components — it applies `useProviderProps` and `useFormProps` internally. Calling them explicitly is still supported but no longer necessary.
+  - `TextInputBase` became purely presentational, which removes a duplicate field registration in the text input family. As a result `SearchInput` no longer registers with a surrounding `Form` — like `SearchComboBox`, it is a standalone control rather than a form field. Use `TextInput` or `ComboBox` when you need a form-attached field.
+  - Fixed `DateInput` never rendering the valid state. It forwarded only the invalid state to its input chrome, so neither an explicit valid prop nor a form-derived valid state (`showValid`) produced the valid styling or the check icon.
+  - Every input component now renders the valid state, not just the invalid one. `Checkbox`, `Switch` and `Radio` gained valid fill and border styling (`Switch` also gained the matching invalid fill when checked), `Picker` and `FilterPicker` gained the validation suffix icon that `Select` already had, and `FileInput`, `Slider`, `RangeSlider` and `TextInputMapper` render validation state at all for the first time — they previously accepted `isInvalid` / `isValid` and ignored them.
+  - New exports for building input components: `resolveValidationProps`, `useValidationProps`, `getValidationMods`, `getValidationTheme`, `getValidationIcon`, `hasValidationIndicator` and `<ValidationIndicator>`.
+  - Removed the unused `extractFieldWrapperProps` helper.
+
 ## 0.147.3
 
 ### Patch Changes

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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";
@@ -88,7 +88,7 @@ const ItemAction = forwardRef(function ItemAction(allProps, ref) {
 	]);
 	const ariaLabel = useMemo(() => {
 		if (typeof tooltip === "string") return tooltip;
-		if (typeof tooltip === "object" && tooltip.title) return tooltip.title;
+		if (typeof tooltip === "object" && typeof tooltip.title === "string") return tooltip.title;
 		return rest["aria-label"];
 	}, [tooltip, rest]);
 	const { actionProps } = useAction({

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': '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. Rich tooltip content can't\n  // serve as an accessible name, so only plain strings are used here.\n  const ariaLabel = useMemo(() => {\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 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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"}

package/dist/components/actions/ItemActionContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | 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/HotKeys/HotKeys.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { _Text } from "../Text.js";
 import { useKeySymbols } from "../../../utils/react/useKeySymbols.js";

package/dist/components/content/InfoBadge/InfoBadge.d.ts

@@ -0,0 +1,45 @@
+
+import { CubeTooltipProviderProps } from "../../overlays/Tooltip/TooltipProvider.js";
+import { CubeUseActionProps } from "../../actions/use-action.js";
+import { BaseProps, Styles } from "@tenphi/tasty";
+import * as react from "react";
+import { ReactNode } from "react";
+
+//#region src/components/content/InfoBadge/InfoBadge.d.ts
+type CubeInfoBadgeTooltipConfig = Omit<CubeTooltipProviderProps, 'children'>;
+interface CubeInfoBadgeProps extends Omit<BaseProps, 'children'>, Partial<Pick<CubeUseActionProps, 'to' | 'onPress' | 'navigationOptions' | 'target' | 'label'>> {
+  /**
+   * Tooltip content. Either the content itself or a configuration object
+   * `{ title, ...tooltipProps }` for advanced setups (placement, delay, etc.).
+   */
+  tooltip: ReactNode | CubeInfoBadgeTooltipConfig;
+  /**
+   * Text appended to the tooltip content. Defaults to a "learn more" hint when
+   * the badge is interactive (`to` or `onPress` is provided). Pass `null` or an
+   * empty string to opt out.
+   */
+  tooltipSuffix?: ReactNode;
+  /** Icon to render. @default <InfoCircleIcon /> */
+  icon?: ReactNode;
+  /**
+   * Size of the badge. `inline` matches the line height of the surrounding
+   * text, which makes the badge blend into labels and paragraphs.
+   * @default "inline"
+   */
+  size?: 'inline' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | number;
+  /** @default "clear" */
+  type?: 'primary' | 'outline' | 'clear' | (string & {});
+  /** @default "default" */
+  theme?: 'default' | 'danger' | 'success' | 'special' | (string & {});
+  isLoading?: boolean;
+  isDisabled?: boolean;
+  styles?: Styles;
+}
+/**
+ * An informational icon with a tooltip. Renders as a plain badge by default and
+ * upgrades to a link / button when `to` or `onPress` is provided.
+ */
+declare const InfoBadge: react.ForwardRefExoticComponent<CubeInfoBadgeProps & react.RefAttributes<HTMLElement>>;
+//#endregion
+export { CubeInfoBadgeProps, CubeInfoBadgeTooltipConfig, InfoBadge };
+//# sourceMappingURL=InfoBadge.d.ts.map