@teja-app/ui 0.0.13 → 0.0.14

package/dist/useInstrumentedClick-B7QAnoBt.js

@@ -0,0 +1,68 @@
+import { useContext, createContext, useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+const noopTracker = {
+  startSpan: () => ({ setAttribute: () => {
+  }, end: () => {
+  } }),
+  track: () => {
+  }
+};
+const TrackerContext = createContext(noopTracker);
+function TrackerProvider({ tracker, children }) {
+  return /* @__PURE__ */ jsx(TrackerContext.Provider, { value: tracker, children });
+}
+function useTracker() {
+  return useContext(TrackerContext);
+}
+const SPAN_NAME = "ui.button.click";
+function useInstrumentedClick(onClick, meta) {
+  const tracker = useTracker();
+  const { telemetryId, testId, kind, variant } = meta;
+  const wrapped = useCallback(
+    (e) => {
+      if (onClick === void 0) return;
+      const componentName = telemetryId ?? testId ?? `${kind}:${variant ?? "default"}`;
+      const span = tracker.startSpan(SPAN_NAME, {
+        "component.name": componentName,
+        "ui.component.kind": kind,
+        "ui.variant": variant ?? "default"
+      });
+      const start = typeof performance !== "undefined" ? performance.now() : Date.now();
+      let result;
+      try {
+        result = onClick(e);
+      } catch (err) {
+        span.setAttribute("ui.handler.async", false);
+        span.end("error", err);
+        throw err;
+      }
+      if (result !== null && typeof result === "object" && typeof result.then === "function") {
+        span.setAttribute("ui.handler.async", true);
+        result.then(
+          () => {
+            const end = typeof performance !== "undefined" ? performance.now() : Date.now();
+            span.setAttribute("ui.handler.duration_ms", end - start);
+            span.end("success");
+          },
+          (err) => {
+            const end = typeof performance !== "undefined" ? performance.now() : Date.now();
+            span.setAttribute("ui.handler.duration_ms", end - start);
+            span.end("error", err);
+          }
+        );
+      } else {
+        span.setAttribute("ui.handler.async", false);
+        span.end("success");
+      }
+    },
+    [tracker, onClick, telemetryId, testId, kind, variant]
+  );
+  return onClick === void 0 ? void 0 : wrapped;
+}
+export {
+  TrackerProvider as T,
+  useTracker as a,
+  noopTracker as n,
+  useInstrumentedClick as u
+};
+//# sourceMappingURL=useInstrumentedClick-B7QAnoBt.js.map

package/dist/useInstrumentedClick-B7QAnoBt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInstrumentedClick-B7QAnoBt.js","sources":["../src/instrumentation/tracker.ts","../src/instrumentation/context.tsx","../src/instrumentation/useInstrumentedClick.ts"],"sourcesContent":["/**\n * Tracker facade — the FROZEN telemetry contract teja-ui exposes (W3 §7.5).\n *\n * teja-ui carries NO OpenTelemetry / Sentry / PostHog dependency. Consuming\n * apps inject a concrete `Tracker` via `<TrackerProvider>`; when no provider is\n * mounted the components fall back to `noopTracker`, so an un-instrumented host\n * sees ZERO behavior change. The app-side adapter (`frontend/src/lib/telemetry/\n * uiTracker.ts`) is the only place that knows about the real sink.\n */\n\n/** A single in-flight UI span (e.g. one button click). */\nexport interface SpanHandle {\n  setAttribute(key: string, value: string | number | boolean): void;\n  /**\n   * End the span. `outcome` records how the handler settled; `error` is the\n   * thrown/rejected value when `outcome === \"error\"` (recorded as an exception\n   * by the adapter, never swallowed by the hook).\n   */\n  end(outcome: 'success' | 'error' | 'abandoned', error?: unknown): void;\n}\n\nexport interface Tracker {\n  /** Start a span. Attributes are flat primitives so any sink can serialize them. */\n  startSpan(\n    name: string,\n    attrs: Record<string, string | number | boolean>,\n  ): SpanHandle;\n  /** Fire-and-forget discrete event (no duration). */\n  track(event: string, attrs?: Record<string, string | number | boolean>): void;\n}\n\n/** No-op implementation: the default when no provider is mounted. */\nexport const noopTracker: Tracker = {\n  startSpan: () => ({ setAttribute: () => {}, end: () => {} }),\n  track: () => {},\n};\n","import { createContext, useContext, type ReactNode } from 'react';\n\nimport { noopTracker, type Tracker } from './tracker';\n\n/**\n * TrackerProvider / useTracker (W3 §7.5).\n *\n * The context default is `noopTracker`, so `useTracker()` is always safe to\n * call even with no provider mounted — instrumented components degrade to\n * zero-cost no-ops rather than throwing.\n */\nconst TrackerContext = createContext<Tracker>(noopTracker);\n\nexport interface TrackerProviderProps {\n  tracker: Tracker;\n  children: ReactNode;\n}\n\nexport function TrackerProvider({ tracker, children }: TrackerProviderProps) {\n  return (\n    <TrackerContext.Provider value={tracker}>\n      {children}\n    </TrackerContext.Provider>\n  );\n}\n\nexport function useTracker(): Tracker {\n  return useContext(TrackerContext);\n}\n","import { useCallback, type SyntheticEvent } from 'react';\n\nimport { useTracker } from './context';\n\n/**\n * useInstrumentedClick (W3 §7.6).\n *\n * Wraps a click handler in a `ui.button.click` span. The span's lifecycle\n * follows the handler:\n *  - sync handler  → span ends `success` immediately (`ui.handler.async=false`)\n *  - async handler → span ends when the returned promise settles\n *    (`success`/`error`), recording `ui.handler.duration_ms`.\n *\n * Error semantics — the hook observes, never alters control flow:\n *  - sync throw  → span ends `error`, then the error is RE-THROWN so the\n *    caller's try/catch / React error boundary still sees it.\n *  - async reject → span ends `error`; the rejection is left ON the original\n *    promise so the caller's own `.catch`/awaiter still receives it. The hook\n *    attaches a passive observer (it does not consume the rejection).\n *\n * Tracker comes from `useTracker()`, so an unmounted provider = noop = zero\n * behavior change.\n */\nexport interface InstrumentedClickMeta {\n  /** Semantic id, e.g. \"onboarding.step1.next\". Highest-priority component.name. */\n  telemetryId?: string;\n  /** Fallback identity (the component's data-testid). */\n  testId?: string;\n  /** \"Button\" | \"IconButton\" | \"AIComposeButton\". */\n  kind: string;\n  variant?: string;\n}\n\nconst SPAN_NAME = 'ui.button.click';\n\nexport function useInstrumentedClick<E extends SyntheticEvent>(\n  onClick: ((e: E) => void | Promise<void>) | undefined,\n  meta: InstrumentedClickMeta,\n): ((e: E) => void) | undefined {\n  const tracker = useTracker();\n  const { telemetryId, testId, kind, variant } = meta;\n\n  const wrapped = useCallback(\n    (e: E) => {\n      // Guarded by the return below; the no-op branch is never wired up.\n      if (onClick === undefined) return;\n      const componentName =\n        telemetryId ?? testId ?? `${kind}:${variant ?? 'default'}`;\n      const span = tracker.startSpan(SPAN_NAME, {\n        'component.name': componentName,\n        'ui.component.kind': kind,\n        'ui.variant': variant ?? 'default',\n      });\n      const start =\n        typeof performance !== 'undefined' ? performance.now() : Date.now();\n\n      let result: void | Promise<void>;\n      try {\n        result = onClick(e);\n      } catch (err) {\n        span.setAttribute('ui.handler.async', false);\n        span.end('error', err);\n        throw err;\n      }\n\n      if (\n        result !== null &&\n        typeof result === 'object' &&\n        typeof (result as Promise<void>).then === 'function'\n      ) {\n        span.setAttribute('ui.handler.async', true);\n        (result as Promise<void>).then(\n          () => {\n            const end =\n              typeof performance !== 'undefined'\n                ? performance.now()\n                : Date.now();\n            span.setAttribute('ui.handler.duration_ms', end - start);\n            span.end('success');\n          },\n          (err: unknown) => {\n            const end =\n              typeof performance !== 'undefined'\n                ? performance.now()\n                : Date.now();\n            span.setAttribute('ui.handler.duration_ms', end - start);\n            span.end('error', err);\n            // Passive observation only: this handler is attached for telemetry\n            // and does NOT alter the caller's control flow. The caller's own\n            // promise chain (e.g. a mutation's onError, or an awaiter's catch)\n            // still receives the rejection independently, because both\n            // consumers observe the same promise. We do not re-throw here —\n            // doing so would fabricate a NEW, uncatchable unhandled rejection\n            // detached from the caller.\n          },\n        );\n      } else {\n        span.setAttribute('ui.handler.async', false);\n        span.end('success');\n      }\n    },\n    [tracker, onClick, telemetryId, testId, kind, variant],\n  );\n\n  return onClick === undefined ? undefined : wrapped;\n}\n"],"names":[],"mappings":";;AAgCO,MAAM,cAAuB;AAAA,EAClC,WAAW,OAAO,EAAE,cAAc,MAAM;AAAA,EAAC,GAAG,KAAK,MAAM;AAAA,EAAC;EACxD,OAAO,MAAM;AAAA,EAAC;AAChB;ACxBA,MAAM,iBAAiB,cAAuB,WAAW;AAOlD,SAAS,gBAAgB,EAAE,SAAS,YAAkC;AAC3E,6BACG,eAAe,UAAf,EAAwB,OAAO,SAC7B,UACH;AAEJ;AAEO,SAAS,aAAsB;AACpC,SAAO,WAAW,cAAc;AAClC;ACKA,MAAM,YAAY;AAEX,SAAS,qBACd,SACA,MAC8B;AAC9B,QAAM,UAAU,WAAA;AAChB,QAAM,EAAE,aAAa,QAAQ,MAAM,YAAY;AAE/C,QAAM,UAAU;AAAA,IACd,CAAC,MAAS;AAER,UAAI,YAAY,OAAW;AAC3B,YAAM,gBACJ,eAAe,UAAU,GAAG,IAAI,IAAI,WAAW,SAAS;AAC1D,YAAM,OAAO,QAAQ,UAAU,WAAW;AAAA,QACxC,kBAAkB;AAAA,QAClB,qBAAqB;AAAA,QACrB,cAAc,WAAW;AAAA,MAAA,CAC1B;AACD,YAAM,QACJ,OAAO,gBAAgB,cAAc,YAAY,IAAA,IAAQ,KAAK,IAAA;AAEhE,UAAI;AACJ,UAAI;AACF,iBAAS,QAAQ,CAAC;AAAA,MACpB,SAAS,KAAK;AACZ,aAAK,aAAa,oBAAoB,KAAK;AAC3C,aAAK,IAAI,SAAS,GAAG;AACrB,cAAM;AAAA,MACR;AAEA,UACE,WAAW,QACX,OAAO,WAAW,YAClB,OAAQ,OAAyB,SAAS,YAC1C;AACA,aAAK,aAAa,oBAAoB,IAAI;AACzC,eAAyB;AAAA,UACxB,MAAM;AACJ,kBAAM,MACJ,OAAO,gBAAgB,cACnB,YAAY,IAAA,IACZ,KAAK,IAAA;AACX,iBAAK,aAAa,0BAA0B,MAAM,KAAK;AACvD,iBAAK,IAAI,SAAS;AAAA,UACpB;AAAA,UACA,CAAC,QAAiB;AAChB,kBAAM,MACJ,OAAO,gBAAgB,cACnB,YAAY,IAAA,IACZ,KAAK,IAAA;AACX,iBAAK,aAAa,0BAA0B,MAAM,KAAK;AACvD,iBAAK,IAAI,SAAS,GAAG;AAAA,UAQvB;AAAA,QAAA;AAAA,MAEJ,OAAO;AACL,aAAK,aAAa,oBAAoB,KAAK;AAC3C,aAAK,IAAI,SAAS;AAAA,MACpB;AAAA,IACF;AAAA,IACA,CAAC,SAAS,SAAS,aAAa,QAAQ,MAAM,OAAO;AAAA,EAAA;AAGvD,SAAO,YAAY,SAAY,SAAY;AAC7C;"}

package/dist/useInstrumentedClick-COxikkTF.cjs

@@ -0,0 +1,67 @@
+"use strict";
+const React = require("react");
+const jsxRuntime = require("react/jsx-runtime");
+const noopTracker = {
+  startSpan: () => ({ setAttribute: () => {
+  }, end: () => {
+  } }),
+  track: () => {
+  }
+};
+const TrackerContext = React.createContext(noopTracker);
+function TrackerProvider({ tracker, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(TrackerContext.Provider, { value: tracker, children });
+}
+function useTracker() {
+  return React.useContext(TrackerContext);
+}
+const SPAN_NAME = "ui.button.click";
+function useInstrumentedClick(onClick, meta) {
+  const tracker = useTracker();
+  const { telemetryId, testId, kind, variant } = meta;
+  const wrapped = React.useCallback(
+    (e) => {
+      if (onClick === void 0) return;
+      const componentName = telemetryId ?? testId ?? `${kind}:${variant ?? "default"}`;
+      const span = tracker.startSpan(SPAN_NAME, {
+        "component.name": componentName,
+        "ui.component.kind": kind,
+        "ui.variant": variant ?? "default"
+      });
+      const start = typeof performance !== "undefined" ? performance.now() : Date.now();
+      let result;
+      try {
+        result = onClick(e);
+      } catch (err) {
+        span.setAttribute("ui.handler.async", false);
+        span.end("error", err);
+        throw err;
+      }
+      if (result !== null && typeof result === "object" && typeof result.then === "function") {
+        span.setAttribute("ui.handler.async", true);
+        result.then(
+          () => {
+            const end = typeof performance !== "undefined" ? performance.now() : Date.now();
+            span.setAttribute("ui.handler.duration_ms", end - start);
+            span.end("success");
+          },
+          (err) => {
+            const end = typeof performance !== "undefined" ? performance.now() : Date.now();
+            span.setAttribute("ui.handler.duration_ms", end - start);
+            span.end("error", err);
+          }
+        );
+      } else {
+        span.setAttribute("ui.handler.async", false);
+        span.end("success");
+      }
+    },
+    [tracker, onClick, telemetryId, testId, kind, variant]
+  );
+  return onClick === void 0 ? void 0 : wrapped;
+}
+exports.TrackerProvider = TrackerProvider;
+exports.noopTracker = noopTracker;
+exports.useInstrumentedClick = useInstrumentedClick;
+exports.useTracker = useTracker;
+//# sourceMappingURL=useInstrumentedClick-COxikkTF.cjs.map

package/dist/useInstrumentedClick-COxikkTF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInstrumentedClick-COxikkTF.cjs","sources":["../src/instrumentation/tracker.ts","../src/instrumentation/context.tsx","../src/instrumentation/useInstrumentedClick.ts"],"sourcesContent":["/**\n * Tracker facade — the FROZEN telemetry contract teja-ui exposes (W3 §7.5).\n *\n * teja-ui carries NO OpenTelemetry / Sentry / PostHog dependency. Consuming\n * apps inject a concrete `Tracker` via `<TrackerProvider>`; when no provider is\n * mounted the components fall back to `noopTracker`, so an un-instrumented host\n * sees ZERO behavior change. The app-side adapter (`frontend/src/lib/telemetry/\n * uiTracker.ts`) is the only place that knows about the real sink.\n */\n\n/** A single in-flight UI span (e.g. one button click). */\nexport interface SpanHandle {\n  setAttribute(key: string, value: string | number | boolean): void;\n  /**\n   * End the span. `outcome` records how the handler settled; `error` is the\n   * thrown/rejected value when `outcome === \"error\"` (recorded as an exception\n   * by the adapter, never swallowed by the hook).\n   */\n  end(outcome: 'success' | 'error' | 'abandoned', error?: unknown): void;\n}\n\nexport interface Tracker {\n  /** Start a span. Attributes are flat primitives so any sink can serialize them. */\n  startSpan(\n    name: string,\n    attrs: Record<string, string | number | boolean>,\n  ): SpanHandle;\n  /** Fire-and-forget discrete event (no duration). */\n  track(event: string, attrs?: Record<string, string | number | boolean>): void;\n}\n\n/** No-op implementation: the default when no provider is mounted. */\nexport const noopTracker: Tracker = {\n  startSpan: () => ({ setAttribute: () => {}, end: () => {} }),\n  track: () => {},\n};\n","import { createContext, useContext, type ReactNode } from 'react';\n\nimport { noopTracker, type Tracker } from './tracker';\n\n/**\n * TrackerProvider / useTracker (W3 §7.5).\n *\n * The context default is `noopTracker`, so `useTracker()` is always safe to\n * call even with no provider mounted — instrumented components degrade to\n * zero-cost no-ops rather than throwing.\n */\nconst TrackerContext = createContext<Tracker>(noopTracker);\n\nexport interface TrackerProviderProps {\n  tracker: Tracker;\n  children: ReactNode;\n}\n\nexport function TrackerProvider({ tracker, children }: TrackerProviderProps) {\n  return (\n    <TrackerContext.Provider value={tracker}>\n      {children}\n    </TrackerContext.Provider>\n  );\n}\n\nexport function useTracker(): Tracker {\n  return useContext(TrackerContext);\n}\n","import { useCallback, type SyntheticEvent } from 'react';\n\nimport { useTracker } from './context';\n\n/**\n * useInstrumentedClick (W3 §7.6).\n *\n * Wraps a click handler in a `ui.button.click` span. The span's lifecycle\n * follows the handler:\n *  - sync handler  → span ends `success` immediately (`ui.handler.async=false`)\n *  - async handler → span ends when the returned promise settles\n *    (`success`/`error`), recording `ui.handler.duration_ms`.\n *\n * Error semantics — the hook observes, never alters control flow:\n *  - sync throw  → span ends `error`, then the error is RE-THROWN so the\n *    caller's try/catch / React error boundary still sees it.\n *  - async reject → span ends `error`; the rejection is left ON the original\n *    promise so the caller's own `.catch`/awaiter still receives it. The hook\n *    attaches a passive observer (it does not consume the rejection).\n *\n * Tracker comes from `useTracker()`, so an unmounted provider = noop = zero\n * behavior change.\n */\nexport interface InstrumentedClickMeta {\n  /** Semantic id, e.g. \"onboarding.step1.next\". Highest-priority component.name. */\n  telemetryId?: string;\n  /** Fallback identity (the component's data-testid). */\n  testId?: string;\n  /** \"Button\" | \"IconButton\" | \"AIComposeButton\". */\n  kind: string;\n  variant?: string;\n}\n\nconst SPAN_NAME = 'ui.button.click';\n\nexport function useInstrumentedClick<E extends SyntheticEvent>(\n  onClick: ((e: E) => void | Promise<void>) | undefined,\n  meta: InstrumentedClickMeta,\n): ((e: E) => void) | undefined {\n  const tracker = useTracker();\n  const { telemetryId, testId, kind, variant } = meta;\n\n  const wrapped = useCallback(\n    (e: E) => {\n      // Guarded by the return below; the no-op branch is never wired up.\n      if (onClick === undefined) return;\n      const componentName =\n        telemetryId ?? testId ?? `${kind}:${variant ?? 'default'}`;\n      const span = tracker.startSpan(SPAN_NAME, {\n        'component.name': componentName,\n        'ui.component.kind': kind,\n        'ui.variant': variant ?? 'default',\n      });\n      const start =\n        typeof performance !== 'undefined' ? performance.now() : Date.now();\n\n      let result: void | Promise<void>;\n      try {\n        result = onClick(e);\n      } catch (err) {\n        span.setAttribute('ui.handler.async', false);\n        span.end('error', err);\n        throw err;\n      }\n\n      if (\n        result !== null &&\n        typeof result === 'object' &&\n        typeof (result as Promise<void>).then === 'function'\n      ) {\n        span.setAttribute('ui.handler.async', true);\n        (result as Promise<void>).then(\n          () => {\n            const end =\n              typeof performance !== 'undefined'\n                ? performance.now()\n                : Date.now();\n            span.setAttribute('ui.handler.duration_ms', end - start);\n            span.end('success');\n          },\n          (err: unknown) => {\n            const end =\n              typeof performance !== 'undefined'\n                ? performance.now()\n                : Date.now();\n            span.setAttribute('ui.handler.duration_ms', end - start);\n            span.end('error', err);\n            // Passive observation only: this handler is attached for telemetry\n            // and does NOT alter the caller's control flow. The caller's own\n            // promise chain (e.g. a mutation's onError, or an awaiter's catch)\n            // still receives the rejection independently, because both\n            // consumers observe the same promise. We do not re-throw here —\n            // doing so would fabricate a NEW, uncatchable unhandled rejection\n            // detached from the caller.\n          },\n        );\n      } else {\n        span.setAttribute('ui.handler.async', false);\n        span.end('success');\n      }\n    },\n    [tracker, onClick, telemetryId, testId, kind, variant],\n  );\n\n  return onClick === undefined ? undefined : wrapped;\n}\n"],"names":["createContext","useContext","useCallback"],"mappings":";;;AAgCO,MAAM,cAAuB;AAAA,EAClC,WAAW,OAAO,EAAE,cAAc,MAAM;AAAA,EAAC,GAAG,KAAK,MAAM;AAAA,EAAC;EACxD,OAAO,MAAM;AAAA,EAAC;AAChB;ACxBA,MAAM,iBAAiBA,MAAAA,cAAuB,WAAW;AAOlD,SAAS,gBAAgB,EAAE,SAAS,YAAkC;AAC3E,wCACG,eAAe,UAAf,EAAwB,OAAO,SAC7B,UACH;AAEJ;AAEO,SAAS,aAAsB;AACpC,SAAOC,MAAAA,WAAW,cAAc;AAClC;ACKA,MAAM,YAAY;AAEX,SAAS,qBACd,SACA,MAC8B;AAC9B,QAAM,UAAU,WAAA;AAChB,QAAM,EAAE,aAAa,QAAQ,MAAM,YAAY;AAE/C,QAAM,UAAUC,MAAAA;AAAAA,IACd,CAAC,MAAS;AAER,UAAI,YAAY,OAAW;AAC3B,YAAM,gBACJ,eAAe,UAAU,GAAG,IAAI,IAAI,WAAW,SAAS;AAC1D,YAAM,OAAO,QAAQ,UAAU,WAAW;AAAA,QACxC,kBAAkB;AAAA,QAClB,qBAAqB;AAAA,QACrB,cAAc,WAAW;AAAA,MAAA,CAC1B;AACD,YAAM,QACJ,OAAO,gBAAgB,cAAc,YAAY,IAAA,IAAQ,KAAK,IAAA;AAEhE,UAAI;AACJ,UAAI;AACF,iBAAS,QAAQ,CAAC;AAAA,MACpB,SAAS,KAAK;AACZ,aAAK,aAAa,oBAAoB,KAAK;AAC3C,aAAK,IAAI,SAAS,GAAG;AACrB,cAAM;AAAA,MACR;AAEA,UACE,WAAW,QACX,OAAO,WAAW,YAClB,OAAQ,OAAyB,SAAS,YAC1C;AACA,aAAK,aAAa,oBAAoB,IAAI;AACzC,eAAyB;AAAA,UACxB,MAAM;AACJ,kBAAM,MACJ,OAAO,gBAAgB,cACnB,YAAY,IAAA,IACZ,KAAK,IAAA;AACX,iBAAK,aAAa,0BAA0B,MAAM,KAAK;AACvD,iBAAK,IAAI,SAAS;AAAA,UACpB;AAAA,UACA,CAAC,QAAiB;AAChB,kBAAM,MACJ,OAAO,gBAAgB,cACnB,YAAY,IAAA,IACZ,KAAK,IAAA;AACX,iBAAK,aAAa,0BAA0B,MAAM,KAAK;AACvD,iBAAK,IAAI,SAAS,GAAG;AAAA,UAQvB;AAAA,QAAA;AAAA,MAEJ,OAAO;AACL,aAAK,aAAa,oBAAoB,KAAK;AAC3C,aAAK,IAAI,SAAS;AAAA,MACpB;AAAA,IACF;AAAA,IACA,CAAC,SAAS,SAAS,aAAa,QAAQ,MAAM,OAAO;AAAA,EAAA;AAGvD,SAAO,YAAY,SAAY,SAAY;AAC7C;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teja-app/ui",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "description": "Shared UI component library for Teja applications",
   "author": "Teja App",
   "license": "MIT",
@@ -39,6 +39,11 @@
       "import": "./dist/theme/index.js",
       "require": "./dist/theme/index.cjs"
     },
+    "./instrumentation": {
+      "types": "./dist/instrumentation/index.d.ts",
+      "import": "./dist/instrumentation/index.js",
+      "require": "./dist/instrumentation/index.cjs"
+    },
     "./styles.css": "./dist/ui.css"
   },
   "files": [