@alexgorbatchev/shadcn 0.0.41 → 0.0.43

package/dist/components/questionnaire/Questionnaire.d.ts

@@ -1,20 +1,21 @@
+import type { IAnalyticsProps } from "../../analytics/types.js";
 import type { ComponentProps, ReactElement } from "react";
 import type { IDensityProps } from "../../density/types.js";
 import { Questionnaire as QuestionnairePrimitive } from "@shadcn/react/questionnaire";
 import { type Button } from "../Button.js";
-declare function Questionnaire({ density, className, ...props }: ComponentProps<typeof QuestionnairePrimitive.Root> & IDensityProps): ReactElement;
+declare function Questionnaire({ analytics, density, className, ...props }: ComponentProps<typeof QuestionnairePrimitive.Root> & IDensityProps & IAnalyticsProps): ReactElement;
 declare function QuestionnaireProgress({ density, className, ...props }: ComponentProps<typeof QuestionnairePrimitive.Progress> & IDensityProps): ReactElement;
 declare function QuestionnaireItem({ density, className, ...props }: ComponentProps<typeof QuestionnairePrimitive.Item> & IDensityProps): ReactElement;
 declare function QuestionnaireTitle({ density, className, ...props }: ComponentProps<typeof QuestionnairePrimitive.Title> & IDensityProps): ReactElement;
 declare function QuestionnaireDescription({ density, className, ...props }: ComponentProps<typeof QuestionnairePrimitive.Description> & IDensityProps): ReactElement;
 declare function QuestionnaireChoices({ density, className, ...props }: ComponentProps<typeof QuestionnairePrimitive.Choices> & IDensityProps): ReactElement;
-declare function QuestionnaireChoice({ children, density, className, ...props }: ComponentProps<typeof QuestionnairePrimitive.Choice> & IDensityProps): ReactElement;
+declare function QuestionnaireChoice({ analytics, children, density, className, ...props }: ComponentProps<typeof QuestionnairePrimitive.Choice> & IDensityProps & IAnalyticsProps): ReactElement;
 declare function QuestionnaireChoiceDescription({ density, className, ...props }: ComponentProps<"span"> & IDensityProps): ReactElement;
-declare function QuestionnaireInput({ density, className, ...props }: ComponentProps<typeof QuestionnairePrimitive.Input> & IDensityProps): ReactElement;
+declare function QuestionnaireInput({ analytics, density, className, ...props }: ComponentProps<typeof QuestionnairePrimitive.Input> & IDensityProps & IAnalyticsProps): ReactElement;
 declare function QuestionnaireError({ density, className, ...props }: ComponentProps<typeof QuestionnairePrimitive.Error> & IDensityProps): ReactElement;
 declare function QuestionnaireActions({ density, className, ...props }: ComponentProps<"div"> & IDensityProps): ReactElement;
