@cube-dev/ui-kit 0.0.0-canary-b75ab37 → 0.0.0-canary-4499da7

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

@@ -10,8 +10,8 @@ interface CubeItemBadgeProps extends BaseProps {
   children?: ReactNode;
   isLoading?: boolean;
   isSelected?: boolean;
-  type?: 'primary' | 'invert' | 'outline' | 'clear' | (string & {});
-  theme?: 'current' | 'default' | 'danger' | 'success' | 'special' | (string & {});
+  type?: 'primary' | 'outline' | 'clear' | 'current' | (string & {});
+  theme?: 'default' | 'danger' | 'success' | 'special' | (string & {});
   tooltip?: string | (Omit<ComponentProps<typeof TooltipProvider>, 'children'> & {
     title?: ReactNode;
   });

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

@@ -1,7 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b75ab37 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4499da7 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
-import { CURRENT_CLEAR_STYLES, CURRENT_INVERT_STYLES, CURRENT_OUTLINE_STYLES, CURRENT_PRIMARY_STYLES, DANGER_CLEAR_STYLES, DANGER_INVERT_STYLES, DANGER_OUTLINE_STYLES, DANGER_PRIMARY_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_INVERT_STYLES, DEFAULT_OUTLINE_STYLES, DEFAULT_PRIMARY_STYLES, ITEM_ACTION_BASE_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_INVERT_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_INVERT_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES } from "../../../data/item-themes.js";
+import { CURRENT_ITEM_STYLES, 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";
 import { CheckIcon } from "../../../icons/CheckIcon.js";
 import { LoadingIcon } from "../../../icons/LoadingIcon.js";
 import { useItemActionContext } from "../../actions/ItemActionContext.js";
@@ -14,34 +14,27 @@ const ItemBadgeElement = tasty({
 	qa: "ItemBadge",
 	styles: mergeStyles(ITEM_ACTION_BASE_STYLES, {
 		cursor: "default",
-		border: { "type=primary | type=invert": "#clear" }
+		border: { "type=primary": "#clear" }
 	}),
 	variants: {
-		"current.primary": CURRENT_PRIMARY_STYLES,
-		"current.invert": CURRENT_INVERT_STYLES,
-		"current.outline": CURRENT_OUTLINE_STYLES,
-		"current.clear": CURRENT_CLEAR_STYLES,
+		"default.current": CURRENT_ITEM_STYLES,
 		"default.primary": DEFAULT_PRIMARY_STYLES,
-		"default.invert": DEFAULT_INVERT_STYLES,
 		"default.outline": DEFAULT_OUTLINE_STYLES,
 		"default.clear": DEFAULT_CLEAR_STYLES,
 		"danger.primary": DANGER_PRIMARY_STYLES,
-		"danger.invert": DANGER_INVERT_STYLES,
 		"danger.outline": DANGER_OUTLINE_STYLES,
 		"danger.clear": DANGER_CLEAR_STYLES,
 		"success.primary": SUCCESS_PRIMARY_STYLES,
-		"success.invert": SUCCESS_INVERT_STYLES,
 		"success.outline": SUCCESS_OUTLINE_STYLES,
 		"success.clear": SUCCESS_CLEAR_STYLES,
 		"special.primary": SPECIAL_PRIMARY_STYLES,
-		"special.invert": SPECIAL_INVERT_STYLES,
 		"special.outline": SPECIAL_OUTLINE_STYLES,
 		"special.clear": SPECIAL_CLEAR_STYLES
 	}
 });
 const ItemBadge = forwardRef(function ItemBadge(allProps, ref) {
 	const { type: contextType, theme: contextTheme } = useItemActionContext();
-	const { type = "clear", theme = "current", icon, children, isLoading = false, isSelected = false, tooltip, mods, ...rest } = allProps;
+	const { type = allProps.theme && allProps.theme !== "default" ? "clear" : "current", theme = contextTheme ?? "default", icon, children, isLoading = false, isSelected = false, tooltip, mods, ...rest } = allProps;
 	const hasCheckmark = icon === "checkmark";
 	const finalIcon = isLoading ? /* @__PURE__ */ jsx(LoadingIcon, {}) : hasCheckmark ? /* @__PURE__ */ jsx(CheckIcon, {}) : icon;
 	const finalMods = useMemo(() => ({
@@ -85,10 +78,9 @@ const ItemBadge = forwardRef(function ItemBadge(allProps, ref) {
 		};
 		return /* @__PURE__ */ jsxs(ItemBadgeElement, {
 			ref: handleRef,
-			variant: `${theme}.${finalType}`,
+			variant: `${finalType === "current" ? "default" : theme}.${finalType}`,
 			"data-theme": theme,
 			"data-type": finalType,
-			"data-surface": contextTheme,
 			"aria-label": ariaLabel,
 			mods: finalMods,
 			...mergeProps(rest, tooltipTriggerProps || {}),

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  CURRENT_CLEAR_STYLES,\n  CURRENT_INVERT_STYLES,\n  CURRENT_OUTLINE_STYLES,\n  CURRENT_PRIMARY_STYLES,\n  DANGER_CLEAR_STYLES,\n  DANGER_INVERT_STYLES,\n  DANGER_OUTLINE_STYLES,\n  DANGER_PRIMARY_STYLES,\n  DEFAULT_CLEAR_STYLES,\n  DEFAULT_INVERT_STYLES,\n  DEFAULT_OUTLINE_STYLES,\n  DEFAULT_PRIMARY_STYLES,\n  ITEM_ACTION_BASE_STYLES,\n  SPECIAL_CLEAR_STYLES,\n  SPECIAL_INVERT_STYLES,\n  SPECIAL_OUTLINE_STYLES,\n  SPECIAL_PRIMARY_STYLES,\n  SUCCESS_CLEAR_STYLES,\n  SUCCESS_INVERT_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' | 'invert' | 'outline' | 'clear' | (string & {});\n  theme?:\n    | 'current'\n    | 'default'\n    | 'danger'\n    | 'success'\n    | 'special'\n    | (string & {});\n  tooltip?:\n    | string\n    | (Omit<ComponentProps<typeof TooltipProvider>, 'children'> & {\n        title?: ReactNode;\n      });\n}\n\ntype ItemBadgeVariant =\n  // Inherited-color theme — see the CURRENT THEME section of `item-themes`.\n  | 'current.primary'\n  | 'current.invert'\n  | 'current.outline'\n  | 'current.clear'\n  | 'default.primary'\n  | 'default.invert'\n  | 'default.outline'\n  | 'default.clear'\n  | 'danger.primary'\n  | 'danger.invert'\n  | 'danger.outline'\n  | 'danger.clear'\n  | 'success.primary'\n  | 'success.invert'\n  | 'success.outline'\n  | 'success.clear'\n  | 'special.primary'\n  | 'special.invert'\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 | type=invert': '#clear',\n    },\n  }),\n  variants: {\n    // Current theme — colors mixed from the inherited `currentcolor`. The\n    // default `clear` flavour is borderless, so a badge does not put a resting\n    // chip on every row.\n    'current.primary': CURRENT_PRIMARY_STYLES,\n    'current.invert': CURRENT_INVERT_STYLES,\n    'current.outline': CURRENT_OUTLINE_STYLES,\n    'current.clear': CURRENT_CLEAR_STYLES,\n\n    // Default theme\n    'default.primary': DEFAULT_PRIMARY_STYLES,\n    'default.invert': DEFAULT_INVERT_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.invert': DANGER_INVERT_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.invert': SUCCESS_INVERT_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.invert': SPECIAL_INVERT_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    // `contextType` is read for its presence only — it marks \"inside a row\",\n    // which drives the `context` mod below. `contextTheme` names the surface the\n    // badge is painted on, which the `current` ramp reads. Neither one picks the\n    // variant any more.\n    const { type: contextType, theme: contextTheme } = useItemActionContext();\n\n    const {\n      // See `ItemAction` for the full rationale: the `current` theme tracks the\n      // host through `currentcolor`, so neither the row's `type` nor its `theme`\n      // has to be mirrored from context, and a badge that names a theme is\n      // asking to paint itself rather than match its host.\n      type = 'clear',\n      theme = 'current',\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    // An explicit label always wins; a tooltip only fills in the accessible\n    // name when there isn't one. Rich tooltip content can't serve as a name, so\n    // only plain strings are used here.\n    const ariaLabel = useMemo(() => {\n      if (rest['aria-label']) {\n        return rest['aria-label'];\n      }\n      if (typeof tooltip === 'string') {\n        return tooltip;\n      }\n      if (typeof tooltip === 'object' && typeof tooltip.title === 'string') {\n        return tooltip.title;\n      }\n      return undefined;\n    }, [tooltip, rest]);\n\n    // 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          // The surface this badge is painted ON, which is a different question\n          // from its own theme now that `current` occupies that axis. The\n          // `current` ramp reads it to pick the alphas that work over the\n          // special theme's fixed dark-purple surface.\n          data-surface={contextTheme}\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":";;;;;;;;;;;;AAkFA,MAAM,mBAAmB,MAAM;CAC7B,IAAI;CACJ,QAAQ,YAAY,yBAAyB;EAC3C,QAAQ;EACR,QAAQ,EAEN,8BAA8B,UAC/B;EACF,CAAC;CACF,UAAU;EAIR,mBAAmB;EACnB,kBAAkB;EAClB,mBAAmB;EACnB,iBAAiB;EAGjB,mBAAmB;EACnB,kBAAkB;EAClB,mBAAmB;EACnB,iBAAiB;EAGjB,kBAAkB;EAClB,iBAAiB;EACjB,kBAAkB;EAClB,gBAAgB;EAGhB,mBAAmB;EACnB,kBAAkB;EAClB,mBAAmB;EACnB,iBAAiB;EAGjB,mBAAmB;EACnB,kBAAkB;EAClB,mBAAmB;EACnB,iBAAiB;EAClB;CACF,CAAC;AAEF,MAAa,YAAY,WACvB,SAAS,UAAU,UAAU,KAAK;CAKhC,MAAM,EAAE,MAAM,aAAa,OAAO,iBAAiB,sBAAsB;CAEzE,MAAM,EAKJ,OAAO,SACP,QAAQ,WACR,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;CAKD,MAAM,YAAY,cAAc;AAC9B,MAAI,KAAK,cACP,QAAO,KAAK;AAEd,MAAI,OAAO,YAAY,SACrB,QAAO;AAET,MAAI,OAAO,YAAY,YAAY,OAAO,QAAQ,UAAU,SAC1D,QAAO,QAAQ;IAGhB,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;GAKX,gBAAc;GACd,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  CURRENT_ITEM_STYLES,\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' | 'current' | (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  // Theme-agnostic inherited-color type — see `CURRENT_ITEM_STYLES`.\n  | 'default.current'\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    // Inherited-color type — theme-agnostic, see `CURRENT_ITEM_STYLES`. Badges\n    // inside a row use the borderless item flavour, not the chip.\n    'default.current': CURRENT_ITEM_STYLES,\n\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    // `contextType` is read for its presence only — it marks \"inside a row\",\n    // which drives the `context` mod below. The variant no longer depends on it.\n    const { type: contextType, theme: contextTheme } = useItemActionContext();\n\n    const {\n      // See `ItemAction` for the full rationale: `current` tracks the host\n      // through `currentcolor`, so the row's `type` no longer has to be mirrored\n      // from context, and only an explicitly *themed* badge falls back to a\n      // concrete type. `theme=\"default\"` stays inert.\n      type = allProps.theme && allProps.theme !== 'default'\n        ? 'clear'\n        : 'current',\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    // An explicit label always wins; a tooltip only fills in the accessible\n    // name when there isn't one. Rich tooltip content can't serve as a name, so\n    // only plain strings are used here.\n    const ariaLabel = useMemo(() => {\n      if (rest['aria-label']) {\n        return rest['aria-label'];\n      }\n      if (typeof tooltip === 'string') {\n        return tooltip;\n      }\n      if (typeof tooltip === 'object' && typeof tooltip.title === 'string') {\n        return tooltip.title;\n      }\n      return undefined;\n    }, [tooltip, rest]);\n\n    // 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={\n            // `current` has no per-theme flavours — it is registered once under\n            // `default`. `data-theme` still carries the real theme, which is\n            // what the ramp in `CURRENT_ITEM_STYLES` keys off.\n            `${finalType === 'current' ? 'default' : theme}.${finalType}` as ItemBadgeVariant\n          }\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":";;;;;;;;;;;;AA8DA,MAAM,mBAAmB,MAAM;CAC7B,IAAI;CACJ,QAAQ,YAAY,yBAAyB;EAC3C,QAAQ;EACR,QAAQ,EAEN,gBAAgB,UACjB;EACF,CAAC;CACF,UAAU;EAGR,mBAAmB;EAGnB,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;CAGhC,MAAM,EAAE,MAAM,aAAa,OAAO,iBAAiB,sBAAsB;CAEzE,MAAM,EAKJ,OAAO,SAAS,SAAS,SAAS,UAAU,YACxC,UACA,WACJ,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;CAKD,MAAM,YAAY,cAAc;AAC9B,MAAI,KAAK,cACP,QAAO,KAAK;AAEd,MAAI,OAAO,YAAY,SACrB,QAAO;AAET,MAAI,OAAO,YAAY,YAAY,OAAO,QAAQ,UAAU,SAC1D,QAAO,QAAQ;IAGhB,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,SAIE,GAAG,cAAc,YAAY,YAAY,MAAM,GAAG;GAEpD,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-b75ab37 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4499da7 | 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-b75ab37 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4499da7 | 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-b75ab37 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4499da7 | 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-b75ab37 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4499da7 | 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-b75ab37 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4499da7 | 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-b75ab37 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4499da7 | 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-b75ab37 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4499da7 | 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-b75ab37 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4499da7 | 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-b75ab37 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4499da7 | 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-b75ab37 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4499da7 | 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-b75ab37 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4499da7 | 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-b75ab37 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4499da7 | 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-b75ab37 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4499da7 | 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-b75ab37 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4499da7 | 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-b75ab37 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4499da7 | 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-b75ab37 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4499da7 | 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-b75ab37 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4499da7 | 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-b75ab37 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4499da7 | 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-b75ab37 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4499da7 | 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-b75ab37 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4499da7 | 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-b75ab37 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4499da7 | 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-b75ab37 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4499da7 | 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-b75ab37 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4499da7 | 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-b75ab37 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4499da7 | 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-b75ab37 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4499da7 | 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-b75ab37 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4499da7 | 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-b75ab37 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4499da7 | Cube Dev Team */
 import { _Item } from "../Item/Item.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";