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

package/dist/components/content/InfoBadge/InfoBadge.js

@@ -0,0 +1,144 @@
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | Cube Dev Team */
+import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
+import { ItemBadge } from "../ItemBadge/ItemBadge.js";
+import { useI18n } from "../../../i18n/useI18n.js";
+import { InfoCircleIcon } from "../../../icons/InfoCircleIcon.js";
+import { mergeStyles, tasty } from "@tenphi/tasty";
+import { forwardRef, isValidElement, useCallback, useMemo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/content/InfoBadge/InfoBadge.tsx
+const SIZE_TOKENS = {
+	inline: "(1lh + 2bw)",
+	xsmall: "$size-xs",
+	small: "$size-sm",
+	medium: "$size-md",
+	large: "$size-lg",
+	xlarge: "$size-xl"
+};
+/**
+* The info badge is a leaf element that is often placed inside a bigger click
+* target: a field `<label>`, a switch row, a table header, a list item. Neither
+* the tooltip nor the optional navigation should ever activate that container,
+* so the events that would do so are contained here.
+*
+* The guard sits *above* the badge, so the badge's own handlers (including
+* `usePress`, which fires `onPress` from the `click` event) run first and stay
+* intact. `preventDefault` on click is what stops an enclosing `<label>` from
+* forwarding activation to its control — `stopPropagation` alone can't.
+*
+* `pointerup` / `mouseup` are intentionally left alone: `usePress` finishes a
+* press through document-level listeners for those events.
+*/
+const GUARD_HANDLERS = {
+	onClick: (event) => {
+		event.preventDefault();
+		event.stopPropagation();
+	},
+	onPointerDown: (event) => event.stopPropagation(),
+	onMouseDown: (event) => event.stopPropagation(),
+	onKeyDown: (event) => {
+		if (event.key === "Enter" || event.key === " ") event.stopPropagation();
+	},
+	onKeyUp: (event) => {
+		if (event.key === "Enter" || event.key === " ") event.stopPropagation();
+	}
+};
+/**
+* `display: contents` keeps the guard out of the layout entirely while staying
+* in the event path, so the badge remains a direct flex/grid/inline child of
+* whatever contains it.
+*/
+const GuardElement = tasty({
+	as: "span",
+	styles: { display: "contents" }
+});
+const INFO_STYLES = { color: {
+	"": "#primary-text-soft",
+	"hovered | focused": "#primary-text",
+	pressed: "#primary-text"
+} };
+function isTooltipConfig(value) {
+	return typeof value === "object" && value !== null && !isValidElement(value) && !Array.isArray(value);
+}
+/**
+* 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.
+*/
+const InfoBadge = forwardRef(function InfoBadge(allProps, ref) {
+	const { t } = useI18n();
+	const { tooltip, tooltipSuffix, icon = /* @__PURE__ */ jsx(InfoCircleIcon, {}), size = "inline", type = "clear", theme = "default", to, onPress, navigationOptions, target, label, qa = "InfoBadge", styles, ...rest } = allProps;
+	const isInteractive = to != null || onPress != null;
+	const { title, tooltipProps } = useMemo(() => {
+		if (isTooltipConfig(tooltip)) {
+			const { title, ...tooltipProps } = tooltip;
+			return {
+				title,
+				tooltipProps
+			};
+		}
+		return {
+			title: tooltip,
+			tooltipProps: {}
+		};
+	}, [tooltip]);
+	const suffix = tooltipSuffix === void 0 ? isInteractive ? t("infoBadge.learnMore", "Click to learn more.") : null : tooltipSuffix;
+	const finalTooltip = useMemo(() => ({
+		...tooltipProps,
+		title: suffix ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			title,
+			" ",
+			suffix
+		] }) : title
+	}), [
+		tooltipProps,
+		title,
+		suffix
+	]);
+	const ariaLabel = label ?? rest["aria-label"] ?? (typeof title === "string" ? title : t("infoBadge.ariaLabel", "More information"));
+	const finalStyles = useMemo(() => {
+		return mergeStyles({
+			$size: typeof size === "number" ? `${size}px` : SIZE_TOKENS[size] ?? size,
+			"$side-padding": 0,
+			verticalAlign: "middle"
+		}, theme === "default" && type === "clear" ? INFO_STYLES : null, styles);
+	}, [
+		size,
+		theme,
+		type,
+		styles
+	]);
+	const actionRef = useCallback((value) => {
+		const element = value ? value.UNSAFE_getDOMNode() : null;
+		if (typeof ref === "function") ref(element);
+		else if (ref) ref.current = element;
+	}, [ref]);
+	const sharedProps = {
+		...rest,
+		qa,
+		icon,
+		type,
+		theme,
+		styles: finalStyles,
+		"aria-label": ariaLabel,
+		tooltip: finalTooltip
+	};
+	return /* @__PURE__ */ jsx(GuardElement, {
+		...GUARD_HANDLERS,
+		children: isInteractive ? /* @__PURE__ */ jsx(ItemAction, {
+			ref: actionRef,
+			to,
+			onPress,
+			navigationOptions,
+			target,
+			...sharedProps
+		}) : /* @__PURE__ */ jsx(ItemBadge, {
+			ref,
+			...sharedProps
+		})
+	});
+});
+
+//#endregion
+export { InfoBadge };
+//# sourceMappingURL=InfoBadge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InfoBadge.js","names":[],"sources":["../../../../src/components/content/InfoBadge/InfoBadge.tsx"],"sourcesContent":["import { FocusableRefValue } from '@react-types/shared';\nimport { BaseProps, mergeStyles, Styles, tasty } from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  isValidElement,\n  KeyboardEvent,\n  MouseEvent,\n  PointerEvent,\n  ReactNode,\n  useCallback,\n  useMemo,\n} from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { InfoCircleIcon } from '../../../icons/index';\nimport { CubeItemActionProps, ItemAction } from '../../actions/ItemAction';\nimport { CubeUseActionProps } from '../../actions/use-action';\nimport { CubeTooltipProviderProps } from '../../overlays/Tooltip/TooltipProvider';\nimport { ItemBadge } from '../ItemBadge';\n\nexport type CubeInfoBadgeTooltipConfig = Omit<\n  CubeTooltipProviderProps,\n  'children'\n>;\n\nexport interface CubeInfoBadgeProps\n  extends Omit<BaseProps, 'children'>,\n    Partial<\n      Pick<\n        CubeUseActionProps,\n        'to' | 'onPress' | 'navigationOptions' | 'target' | 'label'\n      >\n    > {\n  /**\n   * Tooltip content. Either the content itself or a configuration object\n   * `{ title, ...tooltipProps }` for advanced setups (placement, delay, etc.).\n   */\n  tooltip: ReactNode | CubeInfoBadgeTooltipConfig;\n  /**\n   * Text appended to the tooltip content. Defaults to a \"learn more\" hint when\n   * the badge is interactive (`to` or `onPress` is provided). Pass `null` or an\n   * empty string to opt out.\n   */\n  tooltipSuffix?: ReactNode;\n  /** Icon to render. @default <InfoCircleIcon /> */\n  icon?: ReactNode;\n  /**\n   * Size of the badge. `inline` matches the line height of the surrounding\n   * text, which makes the badge blend into labels and paragraphs.\n   * @default \"inline\"\n   */\n  size?: 'inline' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | number;\n  /** @default \"clear\" */\n  type?: 'primary' | 'outline' | 'clear' | (string & {});\n  /** @default \"default\" */\n  theme?: 'default' | 'danger' | 'success' | 'special' | (string & {});\n  isLoading?: boolean;\n  isDisabled?: boolean;\n  styles?: Styles;\n}\n\nconst SIZE_TOKENS: Record<string, string> = {\n  inline: '(1lh + 2bw)',\n  xsmall: '$size-xs',\n  small: '$size-sm',\n  medium: '$size-md',\n  large: '$size-lg',\n  xlarge: '$size-xl',\n};\n\n/**\n * The info badge is a leaf element that is often placed inside a bigger click\n * target: a field `<label>`, a switch row, a table header, a list item. Neither\n * the tooltip nor the optional navigation should ever activate that container,\n * so the events that would do so are contained here.\n *\n * The guard sits *above* the badge, so the badge's own handlers (including\n * `usePress`, which fires `onPress` from the `click` event) run first and stay\n * intact. `preventDefault` on click is what stops an enclosing `<label>` from\n * forwarding activation to its control — `stopPropagation` alone can't.\n *\n * `pointerup` / `mouseup` are intentionally left alone: `usePress` finishes a\n * press through document-level listeners for those events.\n */\nconst GUARD_HANDLERS = {\n  onClick: (event: MouseEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n  },\n  onPointerDown: (event: PointerEvent) => event.stopPropagation(),\n  onMouseDown: (event: MouseEvent) => event.stopPropagation(),\n  onKeyDown: (event: KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.stopPropagation();\n    }\n  },\n  onKeyUp: (event: KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.stopPropagation();\n    }\n  },\n};\n\n/**\n * `display: contents` keeps the guard out of the layout entirely while staying\n * in the event path, so the badge remains a direct flex/grid/inline child of\n * whatever contains it.\n */\nconst GuardElement = tasty({\n  as: 'span',\n  styles: { display: 'contents' },\n});\n\n// Soft → strong on interaction, mirroring the link styles: the badge reads as a\n// quiet brand-colored hint at rest and gains contrast once it's engaged.\nconst INFO_STYLES: Styles = {\n  color: {\n    '': '#primary-text-soft',\n    'hovered | focused': '#primary-text',\n    pressed: '#primary-text',\n  },\n};\n\nfunction isTooltipConfig(\n  value: ReactNode | CubeInfoBadgeTooltipConfig,\n): value is CubeInfoBadgeTooltipConfig {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    !isValidElement(value) &&\n    !Array.isArray(value)\n  );\n}\n\n/**\n * An informational icon with a tooltip. Renders as a plain badge by default and\n * upgrades to a link / button when `to` or `onPress` is provided.\n */\nexport const InfoBadge = forwardRef(function InfoBadge(\n  allProps: CubeInfoBadgeProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const { t } = useI18n();\n\n  const {\n    tooltip,\n    tooltipSuffix,\n    icon = <InfoCircleIcon />,\n    size = 'inline',\n    type = 'clear',\n    theme = 'default',\n    to,\n    onPress,\n    navigationOptions,\n    target,\n    label,\n    qa = 'InfoBadge',\n    styles,\n    ...rest\n  } = allProps;\n\n  const isInteractive = to != null || onPress != null;\n\n  const { title, tooltipProps } = useMemo(() => {\n    if (isTooltipConfig(tooltip)) {\n      const { title, ...tooltipProps } = tooltip;\n\n      return { title, tooltipProps };\n    }\n\n    return { title: tooltip, tooltipProps: {} };\n  }, [tooltip]);\n\n  const suffix =\n    tooltipSuffix === undefined\n      ? isInteractive\n        ? t('infoBadge.learnMore', 'Click to learn more.')\n        : null\n      : tooltipSuffix;\n\n  const finalTooltip = useMemo(\n    () => ({\n      ...tooltipProps,\n      title: suffix ? (\n        <>\n          {title} {suffix}\n        </>\n      ) : (\n        title\n      ),\n    }),\n    [tooltipProps, title, suffix],\n  );\n\n  // The accessible name is the tooltip text itself when it's plain text. Rich\n  // tooltip content can't serve as a label, so fall back to a generic one.\n  const ariaLabel =\n    label ??\n    rest['aria-label'] ??\n    (typeof title === 'string'\n      ? title\n      : t('infoBadge.ariaLabel', 'More information'));\n\n  const finalStyles = useMemo(() => {\n    const sizeToken =\n      typeof size === 'number' ? `${size}px` : SIZE_TOKENS[size] ?? size;\n\n    return mergeStyles(\n      {\n        $size: sizeToken,\n        // The badge is standalone rather than part of an `Item` action row, so\n        // it shouldn't reserve the row's side padding as an outer margin.\n        '$side-padding': 0,\n        verticalAlign: 'middle',\n      },\n      // Only the default look is brand-tinted; explicit themes and filled\n      // types bring their own colors.\n      theme === 'default' && type === 'clear' ? INFO_STYLES : null,\n      styles,\n    );\n  }, [size, theme, type, styles]);\n\n  // `ItemAction` exposes a react-spectrum focusable ref; unwrap it so that `ref`\n  // points at the DOM node whether or not the badge is interactive.\n  const actionRef = useCallback(\n    (value: FocusableRefValue<HTMLElement> | null) => {\n      const element = value ? value.UNSAFE_getDOMNode() : null;\n\n      if (typeof ref === 'function') {\n        ref(element);\n      } else if (ref) {\n        ref.current = element;\n      }\n    },\n    [ref],\n  );\n\n  const sharedProps = {\n    ...rest,\n    qa,\n    icon,\n    type,\n    theme,\n    styles: finalStyles,\n    'aria-label': ariaLabel,\n    tooltip: finalTooltip as CubeItemActionProps['tooltip'],\n  };\n\n  return (\n    <GuardElement {...GUARD_HANDLERS}>\n      {isInteractive ? (\n        <ItemAction\n          ref={actionRef}\n          to={to}\n          onPress={onPress}\n          navigationOptions={navigationOptions}\n          target={target}\n          {...sharedProps}\n        />\n      ) : (\n        <ItemBadge ref={ref as ForwardedRef<HTMLDivElement>} {...sharedProps} />\n      )}\n    </GuardElement>\n  );\n});\n\nexport type { CubeInfoBadgeProps as InfoBadgeProps };\n"],"mappings":";;;;;;;;;;AA8DA,MAAM,cAAsC;CAC1C,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,QAAQ;CACR,OAAO;CACP,QAAQ;CACT;;;;;;;;;;;;;;;AAgBD,MAAM,iBAAiB;CACrB,UAAU,UAAsB;AAC9B,QAAM,gBAAgB;AACtB,QAAM,iBAAiB;;CAEzB,gBAAgB,UAAwB,MAAM,iBAAiB;CAC/D,cAAc,UAAsB,MAAM,iBAAiB;CAC3D,YAAY,UAAyB;AACnC,MAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,IACzC,OAAM,iBAAiB;;CAG3B,UAAU,UAAyB;AACjC,MAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,IACzC,OAAM,iBAAiB;;CAG5B;;;;;;AAOD,MAAM,eAAe,MAAM;CACzB,IAAI;CACJ,QAAQ,EAAE,SAAS,YAAY;CAChC,CAAC;AAIF,MAAM,cAAsB,EAC1B,OAAO;CACL,IAAI;CACJ,qBAAqB;CACrB,SAAS;CACV,EACF;AAED,SAAS,gBACP,OACqC;AACrC,QACE,OAAO,UAAU,YACjB,UAAU,QACV,CAAC,eAAe,MAAM,IACtB,CAAC,MAAM,QAAQ,MAAM;;;;;;AAQzB,MAAa,YAAY,WAAW,SAAS,UAC3C,UACA,KACA;CACA,MAAM,EAAE,MAAM,SAAS;CAEvB,MAAM,EACJ,SACA,eACA,OAAO,oBAAC,mBAAiB,EACzB,OAAO,UACP,OAAO,SACP,QAAQ,WACR,IACA,SACA,mBACA,QACA,OACA,KAAK,aACL,QACA,GAAG,SACD;CAEJ,MAAM,gBAAgB,MAAM,QAAQ,WAAW;CAE/C,MAAM,EAAE,OAAO,iBAAiB,cAAc;AAC5C,MAAI,gBAAgB,QAAQ,EAAE;GAC5B,MAAM,EAAE,OAAO,GAAG,iBAAiB;AAEnC,UAAO;IAAE;IAAO;IAAc;;AAGhC,SAAO;GAAE,OAAO;GAAS,cAAc,EAAE;GAAE;IAC1C,CAAC,QAAQ,CAAC;CAEb,MAAM,SACJ,kBAAkB,SACd,gBACE,EAAE,uBAAuB,uBAAuB,GAChD,OACF;CAEN,MAAM,eAAe,eACZ;EACL,GAAG;EACH,OAAO,SACL;GACG;GAAM;GAAE;MACR,GAEH;EAEH,GACD;EAAC;EAAc;EAAO;EAAO,CAC9B;CAID,MAAM,YACJ,SACA,KAAK,kBACJ,OAAO,UAAU,WACd,QACA,EAAE,uBAAuB,mBAAmB;CAElD,MAAM,cAAc,cAAc;AAIhC,SAAO,YACL;GACE,OAJF,OAAO,SAAS,WAAW,GAAG,KAAK,MAAM,YAAY,SAAS;GAO5D,iBAAiB;GACjB,eAAe;GAChB,EAGD,UAAU,aAAa,SAAS,UAAU,cAAc,MACxD,OACD;IACA;EAAC;EAAM;EAAO;EAAM;EAAO,CAAC;CAI/B,MAAM,YAAY,aACf,UAAiD;EAChD,MAAM,UAAU,QAAQ,MAAM,mBAAmB,GAAG;AAEpD,MAAI,OAAO,QAAQ,WACjB,KAAI,QAAQ;WACH,IACT,KAAI,UAAU;IAGlB,CAAC,IAAI,CACN;CAED,MAAM,cAAc;EAClB,GAAG;EACH;EACA;EACA;EACA;EACA,QAAQ;EACR,cAAc;EACd,SAAS;EACV;AAED,QACE,oBAAC;EAAa,GAAI;YACf,gBACC,oBAAC;GACC,KAAK;GACD;GACK;GACU;GACX;GACR,GAAI;IACJ,GAEF,oBAAC;GAAe;GAAqC,GAAI;IAAe;GAE7D;EAEjB"}