-declare function QuestionnairePrevious({ children, density, className, size, variant, ...props }: ComponentProps<typeof QuestionnairePrimitive.Previous> & Pick<ComponentProps<typeof Button>, "size" | "variant"> & IDensityProps): ReactElement;
-declare function QuestionnaireSkip({ children, density, className, size, variant, ...props }: ComponentProps<typeof QuestionnairePrimitive.Skip> & Pick<ComponentProps<typeof Button>, "size" | "variant"> & IDensityProps): ReactElement;
-declare function QuestionnaireNext({ children, density, className, size, variant, ...props }: ComponentProps<typeof QuestionnairePrimitive.Next> & Pick<ComponentProps<typeof Button>, "size" | "variant"> & IDensityProps): ReactElement;
-declare function QuestionnaireSubmit({ children, density, className, size, variant, ...props }: ComponentProps<typeof QuestionnairePrimitive.Submit> & Pick<ComponentProps<typeof Button>, "size" | "variant"> & IDensityProps): ReactElement;
+declare function QuestionnairePrevious({ analytics, children, density, className, size, variant, ...props }: ComponentProps<typeof QuestionnairePrimitive.Previous> & Pick<ComponentProps<typeof Button>, "size" | "variant"> & IDensityProps & IAnalyticsProps): ReactElement;
+declare function QuestionnaireSkip({ analytics, children, density, className, size, variant, ...props }: ComponentProps<typeof QuestionnairePrimitive.Skip> & Pick<ComponentProps<typeof Button>, "size" | "variant"> & IDensityProps & IAnalyticsProps): ReactElement;
+declare function QuestionnaireNext({ analytics, children, density, className, size, variant, ...props }: ComponentProps<typeof QuestionnairePrimitive.Next> & Pick<ComponentProps<typeof Button>, "size" | "variant"> & IDensityProps & IAnalyticsProps): ReactElement;
+declare function QuestionnaireSubmit({ analytics, children, density, className, size, variant, ...props }: ComponentProps<typeof QuestionnairePrimitive.Submit> & Pick<ComponentProps<typeof Button>, "size" | "variant"> & IDensityProps & IAnalyticsProps): ReactElement;
 export { Questionnaire, QuestionnaireActions, QuestionnaireChoice, QuestionnaireChoiceDescription, QuestionnaireChoices, QuestionnaireDescription, QuestionnaireError, QuestionnaireInput, QuestionnaireItem, QuestionnaireNext, QuestionnairePrevious, QuestionnaireProgress, QuestionnaireSkip, QuestionnaireSubmit, QuestionnaireTitle, };

package/dist/components/questionnaire/index.js

