@carbon-labs/react-animated-header 0.44.0 → 0.45.0

package/es/components/Tiles/AIPromptTile/AIPromptTile.d.ts

@@ -8,6 +8,7 @@
  */
 import React, { ElementType } from 'react';
 import { type AITileBodyProps, type AITileLabelVariant } from '../AITile/AITileBody';
+import { AutotrackDataAttributes } from '../../types';
 export type AIPromptTileProps = {
     variant: 'aiPrompt';
     tileId: string;
@@ -25,5 +26,5 @@ export type AIPromptTileProps = {
     open?: boolean;
     isLoading?: boolean;
     isDisabled?: boolean;
-};
+} & AutotrackDataAttributes;
 export declare const AIPromptTile: React.FC<AIPromptTileProps>;

package/es/components/Tiles/AIPromptTile/AIPromptTile.js

@@ -5,10 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { useState } from 'react';
 import { SkeletonPlaceholder, Tag, AILabel, TextInput, IconButton, Button } from '@carbon/react';
 import { usePrefix } from '@carbon-labs/utilities/usePrefix';
 import { Send } from '@carbon/react/icons';
+import { extractAutotrackAttributes } from '../../utils.js';
 
 var _AILabel, _Send;
 const AIPromptTile = ({
@@ -26,7 +28,8 @@ const AIPromptTile = ({
   ariaLabel,
   open,
   isLoading,
-  isDisabled
+  isDisabled,
+  ...rest
 }) => {
   const prefix = usePrefix();
   const blockClass = `${prefix}--animated-header__ai-prompt-tile`;
@@ -46,14 +49,17 @@ const AIPromptTile = ({
       openInNewTab(`${href}&primed_chat=${textInput}`);
     }
   };
-  return /*#__PURE__*/React.createElement("div", {
+
+  // Extract data attributes from rest props
+  const dataAttributes = extractAutotrackAttributes(rest);
+  return /*#__PURE__*/React.createElement("div", _extends({
     id: `${blockClass}`,
     className: `${prefix}--animated-header__tile ${blockClass}${isDisabled ? ' ' + disabled : ''}`,
     "aria-label": ariaLabel ?? title ?? 'AI Tile',
     role: "listitem",
     title: isDisabled ? disabledTaskLabel ?? '' : '',
     key: tileId
-  }, isLoading ? /*#__PURE__*/React.createElement(SkeletonPlaceholder, {
+  }, dataAttributes), isLoading ? /*#__PURE__*/React.createElement(SkeletonPlaceholder, {
     className: `${blockClass}--loading-skeleton`
   }) : /*#__PURE__*/React.createElement("div", {
     className: `${blockClass}--body`,

package/es/components/Tiles/AITile/AITile.d.ts

@@ -8,6 +8,7 @@
  */
 import React, { ElementType } from 'react';
 import { AITileBodyProps, AITileLabelVariant } from '../AITile/AITileBody';
+import { AutotrackDataAttributes } from '../../types';
 export type AITileProps = {
     variant: 'ai';
     tileId: string;
@@ -26,6 +27,6 @@ export type AITileProps = {
     open?: boolean;
     isLoading?: boolean;
     isDisabled?: boolean;
-};
+} & AutotrackDataAttributes;
 export declare const AITile: React.FC<AITileProps>;
 export default AITile;

package/es/components/Tiles/AITile/AITile.js

@@ -5,10 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { Link } from '@carbon/react';
 import { usePrefix } from '@carbon-labs/utilities/usePrefix';
 import { AITileBody } from './AITileBody.js';
+import { extractAutotrackAttributes } from '../../utils.js';
 
 const AITile = ({
   tileId,
@@ -26,7 +28,8 @@ const AITile = ({
   ariaLabel,
   open,
   isLoading,
-  isDisabled
+  isDisabled,
+  ...rest
 }) => {
   const prefix = usePrefix();
   const blockClass = `${prefix}--animated-header__ai-tile`;
@@ -43,17 +46,20 @@ const AITile = ({
     isLoading: isLoading
   });
 
+  // Extract data attributes from rest props
+  const dataAttributes = extractAutotrackAttributes(rest);
+
   // Non-interactive tile
   if (!href && !aiTileClickHandler) {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", _extends({
       className: `${prefix}--animated-header__tile ${blockClass}`,
       key: tileId,
       "aria-label": ariaLabel ?? title ?? 'AI Tile',
       title: isDisabled ? disabledTaskLabel ?? '' : '',
       tabIndex: -1
-    }, body);
+    }, dataAttributes), body);
   }
-  return /*#__PURE__*/React.createElement(Link, {
+  return /*#__PURE__*/React.createElement(Link, _extends({
     onClick: event => {
       aiTileClickHandler?.(event);
     },
@@ -65,7 +71,7 @@ const AITile = ({
     href: href ?? undefined,
     disabled: isDisabled || isLoading,
     title: isDisabled ? disabledTaskLabel ?? '' : ''
-  }, body);
+  }, dataAttributes), body);
 };
 
 export { AITile };

package/es/components/Tiles/GlassTile/GlassTile.d.ts

@@ -8,6 +8,7 @@
  */
 import React, { ElementType } from 'react';
 import { GlassTileBodyProps } from './GlassTileBody';
+import { AutotrackDataAttributes } from '../../types';
 export type GlassTileProps = {
     variant?: 'glass';
     tileId: string;
@@ -25,5 +26,5 @@ export type GlassTileProps = {
     open?: boolean;
     isLoading?: boolean;
     isDisabled?: boolean;
-};
+} & AutotrackDataAttributes;
 export declare const GlassTile: React.FC<GlassTileProps>;

package/es/components/Tiles/GlassTile/GlassTile.js

@@ -5,10 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { Link } from '@carbon/react';
 import { usePrefix } from '@carbon-labs/utilities/usePrefix';
 import { GlassTileBody } from './GlassTileBody.js';
+import { extractAutotrackAttributes } from '../../utils.js';
 
 const GlassTile = ({
   tileId,
@@ -25,7 +27,8 @@ const GlassTile = ({
   ariaLabel,
   open,
   isLoading,
-  isDisabled
+  isDisabled,
+  ...rest
 }) => {
   const prefix = usePrefix();
   const blockClass = `${prefix}--animated-header__glass-tile`;
@@ -41,17 +44,20 @@ const GlassTile = ({
     isLoading: isLoading
   });
 
+  // Extract data attributes from rest props
+  const dataAttributes = extractAutotrackAttributes(rest);
+
   // Non-interactive tile
   if (!href && !glassTileClickHandler) {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", _extends({
       className: `${prefix}--animated-header__tile ${blockClass}`,
       key: tileId,
       "aria-label": ariaLabel ?? title ?? 'Glass Tile',
       title: isDisabled ? disabledTaskLabel ?? '' : '',
       tabIndex: -1
-    }, body);
+    }, dataAttributes), body);
   }
-  return /*#__PURE__*/React.createElement(Link, {
+  return /*#__PURE__*/React.createElement(Link, _extends({
     onClick: event => {
       glassTileClickHandler?.(event);
     },
@@ -63,7 +69,7 @@ const GlassTile = ({
     href: href ?? undefined,
     disabled: isDisabled || isLoading,
     title: isDisabled ? disabledTaskLabel ?? '' : ''
-  }, body);
+  }, dataAttributes), body);
 };
 
 export { GlassTile };

package/es/components/Tiles/index.d.ts

@@ -11,3 +11,5 @@ import { AIPromptTile } from './AIPromptTile/AIPromptTile';
 import { BaseTile } from './BaseTile/BaseTile';
 import { GlassTile } from './GlassTile/GlassTile';
 export { AITile, AIPromptTile, BaseTile, GlassTile };
+export type { AutotrackDataAttributes } from '../types';
+export { extractAutotrackAttributes } from '../utils';

package/es/components/types.d.ts

@@ -0,0 +1,171 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Supported data attributes for IBM Carbon autotrack instrumentation.
+ * These attributes enable automatic tracking and analytics for user interactions.
+ *
+ * @see https://pages.github.ibm.com/carbon/ibm-products/developing/instrumentation/autotrack/#supported-data-attributes
+ */
+export type AutotrackDataAttributes = {
+    'data-autotrack-accountgroup'?: string;
+    'data-autotrack-accountgroupname'?: string;
+    'data-autotrack-accountgroupowner'?: string;
+    'data-autotrack-accountgroupstate'?: string;
+    'data-autotrack-accountguid'?: string;
+    'data-autotrack-accountid'?: string;
+    'data-autotrack-accountidcountrycode'?: string;
+    'data-autotrack-accountidcustnum_rdcctrynum'?: string;
+    'data-autotrack-accountidibmcustomernumber'?: string;
+    'data-autotrack-accountidsapcustnum'?: string;
+    'data-autotrack-accountidsapsiteid'?: string;
+    'data-autotrack-accountidtype'?: string;
+    'data-autotrack-accountlevel'?: string;
+    'data-autotrack-accountname'?: string;
+    'data-autotrack-accountowner'?: string;
+    'data-autotrack-accountplan'?: string;
+    'data-autotrack-accountstatus'?: string;
+    'data-autotrack-action'?: string;
+    'data-autotrack-actiontype'?: string;
+    'data-autotrack-agentid'?: string;
+    'data-autotrack-agentname'?: string;
+    'data-autotrack-agenttype'?: string;
+    'data-autotrack-altuserid'?: string;
+    'data-autotrack-anonymousid'?: string;
+    'data-autotrack-category'?: string;
+    'data-autotrack-channel'?: string;
+    'data-autotrack-channelname'?: string;
+    'data-autotrack-chargeagreementnumber'?: string;
+    'data-autotrack-cloudenvironment'?: string;
+    'data-autotrack-code'?: string;
+    'data-autotrack-color'?: string;
+    'data-autotrack-commonmilestonename'?: string;
+    'data-autotrack-commonmilestonetriggeruserid'?: string;
+    'data-autotrack-context_device_id'?: string;
+    'data-autotrack-context_page_path'?: string;
+    'data-autotrack-context_page_referrer'?: string;
+    'data-autotrack-context_page_title'?: string;
+    'data-autotrack-context_page_url'?: string;
+    'data-autotrack-cta'?: string;
+    'data-autotrack-customerid'?: string;
+    'data-autotrack-data'?: string;
+    'data-autotrack-datacenter'?: string;
+    'data-autotrack-distributorid'?: string;
+    'data-autotrack-elementid'?: string;
+    'data-autotrack-enterpriseaccount'?: string;
+    'data-autotrack-enterpriseaccountdomain'?: string;
+    'data-autotrack-enterpriseaccountflag'?: string;
+    'data-autotrack-enterpriseaccountname'?: string;
+    'data-autotrack-enterpriseaccountstate'?: string;
+    'data-autotrack-enterpriseowner'?: string;
+    'data-autotrack-environment'?: string;
+    'data-autotrack-environmenttype'?: string;
+    'data-autotrack-eventid'?: string;
+    'data-autotrack-field'?: string;
+    'data-autotrack-frequency'?: string;
+    'data-autotrack-hyperscalerchannel'?: string;
+    'data-autotrack-hyperscalerformat'?: string;
+    'data-autotrack-hyperscalerproductid'?: string;
+    'data-autotrack-hyperscalerprovider'?: string;
+    'data-autotrack-hyperscalertier'?: string;
+    'data-autotrack-instancebssfirstbillabledate'?: string;
+    'data-autotrack-instanceguid'?: string;
+    'data-autotrack-instanceid'?: string;
+    'data-autotrack-instancemetricspaidmilestoneintermediateusagecount'?: string;
+    'data-autotrack-instancemetricspaidmilestoneintermediateusagelastts'?: string;
+    'data-autotrack-instancename'?: string;
+    'data-autotrack-isibmer'?: string;
+    'data-autotrack-kubernetesdistribution'?: string;
+    'data-autotrack-kubernetesdistributionversion'?: string;
+    'data-autotrack-kubernetesid'?: string;
+    'data-autotrack-kubernetesnamespace'?: string;
+    'data-autotrack-kubernetesresourceapi'?: string;
+    'data-autotrack-kubernetesresourcename'?: string;
+    'data-autotrack-kubernetesversion'?: string;
+    'data-autotrack-label'?: string;
+    'data-autotrack-locale'?: string;
+    'data-autotrack-location'?: string;
+    'data-autotrack-marketplace'?: string;
+    'data-autotrack-message'?: string;
+    'data-autotrack-milestonename'?: string;
+    'data-autotrack-name'?: string;
+    'data-autotrack-namespace'?: string;
+    'data-autotrack-object'?: string;
+    'data-autotrack-objecttype'?: string;
+    'data-autotrack-observetype'?: string;
+    'data-autotrack-offeringid'?: string;
+    'data-autotrack-openshiftclusterid'?: string;
+    'data-autotrack-openshiftinfrastructurename'?: string;
+    'data-autotrack-openshiftplatform'?: string;
+    'data-autotrack-openshiftversion'?: string;
+    'data-autotrack-operationalid'?: string;
+    'data-autotrack-orgguid'?: string;
+    'data-autotrack-orgname'?: string;
+    'data-autotrack-originalmessageid'?: string;
+    'data-autotrack-pagename'?: string;
+    'data-autotrack-pagepathurl'?: string;
+    'data-autotrack-pagesubject'?: string;
+    'data-autotrack-pagetitle'?: string;
+    'data-autotrack-pageurl'?: string;
+    'data-autotrack-parentpagecategory'?: string;
+    'data-autotrack-parentpagename'?: string;
+    'data-autotrack-partids'?: string;
+    'data-autotrack-partname'?: string;
+    'data-autotrack-partnumber'?: string;
+    'data-autotrack-path'?: string;
+    'data-autotrack-payload'?: string;
+    'data-autotrack-platformtitle'?: string;
+    'data-autotrack-previousproductversion'?: string;
+    'data-autotrack-productcode'?: string;
+    'data-autotrack-productcodetype'?: string;
+    'data-autotrack-productid'?: string;
+    'data-autotrack-productplan'?: string;
+    'data-autotrack-productplanname'?: string;
+    'data-autotrack-productplantier'?: string;
+    'data-autotrack-productplantype'?: string;
+    'data-autotrack-productstatus'?: string;
+    'data-autotrack-producttitle'?: string;
+    'data-autotrack-productversion'?: string;
+    'data-autotrack-quantity'?: string;
+    'data-autotrack-region'?: string;
+    'data-autotrack-resellerid'?: string;
+    'data-autotrack-resultvalue'?: string;
+    'data-autotrack-roles'?: string;
+    'data-autotrack-sabasubscriptionid'?: string;
+    'data-autotrack-saletype'?: string;
+    'data-autotrack-sapsiteid'?: string;
+    'data-autotrack-segmentsourceslug'?: string;
+    'data-autotrack-serviceagreementnumber'?: string;
+    'data-autotrack-sessionid'?: string;
+    'data-autotrack-size'?: string;
+    'data-autotrack-source'?: string;
+    'data-autotrack-subproducttitle'?: string;
+    'data-autotrack-subscriptionid'?: string;
+    'data-autotrack-successflag'?: string;
+    'data-autotrack-tenantid'?: string;
+    'data-autotrack-tenantname'?: string;
+    'data-autotrack-text'?: string;
+    'data-autotrack-type'?: string;
+    'data-autotrack-uielement'?: string;
+    'data-autotrack-unit'?: string;
+    'data-autotrack-unitdescription'?: string;
+    'data-autotrack-url'?: string;
+    'data-autotrack-urlsubdomain'?: string;
+    'data-autotrack-usersessionid'?: string;
+    'data-autotrack-ut10'?: string;
+    'data-autotrack-ut15'?: string;
+    'data-autotrack-ut17'?: string;
+    'data-autotrack-ut20'?: string;
+    'data-autotrack-ut30'?: string;
+    'data-autotrack-ut30_description'?: string;
+    'data-autotrack-ut35'?: string;
+    'data-autotrack-ut40'?: string;
+    'data-autotrack-utlvlcd'?: string;
+    'data-autotrack-variation'?: string;
+    'data-autotrack-version'?: string;
+};

package/es/components/utils.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Extracts data-autotrack-* attributes from props object.
+ * This utility filters out only the autotrack data attributes for spreading onto DOM elements.
+ *
+ * @param {Record<string, any>} props - Props object that may contain data-autotrack-* attributes
+ * @returns {Record<string, string | undefined>} Object containing only data-autotrack-* attributes
+ *
+ * @example
+ * ```typescript
+ * const props = { title: 'My Tile', 'data-autotrack-action': 'click', ...rest };
+ * const dataAttrs = extractAutotrackAttributes(rest);
+ * // Returns: { 'data-autotrack-action': 'click' }
+ * ```
+ */
+export declare function extractAutotrackAttributes(props: Record<string, any>): Record<string, string | undefined>;

package/es/components/utils.js

@@ -0,0 +1,31 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * Extracts data-autotrack-* attributes from props object.
+ * This utility filters out only the autotrack data attributes for spreading onto DOM elements.
+ *
+ * @param {Record<string, any>} props - Props object that may contain data-autotrack-* attributes
+ * @returns {Record<string, string | undefined>} Object containing only data-autotrack-* attributes
+ *
+ * @example
+ * ```typescript
+ * const props = { title: 'My Tile', 'data-autotrack-action': 'click', ...rest };
+ * const dataAttrs = extractAutotrackAttributes(rest);
+ * // Returns: { 'data-autotrack-action': 'click' }
+ * ```
+ */
+function extractAutotrackAttributes(props) {
+  return Object.keys(props).reduce((acc, key) => {
+    if (key.startsWith('data-autotrack-')) {
+      acc[key] = props[key];
+    }
+    return acc;
+  }, {});
+}
+
+export { extractAutotrackAttributes };

package/es/index.d.ts

@@ -12,6 +12,13 @@ import HeaderAction from './components/HeaderAction/HeaderAction';
 import HeaderTitle from './components/HeaderTitle/HeaderTitle';
 import { BaseTile } from './components/Tiles/index';
 export * from './assets';
+export type { AnimatedHeaderProps } from './components/AnimatedHeader/AnimatedHeader';
+export type { Tile } from './components/AnimatedHeader/types';
+export type { AITileProps } from './components/Tiles/AITile/AITile';
+export type { AIPromptTileProps } from './components/Tiles/AIPromptTile/AIPromptTile';
+export type { GlassTileProps } from './components/Tiles/GlassTile/GlassTile';
+export type { BaseTileProps, TileVariant, } from './components/Tiles/BaseTile/BaseTile';
+export type { AutotrackDataAttributes } from './components/types';
 export type { Workspace, WorkspaceSelectorConfig, } from './components/WorkspaceSelector/WorkspaceSelector';
 export type { TasksControllerConfig } from './components/TasksController/TasksController';
 export type { HeaderActionConfig } from './components/HeaderAction/header-action.types';

package/lib/components/Tiles/AIPromptTile/AIPromptTile.d.ts

@@ -8,6 +8,7 @@
  */
 import React, { ElementType } from 'react';
 import { type AITileBodyProps, type AITileLabelVariant } from '../AITile/AITileBody';
+import { AutotrackDataAttributes } from '../../types';
 export type AIPromptTileProps = {
     variant: 'aiPrompt';
     tileId: string;
@@ -25,5 +26,5 @@ export type AIPromptTileProps = {
     open?: boolean;
     isLoading?: boolean;
     isDisabled?: boolean;
-};
+} & AutotrackDataAttributes;
 export declare const AIPromptTile: React.FC<AIPromptTileProps>;

package/lib/components/Tiles/AIPromptTile/AIPromptTile.js

@@ -7,10 +7,12 @@
 
 'use strict';
 
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var react = require('@carbon/react');
 var usePrefix = require('@carbon-labs/utilities/usePrefix');
 var icons = require('@carbon/react/icons');
+var utils = require('../../utils.js');
 
 var _AILabel, _Send;
 const AIPromptTile = ({
@@ -28,7 +30,8 @@ const AIPromptTile = ({
   ariaLabel,
   open,
   isLoading,
-  isDisabled
+  isDisabled,
+  ...rest
 }) => {
   const prefix = usePrefix.usePrefix();
   const blockClass = `${prefix}--animated-header__ai-prompt-tile`;
@@ -48,14 +51,17 @@ const AIPromptTile = ({
       openInNewTab(`${href}&primed_chat=${textInput}`);
     }
   };
-  return /*#__PURE__*/React.createElement("div", {
+
+  // Extract data attributes from rest props
+  const dataAttributes = utils.extractAutotrackAttributes(rest);
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     id: `${blockClass}`,
     className: `${prefix}--animated-header__tile ${blockClass}${isDisabled ? ' ' + disabled : ''}`,
     "aria-label": ariaLabel ?? title ?? 'AI Tile',
     role: "listitem",
     title: isDisabled ? disabledTaskLabel ?? '' : '',
     key: tileId
-  }, isLoading ? /*#__PURE__*/React.createElement(react.SkeletonPlaceholder, {
+  }, dataAttributes), isLoading ? /*#__PURE__*/React.createElement(react.SkeletonPlaceholder, {
     className: `${blockClass}--loading-skeleton`
   }) : /*#__PURE__*/React.createElement("div", {
     className: `${blockClass}--body`,

package/lib/components/Tiles/AITile/AITile.d.ts

@@ -8,6 +8,7 @@
  */
 import React, { ElementType } from 'react';
 import { AITileBodyProps, AITileLabelVariant } from '../AITile/AITileBody';
+import { AutotrackDataAttributes } from '../../types';
 export type AITileProps = {
     variant: 'ai';
     tileId: string;
@@ -26,6 +27,6 @@ export type AITileProps = {
     open?: boolean;
     isLoading?: boolean;
     isDisabled?: boolean;
-};
+} & AutotrackDataAttributes;
 export declare const AITile: React.FC<AITileProps>;
 export default AITile;

package/lib/components/Tiles/AITile/AITile.js

@@ -7,10 +7,12 @@
 
 'use strict';
 
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var react = require('@carbon/react');
 var usePrefix = require('@carbon-labs/utilities/usePrefix');
 var AITileBody = require('./AITileBody.js');
+var utils = require('../../utils.js');
 
 const AITile = ({
   tileId,
@@ -28,7 +30,8 @@ const AITile = ({
   ariaLabel,
   open,
   isLoading,
-  isDisabled
+  isDisabled,
+  ...rest
 }) => {
   const prefix = usePrefix.usePrefix();
   const blockClass = `${prefix}--animated-header__ai-tile`;
@@ -45,17 +48,20 @@ const AITile = ({
     isLoading: isLoading
   });
 
+  // Extract data attributes from rest props
+  const dataAttributes = utils.extractAutotrackAttributes(rest);
+
   // Non-interactive tile
   if (!href && !aiTileClickHandler) {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
       className: `${prefix}--animated-header__tile ${blockClass}`,
       key: tileId,
       "aria-label": ariaLabel ?? title ?? 'AI Tile',
       title: isDisabled ? disabledTaskLabel ?? '' : '',
       tabIndex: -1
-    }, body);
+    }, dataAttributes), body);
   }
-  return /*#__PURE__*/React.createElement(react.Link, {
+  return /*#__PURE__*/React.createElement(react.Link, _rollupPluginBabelHelpers.extends({
     onClick: event => {
       aiTileClickHandler?.(event);
     },
@@ -67,7 +73,7 @@ const AITile = ({
     href: href ?? undefined,
     disabled: isDisabled || isLoading,
     title: isDisabled ? disabledTaskLabel ?? '' : ''
-  }, body);
+  }, dataAttributes), body);
 };
 
 exports.AITile = AITile;

package/lib/components/Tiles/GlassTile/GlassTile.d.ts

@@ -8,6 +8,7 @@
  */
 import React, { ElementType } from 'react';
 import { GlassTileBodyProps } from './GlassTileBody';
+import { AutotrackDataAttributes } from '../../types';
 export type GlassTileProps = {
     variant?: 'glass';
     tileId: string;
@@ -25,5 +26,5 @@ export type GlassTileProps = {
     open?: boolean;
     isLoading?: boolean;
     isDisabled?: boolean;
-};
+} & AutotrackDataAttributes;
 export declare const GlassTile: React.FC<GlassTileProps>;

package/lib/components/Tiles/GlassTile/GlassTile.js

@@ -7,10 +7,12 @@
 
 'use strict';
 
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var react = require('@carbon/react');
 var usePrefix = require('@carbon-labs/utilities/usePrefix');
 var GlassTileBody = require('./GlassTileBody.js');
+var utils = require('../../utils.js');
 
 const GlassTile = ({
   tileId,
@@ -27,7 +29,8 @@ const GlassTile = ({
   ariaLabel,
   open,
   isLoading,
-  isDisabled
+  isDisabled,
+  ...rest
 }) => {
   const prefix = usePrefix.usePrefix();
   const blockClass = `${prefix}--animated-header__glass-tile`;
@@ -43,17 +46,20 @@ const GlassTile = ({
     isLoading: isLoading
   });
 
+  // Extract data attributes from rest props
+  const dataAttributes = utils.extractAutotrackAttributes(rest);
+
   // Non-interactive tile
   if (!href && !glassTileClickHandler) {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
       className: `${prefix}--animated-header__tile ${blockClass}`,
       key: tileId,
       "aria-label": ariaLabel ?? title ?? 'Glass Tile',
       title: isDisabled ? disabledTaskLabel ?? '' : '',
       tabIndex: -1
-    }, body);
+    }, dataAttributes), body);
   }
-  return /*#__PURE__*/React.createElement(react.Link, {
+  return /*#__PURE__*/React.createElement(react.Link, _rollupPluginBabelHelpers.extends({
     onClick: event => {
       glassTileClickHandler?.(event);
     },
@@ -65,7 +71,7 @@ const GlassTile = ({
     href: href ?? undefined,
     disabled: isDisabled || isLoading,
     title: isDisabled ? disabledTaskLabel ?? '' : ''
-  }, body);
+  }, dataAttributes), body);
 };
 
 exports.GlassTile = GlassTile;

package/lib/components/Tiles/index.d.ts

@@ -11,3 +11,5 @@ import { AIPromptTile } from './AIPromptTile/AIPromptTile';
 import { BaseTile } from './BaseTile/BaseTile';
 import { GlassTile } from './GlassTile/GlassTile';
 export { AITile, AIPromptTile, BaseTile, GlassTile };
+export type { AutotrackDataAttributes } from '../types';
+export { extractAutotrackAttributes } from '../utils';

package/lib/components/types.d.ts

@@ -0,0 +1,171 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Supported data attributes for IBM Carbon autotrack instrumentation.
+ * These attributes enable automatic tracking and analytics for user interactions.
+ *
+ * @see https://pages.github.ibm.com/carbon/ibm-products/developing/instrumentation/autotrack/#supported-data-attributes
+ */
+export type AutotrackDataAttributes = {
+    'data-autotrack-accountgroup'?: string;
+    'data-autotrack-accountgroupname'?: string;
+    'data-autotrack-accountgroupowner'?: string;
+    'data-autotrack-accountgroupstate'?: string;
+    'data-autotrack-accountguid'?: string;
+    'data-autotrack-accountid'?: string;
+    'data-autotrack-accountidcountrycode'?: string;
+    'data-autotrack-accountidcustnum_rdcctrynum'?: string;
+    'data-autotrack-accountidibmcustomernumber'?: string;
+    'data-autotrack-accountidsapcustnum'?: string;
+    'data-autotrack-accountidsapsiteid'?: string;
+    'data-autotrack-accountidtype'?: string;
+    'data-autotrack-accountlevel'?: string;
+    'data-autotrack-accountname'?: string;
+    'data-autotrack-accountowner'?: string;
+    'data-autotrack-accountplan'?: string;
+    'data-autotrack-accountstatus'?: string;
+    'data-autotrack-action'?: string;
+    'data-autotrack-actiontype'?: string;
+    'data-autotrack-agentid'?: string;
+    'data-autotrack-agentname'?: string;
+    'data-autotrack-agenttype'?: string;
+    'data-autotrack-altuserid'?: string;
+    'data-autotrack-anonymousid'?: string;
+    'data-autotrack-category'?: string;
+    'data-autotrack-channel'?: string;
+    'data-autotrack-channelname'?: string;
+    'data-autotrack-chargeagreementnumber'?: string;
+    'data-autotrack-cloudenvironment'?: string;
+    'data-autotrack-code'?: string;
+    'data-autotrack-color'?: string;
+    'data-autotrack-commonmilestonename'?: string;
+    'data-autotrack-commonmilestonetriggeruserid'?: string;
+    'data-autotrack-context_device_id'?: string;
+    'data-autotrack-context_page_path'?: string;
+    'data-autotrack-context_page_referrer'?: string;
+    'data-autotrack-context_page_title'?: string;
+    'data-autotrack-context_page_url'?: string;
+    'data-autotrack-cta'?: string;
+    'data-autotrack-customerid'?: string;
+    'data-autotrack-data'?: string;
+    'data-autotrack-datacenter'?: string;
+    'data-autotrack-distributorid'?: string;
+    'data-autotrack-elementid'?: string;
+    'data-autotrack-enterpriseaccount'?: string;
+    'data-autotrack-enterpriseaccountdomain'?: string;
+    'data-autotrack-enterpriseaccountflag'?: string;
+    'data-autotrack-enterpriseaccountname'?: string;
+    'data-autotrack-enterpriseaccountstate'?: string;
+    'data-autotrack-enterpriseowner'?: string;
+    'data-autotrack-environment'?: string;
+    'data-autotrack-environmenttype'?: string;
+    'data-autotrack-eventid'?: string;
+    'data-autotrack-field'?: string;
+    'data-autotrack-frequency'?: string;
+    'data-autotrack-hyperscalerchannel'?: string;
+    'data-autotrack-hyperscalerformat'?: string;
+    'data-autotrack-hyperscalerproductid'?: string;
+    'data-autotrack-hyperscalerprovider'?: string;
+    'data-autotrack-hyperscalertier'?: string;
+    'data-autotrack-instancebssfirstbillabledate'?: string;
+    'data-autotrack-instanceguid'?: string;
+    'data-autotrack-instanceid'?: string;
+    'data-autotrack-instancemetricspaidmilestoneintermediateusagecount'?: string;
+    'data-autotrack-instancemetricspaidmilestoneintermediateusagelastts'?: string;
+    'data-autotrack-instancename'?: string;
+    'data-autotrack-isibmer'?: string;
+    'data-autotrack-kubernetesdistribution'?: string;
+    'data-autotrack-kubernetesdistributionversion'?: string;
+    'data-autotrack-kubernetesid'?: string;
+    'data-autotrack-kubernetesnamespace'?: string;
+    'data-autotrack-kubernetesresourceapi'?: string;
+    'data-autotrack-kubernetesresourcename'?: string;
+    'data-autotrack-kubernetesversion'?: string;
+    'data-autotrack-label'?: string;
+    'data-autotrack-locale'?: string;
+    'data-autotrack-location'?: string;
+    'data-autotrack-marketplace'?: string;
+    'data-autotrack-message'?: string;
+    'data-autotrack-milestonename'?: string;
+    'data-autotrack-name'?: string;
+    'data-autotrack-namespace'?: string;
+    'data-autotrack-object'?: string;
+    'data-autotrack-objecttype'?: string;
+    'data-autotrack-observetype'?: string;
+    'data-autotrack-offeringid'?: string;
+    'data-autotrack-openshiftclusterid'?: string;
+    'data-autotrack-openshiftinfrastructurename'?: string;
+    'data-autotrack-openshiftplatform'?: string;
+    'data-autotrack-openshiftversion'?: string;
+    'data-autotrack-operationalid'?: string;
+    'data-autotrack-orgguid'?: string;
+    'data-autotrack-orgname'?: string;
+    'data-autotrack-originalmessageid'?: string;
+    'data-autotrack-pagename'?: string;
+    'data-autotrack-pagepathurl'?: string;
+    'data-autotrack-pagesubject'?: string;
+    'data-autotrack-pagetitle'?: string;
+    'data-autotrack-pageurl'?: string;
+    'data-autotrack-parentpagecategory'?: string;
+    'data-autotrack-parentpagename'?: string;
+    'data-autotrack-partids'?: string;
+    'data-autotrack-partname'?: string;
+    'data-autotrack-partnumber'?: string;
+    'data-autotrack-path'?: string;
+    'data-autotrack-payload'?: string;
+    'data-autotrack-platformtitle'?: string;
+    'data-autotrack-previousproductversion'?: string;
+    'data-autotrack-productcode'?: string;
+    'data-autotrack-productcodetype'?: string;
+    'data-autotrack-productid'?: string;
+    'data-autotrack-productplan'?: string;
+    'data-autotrack-productplanname'?: string;
+    'data-autotrack-productplantier'?: string;
+    'data-autotrack-productplantype'?: string;
+    'data-autotrack-productstatus'?: string;
+    'data-autotrack-producttitle'?: string;
+    'data-autotrack-productversion'?: string;
+    'data-autotrack-quantity'?: string;
+    'data-autotrack-region'?: string;
+    'data-autotrack-resellerid'?: string;
+    'data-autotrack-resultvalue'?: string;
+    'data-autotrack-roles'?: string;
+    'data-autotrack-sabasubscriptionid'?: string;
+    'data-autotrack-saletype'?: string;
+    'data-autotrack-sapsiteid'?: string;
+    'data-autotrack-segmentsourceslug'?: string;
+    'data-autotrack-serviceagreementnumber'?: string;
+    'data-autotrack-sessionid'?: string;
+    'data-autotrack-size'?: string;
+    'data-autotrack-source'?: string;
+    'data-autotrack-subproducttitle'?: string;
+    'data-autotrack-subscriptionid'?: string;
+    'data-autotrack-successflag'?: string;
+    'data-autotrack-tenantid'?: string;
+    'data-autotrack-tenantname'?: string;
+    'data-autotrack-text'?: string;
+    'data-autotrack-type'?: string;
+    'data-autotrack-uielement'?: string;
+    'data-autotrack-unit'?: string;
+    'data-autotrack-unitdescription'?: string;
+    'data-autotrack-url'?: string;
+    'data-autotrack-urlsubdomain'?: string;
+    'data-autotrack-usersessionid'?: string;
+    'data-autotrack-ut10'?: string;
+    'data-autotrack-ut15'?: string;
+    'data-autotrack-ut17'?: string;
+    'data-autotrack-ut20'?: string;
+    'data-autotrack-ut30'?: string;
+    'data-autotrack-ut30_description'?: string;
+    'data-autotrack-ut35'?: string;
+    'data-autotrack-ut40'?: string;
+    'data-autotrack-utlvlcd'?: string;
+    'data-autotrack-variation'?: string;
+    'data-autotrack-version'?: string;
+};

package/lib/components/utils.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Extracts data-autotrack-* attributes from props object.
+ * This utility filters out only the autotrack data attributes for spreading onto DOM elements.
+ *
+ * @param {Record<string, any>} props - Props object that may contain data-autotrack-* attributes
+ * @returns {Record<string, string | undefined>} Object containing only data-autotrack-* attributes
+ *
+ * @example
+ * ```typescript
+ * const props = { title: 'My Tile', 'data-autotrack-action': 'click', ...rest };
+ * const dataAttrs = extractAutotrackAttributes(rest);
+ * // Returns: { 'data-autotrack-action': 'click' }
+ * ```
+ */
+export declare function extractAutotrackAttributes(props: Record<string, any>): Record<string, string | undefined>;

package/lib/components/utils.js

@@ -0,0 +1,33 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+/**
+ * Extracts data-autotrack-* attributes from props object.
+ * This utility filters out only the autotrack data attributes for spreading onto DOM elements.
+ *
+ * @param {Record<string, any>} props - Props object that may contain data-autotrack-* attributes
+ * @returns {Record<string, string | undefined>} Object containing only data-autotrack-* attributes
+ *
+ * @example
+ * ```typescript
+ * const props = { title: 'My Tile', 'data-autotrack-action': 'click', ...rest };
+ * const dataAttrs = extractAutotrackAttributes(rest);
+ * // Returns: { 'data-autotrack-action': 'click' }
+ * ```
+ */
+function extractAutotrackAttributes(props) {
+  return Object.keys(props).reduce((acc, key) => {
+    if (key.startsWith('data-autotrack-')) {
+      acc[key] = props[key];
+    }
+    return acc;
+  }, {});
+}
+
+exports.extractAutotrackAttributes = extractAutotrackAttributes;

package/lib/es/components/Tiles/AIPromptTile/AIPromptTile.d.ts

@@ -1,4 +1,5 @@
-export function AIPromptTile({ tileId, href, title, disabledTaskLabel, productName, promptPlaceholder, primaryIcon: PrimaryIcon, aiLabelVariant, aiLabelText, aiLabelTagType, onClick, ariaLabel, open, isLoading, isDisabled }: {
+export function AIPromptTile({ tileId, href, title, disabledTaskLabel, productName, promptPlaceholder, primaryIcon: PrimaryIcon, aiLabelVariant, aiLabelText, aiLabelTagType, onClick, ariaLabel, open, isLoading, isDisabled, ...rest }: {
+    [x: string]: any;
     tileId: any;
     href: any;
     title: any;
@@ -14,12 +15,5 @@ export function AIPromptTile({ tileId, href, title, disabledTaskLabel, productNa
     open: any;
     isLoading: any;
     isDisabled: any;
-}): React.DetailedReactHTMLElement<{
-    id: string;
-    className: string;
-    "aria-label": any;
-    role: "listitem";
-    title: any;
-    key: any;
-}, HTMLElement>;
+}): React.DetailedReactHTMLElement<any, HTMLElement>;
 import React from 'react';

package/lib/es/components/Tiles/AITile/AITile.d.ts

@@ -1,4 +1,5 @@
-export function AITile({ tileId, href, title, subtitle, disabledTaskLabel, customContent, primaryIcon: PrimaryIcon, secondaryIcon: SecondaryIcon, aiLabelVariant, aiLabelText, aiLabelTagType, onClick: aiTileClickHandler, ariaLabel, open, isLoading, isDisabled }: {
+export function AITile({ tileId, href, title, subtitle, disabledTaskLabel, customContent, primaryIcon: PrimaryIcon, secondaryIcon: SecondaryIcon, aiLabelVariant, aiLabelText, aiLabelTagType, onClick: aiTileClickHandler, ariaLabel, open, isLoading, isDisabled, ...rest }: {
+    [x: string]: any;
     tileId: any;
     href: any;
     title: any;
@@ -15,11 +16,5 @@ export function AITile({ tileId, href, title, subtitle, disabledTaskLabel, custo
     open: any;
     isLoading: any;
     isDisabled: any;
-}): React.DetailedReactHTMLElement<{
-    className: string;
-    key: any;
-    "aria-label": any;
-    title: any;
-    tabIndex: number;
-}, HTMLElement> | React.FunctionComponentElement<import("@carbon/react").LinkProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>>;
+}): React.DetailedReactHTMLElement<any, HTMLElement> | React.FunctionComponentElement<import("@carbon/react").LinkProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>>;
 import React from 'react';

package/lib/es/components/Tiles/GlassTile/GlassTile.d.ts

@@ -1,4 +1,5 @@
-export function GlassTile({ tileId, href, title, subtitle, disabledTaskLabel, customContent, primaryIcon: PrimaryIcon, secondaryIcon: SecondaryIcon, tagLabel, tagType, onClick: glassTileClickHandler, ariaLabel, open, isLoading, isDisabled }: {
+export function GlassTile({ tileId, href, title, subtitle, disabledTaskLabel, customContent, primaryIcon: PrimaryIcon, secondaryIcon: SecondaryIcon, tagLabel, tagType, onClick: glassTileClickHandler, ariaLabel, open, isLoading, isDisabled, ...rest }: {
+    [x: string]: any;
     tileId: any;
     href: any;
     title: any;
@@ -14,11 +15,5 @@ export function GlassTile({ tileId, href, title, subtitle, disabledTaskLabel, cu
     open: any;
     isLoading: any;
     isDisabled: any;
-}): React.FunctionComponentElement<import("@carbon/react").LinkProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>> | React.DetailedReactHTMLElement<{
-    className: string;
-    key: any;
-    "aria-label": any;
-    title: any;
-    tabIndex: number;
-}, HTMLElement>;
+}): React.DetailedReactHTMLElement<any, HTMLElement> | React.FunctionComponentElement<import("@carbon/react").LinkProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>>;
 import React from 'react';

package/lib/es/components/utils.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Extracts data-autotrack-* attributes from props object.
+ * This utility filters out only the autotrack data attributes for spreading onto DOM elements.
+ *
+ * @param {Record<string, any>} props - Props object that may contain data-autotrack-* attributes
+ * @returns {Record<string, string | undefined>} Object containing only data-autotrack-* attributes
+ *
+ * @example
+ * ```typescript
+ * const props = { title: 'My Tile', 'data-autotrack-action': 'click', ...rest };
+ * const dataAttrs = extractAutotrackAttributes(rest);
+ * // Returns: { 'data-autotrack-action': 'click' }
+ * ```
+ */
+export function extractAutotrackAttributes(props: Record<string, any>): Record<string, string | undefined>;

package/lib/index.d.ts

@@ -12,6 +12,13 @@ import HeaderAction from './components/HeaderAction/HeaderAction';
 import HeaderTitle from './components/HeaderTitle/HeaderTitle';
 import { BaseTile } from './components/Tiles/index';
 export * from './assets';
+export type { AnimatedHeaderProps } from './components/AnimatedHeader/AnimatedHeader';
+export type { Tile } from './components/AnimatedHeader/types';
+export type { AITileProps } from './components/Tiles/AITile/AITile';
+export type { AIPromptTileProps } from './components/Tiles/AIPromptTile/AIPromptTile';
+export type { GlassTileProps } from './components/Tiles/GlassTile/GlassTile';
+export type { BaseTileProps, TileVariant, } from './components/Tiles/BaseTile/BaseTile';
+export type { AutotrackDataAttributes } from './components/types';
 export type { Workspace, WorkspaceSelectorConfig, } from './components/WorkspaceSelector/WorkspaceSelector';
 export type { TasksControllerConfig } from './components/TasksController/TasksController';
 export type { HeaderActionConfig } from './components/HeaderAction/header-action.types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carbon-labs/react-animated-header",
-  "version": "0.44.0",
+  "version": "0.45.0",
   "publishConfig": {
     "access": "public",
     "provenance": true
@@ -45,5 +45,5 @@
   "devDependencies": {
     "@carbon-labs/utilities": "0.22.0"
   },
-  "gitHead": "a90f7c900917a4a25e61fe92a80a564f81cdaa50"
+  "gitHead": "12c33bd8782aef4764a3a72b9fedb0d010be2391"
 }