package/dist/components/content/InlineInput/InlineInput.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 { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/content/Item/Item.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 { resolveIcon } from "../../../utils/react/resolveIcon.js";
 import { highlightText } from "../highlightText.js";

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

@@ -13,7 +13,7 @@ interface CubeItemBadgeProps extends BaseProps {
   type?: 'primary' | 'outline' | 'clear' | (string & {});
   theme?: 'default' | 'danger' | 'success' | 'special' | (string & {});
   tooltip?: string | (Omit<ComponentProps<typeof TooltipProvider>, 'children'> & {
-    title?: string;
+    title?: ReactNode;
   });
 }
 declare const ItemBadge: react.ForwardRefExoticComponent<CubeItemBadgeProps & react.RefAttributes<HTMLDivElement>>;

package/dist/components/content/ItemBadge/ItemBadge.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, SPECIAL_CLEAR_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES } from "../../../data/item-themes.js";
@@ -53,7 +53,7 @@ const ItemBadge = forwardRef(function ItemBadge(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 showTooltip = !children && tooltip;

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

@@ -1 +1 @@
-{"version":3,"file":"ItemBadge.js","names":[],"sources":["../../../../src/components/content/ItemBadge/ItemBadge.tsx"],"sourcesContent":["import { BaseProps, mergeStyles, 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  SPECIAL_CLEAR_STYLES,\n  SPECIAL_OUTLINE_STYLES,\n  SPECIAL_PRIMARY_STYLES,\n  SUCCESS_CLEAR_STYLES,\n  SUCCESS_OUTLINE_STYLES,\n  SUCCESS_PRIMARY_STYLES,\n} from '../../../data/item-themes';\nimport { CheckIcon } from '../../../icons/CheckIcon';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { useItemActionContext } from '../../actions/ItemActionContext';\nimport { TooltipProvider } from '../../overlays/Tooltip/TooltipProvider';\n\nexport interface CubeItemBadgeProps extends BaseProps {\n  icon?: ReactNode | 'checkmark';\n  children?: ReactNode;\n  isLoading?: boolean;\n  isSelected?: boolean;\n  type?: 'primary' | 'outline' | 'clear' | (string & {});\n  theme?: 'default' | 'danger' | 'success' | 'special' | (string & {});\n  tooltip?:\n    | string\n    | (Omit<ComponentProps<typeof TooltipProvider>, 'children'> & {\n        title?: string;\n      });\n}\n\ntype ItemBadgeVariant =\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  | 'special.primary'\n  | 'special.outline'\n  | 'special.clear';\n\nconst ItemBadgeElement = tasty({\n  qa: 'ItemBadge',\n  styles: mergeStyles(ITEM_ACTION_BASE_STYLES, {\n    cursor: 'default',\n    border: {\n      // extend\n      'type=primary': '#clear',\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    // 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 ItemBadge = forwardRef<HTMLDivElement, CubeItemBadgeProps>(\n  function ItemBadge(allProps, ref) {\n    const { type: contextType, theme: contextTheme } = 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      ...rest\n    } = allProps;\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        ...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    // Determine if we should show tooltip (icon-only badges)\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 renderBadge = (\n      tooltipTriggerProps?: HTMLAttributes<HTMLElement>,\n      tooltipRef?: RefObject<HTMLElement>,\n    ) => {\n      // Merge tooltip ref with component ref if provided\n      const handleRef = (element: HTMLDivElement | null) => {\n        // Set the component ref\n        if (typeof ref === 'function') {\n          ref(element);\n        } else if (ref) {\n          (ref as any).current = element;\n        }\n        // Set the tooltip ref\n        if (tooltipRef) {\n          (tooltipRef as any).current = element;\n        }\n      };\n\n      return (\n        <ItemBadgeElement\n          ref={handleRef}\n          variant={`${theme}.${finalType}` as ItemBadgeVariant}\n          data-theme={theme}\n          data-type={finalType}\n          aria-label={ariaLabel}\n          mods={finalMods}\n          {...mergeProps(rest, tooltipTriggerProps || {})}\n        >\n          {finalIcon && <div data-element=\"Icon\">{finalIcon}</div>}\n          {children}\n        </ItemBadgeElement>\n      );\n    };\n\n    // Wrap with tooltip if needed\n    if (showTooltip && tooltipContent) {\n      return (\n        <TooltipProvider title={tooltipContent} {...tooltipProps}>\n          {(triggerProps, tooltipRef) => renderBadge(triggerProps, tooltipRef)}\n        </TooltipProvider>\n      );\n    }\n\n    return renderBadge();\n  },\n);\n\nexport type { CubeItemBadgeProps as ItemBadgeProps };\n"],"mappings":";;;;;;;;;;;;AA2DA,MAAM,mBAAmB,MAAM;CAC7B,IAAI;CACJ,QAAQ,YAAY,yBAAyB;EAC3C,QAAQ;EACR,QAAQ,EAEN,gBAAgB,UACjB;EACF,CAAC;CACF,UAAU;EAER,mBAAmB;EACnB,mBAAmB;EACnB,iBAAiB;EAGjB,kBAAkB;EAClB,kBAAkB;EAClB,gBAAgB;EAGhB,mBAAmB;EACnB,mBAAmB;EACnB,iBAAiB;EAGjB,mBAAmB;EACnB,mBAAmB;EACnB,iBAAiB;EAClB;CACF,CAAC;AAEF,MAAa,YAAY,WACvB,SAAS,UAAU,UAAU,KAAK;CAChC,MAAM,EAAE,MAAM,aAAa,OAAO,iBAAiB,sBAAsB;CAEzE,MAAM,EACJ,OAAO,eAAe,SACtB,QAAQ,gBAAgB,WACxB,MACA,UACA,YAAY,OACZ,aAAa,OACb,SACA,MACA,GAAG,SACD;CAGJ,MAAM,eAAe,SAAS;CAG9B,MAAM,YAAY,YAChB,oBAAC,gBAAc,GACb,eACF,oBAAC,cAAY,GAEb;CAIF,MAAM,YAAY,eACT;EACL,WAAW;EACX,UAAU;EACV,SAAS;EACT,aAAa,CAAC,CAAC;EACf,SAAS,CAAC,CAAC;EACX,GAAG;EACJ,GACD;EAAC;EAAc;EAAY;EAAW;EAAU;EAAa;EAAK,CACnE;CAGD,MAAM,YAAY,cAAc;AAC9B,MAAI,OAAO,YAAY,SACrB,QAAO;AAET,MAAI,OAAO,YAAY,YAAY,QAAQ,MACzC,QAAO,QAAQ;AAEjB,SAAO,KAAK;IACX,CAAC,SAAS,KAAK,CAAC;CAGnB,MAAM,cAAc,CAAC,YAAY;CAGjC,MAAM,iBAAiB,cAAc;AACnC,MAAI,OAAO,YAAY,SACrB,QAAO;AAET,MAAI,OAAO,YAAY,YAAY,QAAQ,MACzC,QAAO,QAAQ;IAGhB,CAAC,QAAQ,CAAC;CAEb,MAAM,eAAe,cAAc;AACjC,MAAI,OAAO,YAAY,UAAU;GAC/B,MAAM,EAAE,OAAO,GAAG,SAAS;AAC3B,UAAO;;AAET,SAAO,EAAE;IACR,CAAC,QAAQ,CAAC;CAEb,MAAM,YAAY;CAGlB,MAAM,eACJ,qBACA,eACG;EAEH,MAAM,aAAa,YAAmC;AAEpD,OAAI,OAAO,QAAQ,WACjB,KAAI,QAAQ;YACH,IACT,CAAC,IAAY,UAAU;AAGzB,OAAI,WACF,CAAC,WAAmB,UAAU;;AAIlC,SACE,qBAAC;GACC,KAAK;GACL,SAAS,GAAG,MAAM,GAAG;GACrB,cAAY;GACZ,aAAW;GACX,cAAY;GACZ,MAAM;GACN,GAAI,WAAW,MAAM,uBAAuB,EAAE,CAAC;cAE9C,aAAa,oBAAC;IAAI,gBAAa;cAAQ;KAAgB,EACvD;IACgB;;AAKvB,KAAI,eAAe,eACjB,QACE,oBAAC;EAAgB,OAAO;EAAgB,GAAI;aACxC,cAAc,eAAe,YAAY,cAAc,WAAW;GACpD;AAItB,QAAO,aAAa;EAEvB"}
+{"version":3,"file":"ItemBadge.js","names":[],"sources":["../../../../src/components/content/ItemBadge/ItemBadge.tsx"],"sourcesContent":["import { BaseProps, mergeStyles, 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  SPECIAL_CLEAR_STYLES,\n  SPECIAL_OUTLINE_STYLES,\n  SPECIAL_PRIMARY_STYLES,\n  SUCCESS_CLEAR_STYLES,\n  SUCCESS_OUTLINE_STYLES,\n  SUCCESS_PRIMARY_STYLES,\n} from '../../../data/item-themes';\nimport { CheckIcon } from '../../../icons/CheckIcon';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { useItemActionContext } from '../../actions/ItemActionContext';\nimport { TooltipProvider } from '../../overlays/Tooltip/TooltipProvider';\n\nexport interface CubeItemBadgeProps extends BaseProps {\n  icon?: ReactNode | 'checkmark';\n  children?: ReactNode;\n  isLoading?: boolean;\n  isSelected?: boolean;\n  type?: 'primary' | 'outline' | 'clear' | (string & {});\n  theme?: 'default' | 'danger' | 'success' | 'special' | (string & {});\n  tooltip?:\n    | string\n    | (Omit<ComponentProps<typeof TooltipProvider>, 'children'> & {\n        title?: ReactNode;\n      });\n}\n\ntype ItemBadgeVariant =\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  | 'special.primary'\n  | 'special.outline'\n  | 'special.clear';\n\nconst ItemBadgeElement = tasty({\n  qa: 'ItemBadge',\n  styles: mergeStyles(ITEM_ACTION_BASE_STYLES, {\n    cursor: 'default',\n    border: {\n      // extend\n      'type=primary': '#clear',\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    // 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 ItemBadge = forwardRef<HTMLDivElement, CubeItemBadgeProps>(\n  function ItemBadge(allProps, ref) {\n    const { type: contextType, theme: contextTheme } = 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      ...rest\n    } = allProps;\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        ...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    // Determine if we should show tooltip (icon-only badges)\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 renderBadge = (\n      tooltipTriggerProps?: HTMLAttributes<HTMLElement>,\n      tooltipRef?: RefObject<HTMLElement>,\n    ) => {\n      // Merge tooltip ref with component ref if provided\n      const handleRef = (element: HTMLDivElement | null) => {\n        // Set the component ref\n        if (typeof ref === 'function') {\n          ref(element);\n        } else if (ref) {\n          (ref as any).current = element;\n        }\n        // Set the tooltip ref\n        if (tooltipRef) {\n          (tooltipRef as any).current = element;\n        }\n      };\n\n      return (\n        <ItemBadgeElement\n          ref={handleRef}\n          variant={`${theme}.${finalType}` as ItemBadgeVariant}\n          data-theme={theme}\n          data-type={finalType}\n          aria-label={ariaLabel}\n          mods={finalMods}\n          {...mergeProps(rest, tooltipTriggerProps || {})}\n        >\n          {finalIcon && <div data-element=\"Icon\">{finalIcon}</div>}\n          {children}\n        </ItemBadgeElement>\n      );\n    };\n\n    // Wrap with tooltip if needed\n    if (showTooltip && tooltipContent) {\n      return (\n        <TooltipProvider title={tooltipContent} {...tooltipProps}>\n          {(triggerProps, tooltipRef) => renderBadge(triggerProps, tooltipRef)}\n        </TooltipProvider>\n      );\n    }\n\n    return renderBadge();\n  },\n);\n\nexport type { CubeItemBadgeProps as ItemBadgeProps };\n"],"mappings":";;;;;;;;;;;;AA2DA,MAAM,mBAAmB,MAAM;CAC7B,IAAI;CACJ,QAAQ,YAAY,yBAAyB;EAC3C,QAAQ;EACR,QAAQ,EAEN,gBAAgB,UACjB;EACF,CAAC;CACF,UAAU;EAER,mBAAmB;EACnB,mBAAmB;EACnB,iBAAiB;EAGjB,kBAAkB;EAClB,kBAAkB;EAClB,gBAAgB;EAGhB,mBAAmB;EACnB,mBAAmB;EACnB,iBAAiB;EAGjB,mBAAmB;EACnB,mBAAmB;EACnB,iBAAiB;EAClB;CACF,CAAC;AAEF,MAAa,YAAY,WACvB,SAAS,UAAU,UAAU,KAAK;CAChC,MAAM,EAAE,MAAM,aAAa,OAAO,iBAAiB,sBAAsB;CAEzE,MAAM,EACJ,OAAO,eAAe,SACtB,QAAQ,gBAAgB,WACxB,MACA,UACA,YAAY,OACZ,aAAa,OACb,SACA,MACA,GAAG,SACD;CAGJ,MAAM,eAAe,SAAS;CAG9B,MAAM,YAAY,YAChB,oBAAC,gBAAc,GACb,eACF,oBAAC,cAAY,GAEb;CAIF,MAAM,YAAY,eACT;EACL,WAAW;EACX,UAAU;EACV,SAAS;EACT,aAAa,CAAC,CAAC;EACf,SAAS,CAAC,CAAC;EACX,GAAG;EACJ,GACD;EAAC;EAAc;EAAY;EAAW;EAAU;EAAa;EAAK,CACnE;CAID,MAAM,YAAY,cAAc;AAC9B,MAAI,OAAO,YAAY,SACrB,QAAO;AAET,MAAI,OAAO,YAAY,YAAY,OAAO,QAAQ,UAAU,SAC1D,QAAO,QAAQ;AAEjB,SAAO,KAAK;IACX,CAAC,SAAS,KAAK,CAAC;CAGnB,MAAM,cAAc,CAAC,YAAY;CAGjC,MAAM,iBAAiB,cAAc;AACnC,MAAI,OAAO,YAAY,SACrB,QAAO;AAET,MAAI,OAAO,YAAY,YAAY,QAAQ,MACzC,QAAO,QAAQ;IAGhB,CAAC,QAAQ,CAAC;CAEb,MAAM,eAAe,cAAc;AACjC,MAAI,OAAO,YAAY,UAAU;GAC/B,MAAM,EAAE,OAAO,GAAG,SAAS;AAC3B,UAAO;;AAET,SAAO,EAAE;IACR,CAAC,QAAQ,CAAC;CAEb,MAAM,YAAY;CAGlB,MAAM,eACJ,qBACA,eACG;EAEH,MAAM,aAAa,YAAmC;AAEpD,OAAI,OAAO,QAAQ,WACjB,KAAI,QAAQ;YACH,IACT,CAAC,IAAY,UAAU;AAGzB,OAAI,WACF,CAAC,WAAmB,UAAU;;AAIlC,SACE,qBAAC;GACC,KAAK;GACL,SAAS,GAAG,MAAM,GAAG;GACrB,cAAY;GACZ,aAAW;GACX,cAAY;GACZ,MAAM;GACN,GAAI,WAAW,MAAM,uBAAuB,EAAE,CAAC;cAE9C,aAAa,oBAAC;IAAI,gBAAa;cAAQ;KAAgB,EACvD;IACgB;;AAKvB,KAAI,eAAe,eACjB,QACE,oBAAC;EAAgB,OAAO;EAAgB,GAAI;aACxC,cAAc,eAAe,YAAY,cAAc,WAAW;GACpD;AAItB,QAAO,aAAa;EAEvB"}

package/dist/components/content/ItemCard/ItemCard.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 { _Item } from "../Item/Item.js";
 import { forwardRef } from "react";

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-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 { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { Alert } from "../Alert/Alert.js";

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

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-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 { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { LayoutContextReset } from "./LayoutContext.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-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 { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { LayoutContextReset } from "./LayoutContext.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-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 { createContext, useContext, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | Cube Dev Team */
 import { useAutoTooltip } from "../use-auto-tooltip.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { SlashIcon } from "../../../icons/SlashIcon.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-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 { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-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 { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-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 { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { _Item } from "../Item/Item.js";

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

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

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

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

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

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

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

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

package/dist/components/content/Paragraph.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-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 { CONTAINER_STYLES, TEXT_STYLES } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-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 { useI18n } from "../../../i18n/useI18n.js";
 import { CONTAINER_STYLES, filterBaseProps, keyframes, tasty } from "@tenphi/tasty";

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-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 { wrapNodeIfPlain } from "../../../utils/react/wrapNodeIfPlain.js";

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-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 { useI18n } from "../../../i18n/useI18n.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";

package/dist/components/content/Text.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-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 { BASE_STYLES, COLOR_STYLES, TEXT_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-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_PROP_MAP, _Text } from "../Text.js";
 import { highlightText } from "../highlightText.js";

package/dist/components/content/Title.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-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 { TEXT_PROP_MAP } from "./Text.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-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 { useEvent } from "../../../_internal/hooks/use-event.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-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 { useEvent } from "../../../_internal/hooks/use-event.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-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 { Action } from "../../actions/Action/Action.js";
 import { tasty } from "@tenphi/tasty";

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-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 { useMemo, useState } from "react";
 

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-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 { useRef, useState } from "react";
 

package/dist/components/content/highlightText.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 { _Text } from "./Text.js";
 import { jsx } from "react/jsx-runtime";
 

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-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 { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/Checkbox/Checkbox.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 { _Text } from "../../content/Text.js";

package/dist/components/fields/Checkbox/CheckboxGroup.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 { FormContext } from "../../form/Form/Form.js";

package/dist/components/fields/Checkbox/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 } from "react";
 
 //#region src/components/fields/Checkbox/context.ts

package/dist/components/fields/ComboBox/ComboBox.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 { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

package/dist/components/fields/CommandTextArea/CommandTextArea.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 { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

package/dist/components/fields/CommandTextArea/caretPosition.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/components/fields/CommandTextArea/caretPosition.ts
 const MIRROR_STYLES = [
 	"boxSizing",

package/dist/components/fields/CommandTextArea/useCaretAnchor.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 { getCaretRect } from "./caretPosition.js";
 import { useEffect, useLayoutEffect, useRef } from "react";
 

package/dist/components/fields/DatePicker/DateInput.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 { useFieldProps } from "../../form/Form/use-field/use-field-props.js";

package/dist/components/fields/DatePicker/DateInputBase.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 { getValidationMods } from "../../form/validation/resolve-validation-props.js";