@@ -1,3 +1,8 @@
+import"../../chunk-7ny0vyek.js";
+import"../../chunk-8ssktt4b.js";
+import {
+  useAnalyticsInput
+} from "../../chunk-7jpsybag.js";
 import {
   S,
   d,
@@ -6,9 +11,15 @@ import {
 import {
   cn2
 } from "../../chunk-cp2m7y7v.js";
+import"../../chunk-e6hk39ev.js";
+import"../../chunk-x90xmrba.js";
+import"../../chunk-jpvw9xqy.js";
 import {
   buttonVariants2
-} from "../../chunk-q7p28b89.js";
+} from "../../chunk-38301e40.js";
+import {
+  useAnalyticsCallback
+} from "../../chunk-5mydsjp3.js";
 
 // node_modules/@shadcn/react/dist/questionnaire/index.js
 import * as p from "react";
@@ -487,15 +498,20 @@ var zt = { Root: Ye, Progress: Ze, Item: et, Title: tt, Description: nt, Choices
 import { CheckIcon } from "lucide-react";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function Questionnaire({
+  analytics,
   density,
   className,
   ...props
 }) {
+  const trackedOnItemChange = useAnalyticsCallback("Questionnaire", analytics, { name: "ui.navigate" }, props.onItemChange);
+  const trackedOnSubmit = useAnalyticsCallback("Questionnaire", analytics, { name: "ui.commit" }, props.onSubmit);
   return /* @__PURE__ */ jsx2(zt.Root, {
     "data-density": density,
     "data-slot": "questionnaire",
     className: cn2("flex w-full min-w-0 flex-col gap-field-gap", className),
-    ...props
+    ...props,
+    onItemChange: trackedOnItemChange,
+    onSubmit: trackedOnSubmit
   });
 }
 function QuestionnaireProgress({
@@ -559,16 +575,19 @@ function QuestionnaireChoices({
   });
 }
 function QuestionnaireChoice({
+  analytics,
   children,
   density,
   className,
   ...props
 }) {
+  const trackedOnChange = useAnalyticsCallback("QuestionnaireChoice", analytics, { name: "ui.change-request" }, props.onChange);
   return /* @__PURE__ */ jsxs(zt.Choice, {
     "data-density": density,
     "data-slot": "questionnaire-choice",
     className: cn2("group/questionnaire-choice relative flex min-h-control cursor-pointer items-start gap-control-gap rounded-sm border border-input bg-transparent px-control-x py-1 text-start text-sm transition-colors outline-none select-none hover:bg-muted/50 has-[>input:focus-visible]:border-ring has-[>input:focus-visible]:ring-1 has-[>input:focus-visible]:ring-ring data-invalid:border-destructive data-checked:border-primary/40 data-checked:bg-muted motion-reduce:transition-none", "data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50", className),
     ...props,
+    onChange: trackedOnChange,
     children: [
       /* @__PURE__ */ jsx2(zt.ChoiceInput, {
         "data-density": density,
@@ -620,10 +639,12 @@ function QuestionnaireChoiceDescription({
   });
 }
 function QuestionnaireInput({
+  analytics,
   density,
   className,
   ...props
 }) {
+  const analyticsInput = useAnalyticsInput("QuestionnaireInput", analytics, props);
   return /* @__PURE__ */ jsx2("div", {
     "data-density": density,
     "data-slot": "questionnaire-input-wrapper",
@@ -632,7 +653,8 @@ function QuestionnaireInput({
       "data-density": density,
       "data-slot": "questionnaire-input",
       className: cn2("h-control w-full min-w-0 rounded-sm border border-input bg-secondary px-control-x py-1 text-base transition-colors outline-none focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive motion-reduce:transition-none", "selection:bg-primary selection:text-primary-foreground placeholder:text-faint-foreground", className),
-      ...props
+      ...props,
+      ...analyticsInput
     })
   });
 }
@@ -657,6 +679,7 @@ function QuestionnaireActions({ density, className, ...props }) {
   });
 }
 function QuestionnairePrevious({
+  analytics,
   children,
   density,
   className,
@@ -664,6 +687,7 @@ function QuestionnairePrevious({
   variant = "outline",
   ...props
 }) {
+  const trackedOnClick = useAnalyticsCallback("QuestionnairePrevious", analytics, { name: "ui.activate" }, props.onClick);
   return /* @__PURE__ */ jsx2(zt.Previous, {
     "data-density": density,
     "data-slot": "questionnaire-previous",
@@ -671,10 +695,12 @@ function QuestionnairePrevious({
     "data-variant": variant,
     className: cn2(buttonVariants2({ size, variant }), "col-start-1 row-start-1 motion-reduce:transition-none justify-self-start", className),
     ...props,
+    onClick: trackedOnClick,
     children: children ?? "Previous"
   });
 }
 function QuestionnaireSkip({
+  analytics,
   children,
   density,
   className,
@@ -682,6 +708,7 @@ function QuestionnaireSkip({
   variant = "outline",
   ...props
 }) {
+  const trackedOnClick = useAnalyticsCallback("QuestionnaireSkip", analytics, { name: "ui.activate" }, props.onClick);
   return /* @__PURE__ */ jsx2(zt.Skip, {
     "data-density": density,
     "data-slot": "questionnaire-skip",
@@ -689,10 +716,12 @@ function QuestionnaireSkip({
     "data-variant": variant,
     className: cn2(buttonVariants2({ size, variant }), "col-start-2 row-start-1 motion-reduce:transition-none justify-self-end", className),
     ...props,
+    onClick: trackedOnClick,
     children: children ?? "Skip"
   });
 }
 function QuestionnaireNext({
+  analytics,
   children,
   density,
   className,
@@ -700,6 +729,7 @@ function QuestionnaireNext({
   variant = "default",
   ...props
 }) {
+  const trackedOnClick = useAnalyticsCallback("QuestionnaireNext", analytics, { name: "ui.activate" }, props.onClick);
   return /* @__PURE__ */ jsx2(zt.Next, {
     "data-density": density,
     "data-slot": "questionnaire-next",
@@ -707,10 +737,12 @@ function QuestionnaireNext({
     "data-variant": variant,
     className: cn2(buttonVariants2({ size, variant }), "col-start-3 row-start-1 motion-reduce:transition-none justify-self-end", className),
     ...props,
+    onClick: trackedOnClick,
     children: children ?? "Next"
   });
 }
 function QuestionnaireSubmit({
+  analytics,
   children,
   density,
   className,
@@ -718,6 +750,7 @@ function QuestionnaireSubmit({
   variant = "default",
   ...props
 }) {
+  const trackedOnClick = useAnalyticsCallback("QuestionnaireSubmit", analytics, { name: "ui.activate" }, props.onClick);
   return /* @__PURE__ */ jsx2(zt.Submit, {
     "data-density": density,
     "data-slot": "questionnaire-submit",
@@ -725,6 +758,7 @@ function QuestionnaireSubmit({
     "data-variant": variant,
     className: cn2(buttonVariants2({ size, variant }), "col-start-3 row-start-1 motion-reduce:transition-none justify-self-end", className),
     ...props,
+    onClick: trackedOnClick,
     children: children ?? "Submit"
   });
 }

package/dist/components/resizable/Resizable.d.ts

@@ -1,6 +1,7 @@
+import type { IAnalyticsProps } from "../../analytics/types.js";
 import type { ReactElement } from "react";
 import type { GroupProps, PanelProps, SeparatorProps } from "react-resizable-panels";
-declare function Resizable({ className, ...props }: GroupProps): ReactElement;
+declare function Resizable({ analytics, className, ...props }: GroupProps & IAnalyticsProps): ReactElement;
 declare function ResizablePanel({ style, ...props }: PanelProps): ReactElement;
 type ResizableHandleProps = SeparatorProps & {
     withHandle?: boolean;

package/dist/components/resizable/index.js

@@ -1,15 +1,18 @@
+import"../../chunk-7ny0vyek.js";
+import"../../chunk-8ssktt4b.js";
 import"../../chunk-cp2m7y7v.js";
 import {
   Resizable2,
   ResizablePanel2,
   ResizableHandle2
-} from "../../chunk-rffrerg5.js";
+} from "../../chunk-7w8yemba.js";
 import {
   Separator2
 } from "../../chunk-rajgnfbr.js";
 import {
   useMediaQuery
 } from "../../chunk-k99h6evz.js";
+import"../../chunk-5mydsjp3.js";
 // src/components/resizable/SplitView.tsx
 import { useDefaultLayout } from "react-resizable-panels";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/sonner/Sonner.d.ts

@@ -1,7 +1,8 @@
+import type { IAnalyticsProps } from "../../analytics/types.js";
 import type { ReactElement } from "react";
 import type { ToasterProps } from "sonner";
 import type { IDensityProps } from "../../density/types.js";
-type SonnerProps = ToasterProps & IDensityProps;
-declare function Sonner({ density, className, toastOptions, icons, theme, dir, expand, ...props }: SonnerProps): ReactElement;
+type SonnerProps = ToasterProps & IDensityProps & IAnalyticsProps;
+declare function Sonner({ analytics, density, className, toastOptions, icons, theme, dir, expand, ...props }: SonnerProps): ReactElement;
 export { Sonner, Sonner as SonnerToaster, Sonner as Toaster };
 export { toast } from "sonner";

package/dist/components/sonner/index.js

@@ -1,3 +1,5 @@
+import"../../chunk-7ny0vyek.js";
+import"../../chunk-8ssktt4b.js";
 import {
   useTheme2
 } from "../../chunk-1j2hz3w9.js";
@@ -7,9 +9,14 @@ import {
 import {
   cn2
 } from "../../chunk-cp2m7y7v.js";
+import"../../chunk-x90xmrba.js";
+import"../../chunk-jpvw9xqy.js";
 import {
   buttonVariants2
-} from "../../chunk-q7p28b89.js";
+} from "../../chunk-38301e40.js";
+import {
+  useAnalyticsCallback
+} from "../../chunk-5mydsjp3.js";
 
 // node_modules/sonner/dist/index.mjs
 import React from "react";
@@ -1192,6 +1199,7 @@ import { CircleCheckIcon, InfoIcon as InfoIcon2, TriangleAlertIcon, OctagonXIcon
 import { useDirection } from "@base-ui/react/direction-provider";
 import { jsx } from "react/jsx-runtime";
 function Sonner({
+  analytics,
   density,
   className,
   toastOptions,
@@ -1201,10 +1209,15 @@ function Sonner({
   expand = true,
   ...props
 }) {
+  const activate = useAnalyticsCallback("Sonner", analytics, { name: "ui.activate" }, undefined);
   const { resolvedTheme } = useTheme2();
   const resolvedDensity = useDensity(density);
   const inheritedDirection = useDirection();
   return /* @__PURE__ */ jsx("div", {
+    onClick: (event) => {
+      if (event.target instanceof Element && event.target.closest("button,a[href]"))
+        activate(event);
+    },
     "data-slot": "sonner",
     "data-density": resolvedDensity,
     className: "contents",

package/dist/components/tree/Tree.d.ts

@@ -1,7 +1,8 @@
+import type { IAnalyticsProps } from "../../analytics/types.js";
 import type { TreeInstance, ItemInstance } from "@headless-tree/core";
 import type { ReactElement, ReactNode } from "react";
 import type { IDensityProps } from "../../density/types.js";
-type TreeProps<T> = IDensityProps & {
+type TreeProps<T> = IAnalyticsProps & IDensityProps & {
     tree: TreeInstance<T>;
     label: string;
     variant?: "default" | "sidebar";
@@ -10,6 +11,6 @@ type TreeProps<T> = IDensityProps & {
     renderItem?: (item: ItemInstance<T>) => ReactNode;
 };
 /** Headless Tree owns navigation, selection, expansion, and optional pointer/keyboard drag and drop. */
-declare function Tree<T>({ tree, label, variant, renderIcon, renderLabel, renderItem, density, }: TreeProps<T>): ReactElement;
+declare function Tree<T>({ analytics, tree, label, variant, renderIcon, renderLabel, renderItem, density, }: TreeProps<T>): ReactElement;
 export { Tree };
 export type { TreeProps };

package/dist/components/tree/TreeItem.d.ts

@@ -1,3 +1,4 @@
+import type { IAnalyticsProps } from "../../analytics/types.js";
 import { useRender } from "@base-ui/react/use-render";
 import type { ItemInstance } from "@headless-tree/core";
 import type { ReactElement, ReactNode } from "react";
@@ -9,7 +10,7 @@ type TreeItemState = {
     dropTarget: boolean;
     density: IDensityProps["density"];
 };
-type TreeItemProps<T> = useRender.ComponentProps<"div", TreeItemState> & IDensityProps & {
+type TreeItemProps<T> = useRender.ComponentProps<"div", TreeItemState> & IDensityProps & IAnalyticsProps & {
     item: ItemInstance<T>;
     startEnhancer?: ReactNode;
     endEnhancer?: ReactNode;
@@ -18,5 +19,5 @@ type TreeItemProps<T> = useRender.ComponentProps<"div", TreeItemState> & IDensit
     isDropTarget?: boolean;
 };
 /** Registered tree row; compose menus with render and place counts/actions in endEnhancer. */
-export declare function TreeItem<T>({ item, children, startEnhancer, endEnhancer, expandOn, isEditing, isDropTarget, density, render, ref, ...props }: TreeItemProps<T>): ReactElement;
+export declare function TreeItem<T>({ analytics, item, children, startEnhancer, endEnhancer, expandOn, isEditing, isDropTarget, density, render, ref, ...props }: TreeItemProps<T>): ReactElement;
 export type { TreeItemProps };

package/dist/components/tree/index.js

@@ -1,9 +1,19 @@
+import {
+  useAnalytics2
+} from "../../chunk-7ny0vyek.js";
 import {
   cn2
 } from "../../chunk-cp2m7y7v.js";
+import"../../chunk-8ssktt4b.js";
+import"../../chunk-e6hk39ev.js";
+import"../../chunk-x90xmrba.js";
+import"../../chunk-jpvw9xqy.js";
 import {
   Button2
-} from "../../chunk-q7p28b89.js";
+} from "../../chunk-38301e40.js";
+import {
+  useAnalyticsCallback
+} from "../../chunk-5mydsjp3.js";
 
 // src/components/tree/TreeItem.tsx
 import { mergeProps } from "@base-ui/react/merge-props";
@@ -14,6 +24,7 @@ function isRowControl(event) {
   return event.target !== event.currentTarget && event.target instanceof Element && Boolean(event.target.closest("button,input,textarea,select,form"));
 }
 function TreeItem({
+  analytics,
   item,
   children,
   startEnhancer,
@@ -27,6 +38,7 @@ function TreeItem({
   ...props
 }) {
   const nativeProps = item.getProps();
+  const activate = useAnalyticsCallback("TreeItem", analytics, { name: "ui.activate" }, undefined);
   const isExpanded = item.isExpanded();
   const isSelected = item.isSelected?.() ?? false;
   const isInsideTarget = item.isUnorderedDragTarget?.() ?? false;
@@ -122,7 +134,14 @@ function TreeItem({
           })
         ]
       })
-    }, props),
+    }, {
+      ...props,
+      onClick: (event) => {
+        props.onClick?.(event);
+        if (!isEditing && !isRowControl(event))
+          activate(event);
+      }
+    }),
     state: {
       slot: "tree-item",
       selected: isSelected,
@@ -136,6 +155,7 @@ function TreeItem({
 // src/components/tree/Tree.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function Tree({
+  analytics,
   tree,
   label,
   variant = "default",
@@ -144,6 +164,7 @@ function Tree({
   renderItem,
   density
 }) {
+  const track = useAnalytics2("Tree", analytics);
   const container = tree.getContainerProps(label);
   const dragLine = tree.getDragLineData?.();
   const element = tree.getElement();
@@ -154,7 +175,12 @@ function Tree({
     onKeyDown: (event) => {
       if (event.target instanceof Element && event.target.closest("input,textarea,select,form,button,[role=menu]"))
         return;
+      if (event.defaultPrevented)
+        return;
       container.onKeyDown?.(event);
+      if (["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Home", "End", "Enter", " "].includes(event.key)) {
+        track({ name: "ui.navigate" }, event.nativeEvent);
+      }
     },
     children: [
       tree.getItems().map((item) => renderItem ? /* @__PURE__ */ jsx2("div", {

package/dist/components/virtual-data-grid/index.js

@@ -2,18 +2,25 @@ import"../../chunk-cp2m7y7v.js";
 import {
   TableRow2
 } from "../../chunk-zte6pw69.js";
-import"../../chunk-q7p28b89.js";
-import"../../chunk-5bw5h08v.js";
-import"../../chunk-59p19t57.js";
+import"../../chunk-7ny0vyek.js";
+import"../../chunk-8ssktt4b.js";
+import"../../chunk-e6hk39ev.js";
+import"../../chunk-x90xmrba.js";
+import"../../chunk-jpvw9xqy.js";
+import"../../chunk-38301e40.js";
+import"../../chunk-r4jzz4f2.js";
+import"../../chunk-7jpsybag.js";
+import"../../chunk-0fmrwsgp.js";
 import {
   getDataGridColumnSizeVariables,
   DataGridHeaderRows,
   DataGridCells2,
   DataGridColumns
-} from "../../chunk-sb00e3gj.js";
+} from "../../chunk-77xfccfq.js";
 import {
   VirtualTable2
 } from "../../chunk-efs4bk5b.js";
+import"../../chunk-5mydsjp3.js";
 
 // src/components/virtual-data-grid/VirtualDataGrid.tsx
 import { useRef } from "react";

package/dist/drag-drop/types.d.ts

@@ -1,3 +1,4 @@
+import type { IAnalyticsProps } from "../analytics/types.js";
 import type { DragEvent, HTMLAttributes } from "react";
 export interface IDragDropItem {
     type: string;
@@ -29,7 +30,7 @@ export interface IDragSource {
     props: Pick<HTMLAttributes<HTMLElement>, "draggable" | "onDragStart" | "onDragEnd">;
     isDragging: boolean;
 }
-export interface IDropTargetOptions {
+export interface IDropTargetOptions extends IAnalyticsProps {
     accept: readonly string[];
     canDrop?: (item: IDragDropItem) => boolean;
     getDropEffect?: (item: IDragDropItem | null, event: DragEvent<HTMLElement>) => DataTransfer["dropEffect"];

package/dist/hooks/useAnalytics.d.ts

@@ -0,0 +1,4 @@
+import type { IAnalyticsProps, UIAnalyticsDetail } from "../analytics/types.js";
+type TrackAnalytics = (detail: UIAnalyticsDetail, source?: Event) => void;
+export declare function useAnalytics(component: string, analytics?: IAnalyticsProps["analytics"]): TrackAnalytics;
+export {};

package/dist/hooks/useAnalyticsCallback.d.ts

@@ -0,0 +1,5 @@
+import type { IAnalyticsProps, UIAnalyticsDetail } from "../analytics/types.js";
+type AnalyticsCallback<Args extends unknown[]> = (...args: Args) => void;
+type AnalyticsDetail<Args extends unknown[]> = UIAnalyticsDetail | ((...args: Args) => UIAnalyticsDetail);
+export declare function useAnalyticsCallback<Args extends unknown[]>(component: string, analytics: IAnalyticsProps["analytics"], detail: AnalyticsDetail<NoInfer<Args>>, callback: AnalyticsCallback<Args> | undefined): AnalyticsCallback<Args>;
+export {};

package/dist/hooks/useAnalyticsEnabled.d.ts

@@ -0,0 +1,2 @@
+import type { IAnalyticsProps } from "../analytics/types.js";
+export declare function useAnalyticsEnabled(analytics?: IAnalyticsProps["analytics"]): boolean;

package/dist/hooks/useAnalyticsInput.d.ts

@@ -0,0 +1,8 @@
+import { type ChangeEventHandler, type FocusEventHandler } from "react";
+import type { IAnalyticsProps } from "../analytics/types.js";
+interface IInputHandlers<Element extends HTMLElement> {
+    onChange?: ChangeEventHandler<Element>;
+    onBlur?: FocusEventHandler<Element>;
+}
+export declare function useAnalyticsInput<Element extends HTMLElement>(component: string, analytics: IAnalyticsProps["analytics"], handlers: IInputHandlers<Element>): Required<IInputHandlers<Element>>;
+export {};

package/dist/hooks/useDropTarget.d.ts

@@ -1,2 +1,2 @@
 import type { IDropTarget, IDropTargetOptions } from "../drag-drop/types.js";
-export declare function useDropTarget({ accept, canDrop, getDropEffect, onDrop }: IDropTargetOptions): IDropTarget;
+export declare function useDropTarget({ analytics, accept, canDrop, getDropEffect, onDrop }: IDropTargetOptions): IDropTarget;

package/dist/index.d.ts

@@ -29,6 +29,8 @@ export { useDropTarget } from "./hooks/useDropTarget.js";
 export type { IDragDropItem, IDragSourceOptions, IDragSource, IDropTargetOptions, IDropTarget, } from "./drag-drop/types.js";
 export { EmptyState } from "./components/EmptyState.js";
 export { PageMessage } from "./components/PageMessage.js";
+export { DataViewer, formatDataLabel } from "./components/DataViewer.js";
+export type { DataViewerProps } from "./components/DataViewer.js";
 export { JsonViewer } from "./components/JsonViewer.js";
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, } from "./components/AlertDialog.js";
 export { Checkbox } from "./components/Checkbox.js";