@teja-app/ui 0.0.13 → 0.0.14

package/dist/theme/index.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import React__default, { useMemo, useState, useEffect, useRef, useCallback, useContext, createContext, forwardRef, useId as useId$1, useLayoutEffect, Fragment as Fragment$1, isValidElement, cloneElement, createElement, useSyncExternalStore } from "react";
+import { useInstrumentedClick } from "@teja-app/ui/instrumentation";
 import * as ReactDOM from "react-dom";
 import { flushSync, createPortal } from "react-dom";
 const PRIMARY_OPTIONS = {
@@ -656,9 +657,17 @@ const Button$1 = forwardRef(function Button2({
   type = "button",
   disabled,
   testId,
+  telemetryId,
+  onClick,
   ...rest
 }, ref) {
   const dims = SIZE_DIMS$2[size2];
+  const instrumentedClick = useInstrumentedClick(onClick, {
+    telemetryId,
+    testId,
+    kind: "Button",
+    variant
+  });
   return /* @__PURE__ */ jsxs(
     "button",
     {
@@ -666,6 +675,7 @@ const Button$1 = forwardRef(function Button2({
       type,
       disabled,
       "data-testid": testId,
+      onClick: instrumentedClick,
       style: {
         height: dims.h,
         padding: dims.pad,
@@ -16505,8 +16515,14 @@ const Switch = forwardRef(function Switch2({ on = false, onChange, size: size2 =
 });
 const SIZE_PX$1 = { sm: 22, md: 26, lg: 32 };
 const IconButton = forwardRef(
-  function IconButton2({ children, size: size2 = "md", tone = "default", style, testId, type = "button", ...rest }, ref) {
+  function IconButton2({ children, size: size2 = "md", tone = "default", style, testId, telemetryId, onClick, type = "button", ...rest }, ref) {
     const dim = SIZE_PX$1[size2];
+    const instrumentedClick = useInstrumentedClick(onClick, {
+      telemetryId,
+      testId,
+      kind: "IconButton",
+      variant: tone
+    });
     const merged = {
       width: dim,
       height: dim,
@@ -16530,6 +16546,7 @@ const IconButton = forwardRef(
         type,
         "data-testid": testId,
         "data-tone": tone,
+        onClick: instrumentedClick,
         style: merged,
         ...rest,
         children
@@ -17222,8 +17239,14 @@ function AIBadge({
   ] });
 }
 const AIComposeButton = forwardRef(
-  function AIComposeButton2({ size: size2 = "md", children = "Compose with AI", style, testId, type = "button", ...rest }, ref) {
+  function AIComposeButton2({ size: size2 = "md", children = "Compose with AI", style, testId, telemetryId, onClick, type = "button", ...rest }, ref) {
     const h2 = size2 === "sm" ? 28 : 32;
+    const instrumentedClick = useInstrumentedClick(onClick, {
+      telemetryId,
+      testId,
+      kind: "AIComposeButton",
+      variant: size2
+    });
     const fz = size2 === "sm" ? 12 : 13;
     const merged = {
       height: h2,
@@ -17248,6 +17271,7 @@ const AIComposeButton = forwardRef(
         type,
         "data-testid": testId,
         "data-size": size2,
+        onClick: instrumentedClick,
         style: merged,
         ...rest,
         children: [