@alexgorbatchev/shadcn 0.0.42 → 0.0.43

package/dist/{chunk-4stkzcvt.js → chunk-3r0q02k6.js}

@@ -1,24 +1,29 @@
+import {
+  useAnalytics2
+} from "./chunk-7ny0vyek.js";
 import {
   cn2
 } from "./chunk-cp2m7y7v.js";
-import {
-  buttonVariants2,
-  Button2
-} from "./chunk-q7p28b89.js";
 import {
   DensityContext,
   useDensity
 } from "./chunk-e6hk39ev.js";
 import {
-  usePortalContainer2
-} from "./chunk-j89xg1ak.js";
-import {
+  usePortalContainer2,
   usePortalNode,
   PortalProvider2
-} from "./chunk-aa7m22zj.js";
+} from "./chunk-x90xmrba.js";
 import {
   useDirection2
 } from "./chunk-jpvw9xqy.js";
+import {
+  TooltipProvider2,
+  Tooltip2,
+  TooltipTrigger2,
+  TooltipContent2,
+  buttonVariants2,
+  Button2
+} from "./chunk-38301e40.js";
 import {
   DropdownMenu2,
   DropdownMenuPortal2,
@@ -33,13 +38,13 @@ import {
   DropdownMenuRadioGroup2,
   DropdownMenuSeparator2,
   DropdownMenuShortcut2
-} from "./chunk-d4bm5rzy.js";
+} from "./chunk-8wc2z7te.js";
 import {
   Skeleton2
 } from "./chunk-d70rcwk7.js";
 import {
   Input2
-} from "./chunk-59p19t57.js";
+} from "./chunk-0fmrwsgp.js";
 import {
   Separator2
 } from "./chunk-rajgnfbr.js";
@@ -51,13 +56,10 @@ import {
 } from "./chunk-6jpz5geq.js";
 import {
   Textarea2
-} from "./chunk-hz9azhzx.js";
+} from "./chunk-tq0pfv5h.js";
 import {
-  TooltipProvider2,
-  Tooltip2,
-  TooltipTrigger2,
-  TooltipContent2
-} from "./chunk-mz3e810d.js";
+  RadioGroup2
+} from "./chunk-ekbesw9t.js";
 import {
   Card2,
   CardHeader2,
@@ -80,7 +82,7 @@ import {
   ComboboxChipsInput2,
   useComboboxAnchor2,
   ScrollArea2
-} from "./chunk-c7tnf6h7.js";
+} from "./chunk-p1eqxz4v.js";
 import {
   Badge2
 } from "./chunk-wjx6zf94.js";
@@ -113,7 +115,10 @@ import {
 import {
   NativeSelect2,
   NativeSelectOption2
-} from "./chunk-5bw5h08v.js";
+} from "./chunk-r4jzz4f2.js";
+import {
+  AnalyticsLink
+} from "./chunk-4710gn6d.js";
 import {
   SidebarProvider2,
   Sidebar2,
@@ -126,12 +131,19 @@ import {
   SidebarMenu2,
   SidebarMenuItem2,
   SidebarMenuButton2
-} from "./chunk-8vfh3ez0.js";
+} from "./chunk-c9ypcp4s.js";
+import {
+  AnalyticsButton
+} from "./chunk-tcefvfr8.js";
+import {
+  useAnalyticsCallback
+} from "./chunk-5mydsjp3.js";
 // src/components/ButtonLink.tsx
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { jsx } from "react/jsx-runtime";
 function ButtonLink2({
+  analytics,
   density,
   className,
   variant = "default",
@@ -143,6 +155,7 @@ function ButtonLink2({
   children,
   ...props
 }) {
+  const onClick = useAnalyticsCallback("ButtonLink", analytics, { name: "ui.activate" }, props.onClick);
   return useRender({
     defaultTagName: "a",
     props: mergeProps({
@@ -151,7 +164,7 @@ function ButtonLink2({
         className: "min-w-0 truncate",
         children
       }) : children
-    }, props),
+    }, { ...props, onClick }),
     render,
     state: {
       slot: "button-link",
@@ -163,12 +176,14 @@ function ButtonLink2({
 import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
 import { ChevronDownIcon, ChevronUpIcon } from "lucide-react";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-function Accordion2({ density, className, ...props }) {
+function Accordion2({ analytics, density, className, ...props }) {
+  const trackedOnValueChange = useAnalyticsCallback("Accordion", analytics, { name: "ui.change-request" }, props.onValueChange);
   return /* @__PURE__ */ jsx2(AccordionPrimitive.Root, {
     "data-density": density,
     "data-slot": "accordion",
     className: (state) => cn2("flex w-full flex-col", typeof className === "function" ? className(state) : className),
-    ...props
+    ...props,
+    onValueChange: trackedOnValueChange
   });
 }
 function AccordionItem2({ density, className, ...props }) {
@@ -399,10 +414,15 @@ import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog
 import { useDirection } from "@base-ui/react/direction-provider";
 import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 "use client";
-function AlertDialog2({ ...props }) {
+function AlertDialog2({
+  analytics,
+  ...props
+}) {
+  const trackedOnOpenChange = useAnalyticsCallback("AlertDialog", analytics, (open, _details) => ({ name: "ui.open-request", open }), props.onOpenChange);
   return /* @__PURE__ */ jsx7(AlertDialogPrimitive.Root, {
     "data-slot": "alert-dialog",
-    ...props
+    ...props,
+    onOpenChange: trackedOnOpenChange
   });
 }
 function AlertDialogTrigger2({ ...props }) {
@@ -524,7 +544,18 @@ import { useDirection as useDirection3 } from "@base-ui/react/direction-provider
 import { ChevronDownIcon as ChevronDownIcon2, CheckIcon, ChevronUpIcon as ChevronUpIcon2 } from "lucide-react";
 import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 "use client";
-var Select2 = SelectPrimitive.Root;
+function Select2({
+  analytics,
+  ...props
+}) {
+  const onValueChange = useAnalyticsCallback("Select", analytics, { name: "ui.change-request" }, props.onValueChange);
+  const onOpenChange = useAnalyticsCallback("Select", analytics, (open, _details) => ({ name: "ui.open-request", open }), props.onOpenChange);
+  return /* @__PURE__ */ jsx8(SelectPrimitive.Root, {
+    ...props,
+    onValueChange,
+    onOpenChange
+  });
+}
 function SelectGroup2({ density, className, ...props }) {
   return /* @__PURE__ */ jsx8(SelectPrimitive.Group, {
     "data-density": density,
@@ -1092,12 +1123,13 @@ function BreadcrumbItem2({ density, className, ...props }) {
     ...props
   });
 }
-function BreadcrumbLink2({ density, className, render, ...props }) {
+function BreadcrumbLink2({ analytics, density, className, render, ...props }) {
+  const onClick = useAnalyticsCallback("BreadcrumbLink", analytics, { name: "ui.activate" }, props.onClick);
   return useRender3({
     defaultTagName: "a",
     props: mergeProps3({
       className: cn2("transition-colors hover:text-foreground", className)
-    }, props),
+    }, { ...props, onClick }),
     render,
     state: {
       density,
@@ -1369,13 +1401,16 @@ function PaginationItem2({ ...props }) {
   });
 }
 function PaginationLink2({
+  analytics,
   density,
   className,
   isActive,
   size = "icon",
   ...props
 }) {
-  return /* @__PURE__ */ jsx15("a", {
+  return /* @__PURE__ */ jsx15(AnalyticsLink, {
+    component: "PaginationLink",
+    analytics,
     "data-density": density,
     className: cn2(buttonVariants2({ variant: isActive ? "outline" : "ghost", size }), className),
     "aria-current": isActive ? "page" : undefined,
@@ -1464,12 +1499,14 @@ function useDrawer() {
 import { Drawer as DrawerPrimitive } from "@base-ui/react/drawer";
 import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
 function Drawer2({
+  analytics,
   modal = true,
   showSwipeHandle = false,
   snapPoints,
   swipeDirection = "down",
   ...props
 }) {
+  const trackedOnOpenChange = useAnalyticsCallback("Drawer", analytics, (open, _details) => ({ name: "ui.open-request", open }), props.onOpenChange);
   const hasSnapPoints = snapPoints != null && snapPoints.length > 0;
   const contextValue = useMemo2(() => ({ hasSnapPoints, modal, showSwipeHandle, swipeDirection }), [hasSnapPoints, modal, showSwipeHandle, swipeDirection]);
   return /* @__PURE__ */ jsx16(DrawerContext.Provider, {
@@ -1479,7 +1516,8 @@ function Drawer2({
       modal,
       snapPoints,
       swipeDirection,
-      ...props
+      ...props,
+      onOpenChange: trackedOnOpenChange
     })
   });
 }
@@ -1602,10 +1640,12 @@ import { ChevronRightIcon as ChevronRightIcon3, CheckIcon as CheckIcon2 } from "
 import { useDirection as useDirection4 } from "@base-ui/react/direction-provider";
 import { ContextMenu as ContextMenuPrimitive } from "@base-ui/react/context-menu";
 import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
-function ContextMenu2({ ...props }) {
+function ContextMenu2({ analytics, ...props }) {
+  const trackedOnOpenChange = useAnalyticsCallback("ContextMenu", analytics, (open, _details) => ({ name: "ui.open-request", open }), props.onOpenChange);
   return /* @__PURE__ */ jsx17(ContextMenuPrimitive.Root, {
     "data-slot": "context-menu",
-    ...props
+    ...props,
+    onOpenChange: trackedOnOpenChange
   });
 }
 function ContextMenuPortal2({ container, ref, children, ...props }) {
@@ -1674,20 +1714,34 @@ function ContextMenuLabel2({ density, className, inset, ...props }) {
     ...props
   });
 }
-function ContextMenuItem2({ density, className, inset, variant = "default", ...props }) {
+function ContextMenuItem2({
+  analytics,
+  density,
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  const trackedOnClick = useAnalyticsCallback("ContextMenuItem", analytics, { name: "ui.activate" }, props.onClick);
   return /* @__PURE__ */ jsx17(ContextMenuPrimitive.Item, {
     "data-density": density,
     "data-slot": "context-menu-item",
     "data-inset": inset,
     "data-variant": variant,
     className: (state) => cn2("group/context-menu-item relative flex cursor-default items-center gap-control-gap rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:ps-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive  data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 focus:*:[svg]:text-accent-foreground data-[variant=destructive]:*:[svg]:text-destructive", typeof className === "function" ? className(state) : className),
-    ...props
+    ...props,
+    onClick: trackedOnClick
   });
 }
-function ContextMenuSub2({ ...props }) {
+function ContextMenuSub2({
+  analytics,
+  ...props
+}) {
+  const trackedOnOpenChange = useAnalyticsCallback("ContextMenuSub", analytics, (open, _details) => ({ name: "ui.open-request", open }), props.onOpenChange);
   return /* @__PURE__ */ jsx17(ContextMenuPrimitive.SubmenuRoot, {
     "data-slot": "context-menu-sub",
-    ...props
+    ...props,
+    onOpenChange: trackedOnOpenChange
   });
 }
 function ContextMenuSubTrigger2({ density, className, inset, children, ...props }) {
@@ -1714,6 +1768,7 @@ function ContextMenuSubContent2({ ...props }) {
   });
 }
 function ContextMenuCheckboxItem2({
+  analytics,
   density,
   className,
   children,
@@ -1721,6 +1776,7 @@ function ContextMenuCheckboxItem2({
   inset,
   ...props
 }) {
+  const trackedOnCheckedChange = useAnalyticsCallback("ContextMenuCheckboxItem", analytics, { name: "ui.change-request" }, props.onCheckedChange);
   return /* @__PURE__ */ jsxs11(ContextMenuPrimitive.CheckboxItem, {
     "data-density": density,
     "data-slot": "context-menu-checkbox-item",
@@ -1728,6 +1784,7 @@ function ContextMenuCheckboxItem2({
     className: (state) => cn2("relative flex cursor-default items-center gap-control-gap rounded-md py-1 pe-8 ps-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:ps-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", typeof className === "function" ? className(state) : className),
     checked,
     ...props,
+    onCheckedChange: trackedOnCheckedChange,
     children: [
       /* @__PURE__ */ jsx17("span", {
         className: "pointer-events-none absolute end-2",
@@ -1739,10 +1796,15 @@ function ContextMenuCheckboxItem2({
     ]
   });
 }
-function ContextMenuRadioGroup2({ ...props }) {
+function ContextMenuRadioGroup2({
+  analytics,
+  ...props
+}) {
+  const trackedOnValueChange = useAnalyticsCallback("ContextMenuRadioGroup", analytics, { name: "ui.change-request" }, props.onValueChange);
   return /* @__PURE__ */ jsx17(ContextMenuPrimitive.RadioGroup, {
     "data-slot": "context-menu-radio-group",
-    ...props
+    ...props,
+    onValueChange: trackedOnValueChange
   });
 }
 function ContextMenuRadioItem2({ density, className, children, inset, ...props }) {
@@ -1792,10 +1854,15 @@ function Menubar2({ density, className, ...props }) {
     ...props
   });
 }
-function MenubarMenu2({ ...props }) {
+function MenubarMenu2({
+  analytics,
+  ...props
+}) {
+  const trackedOnOpenChange = useAnalyticsCallback("MenubarMenu", analytics, (open, _details) => ({ name: "ui.open-request", open }), props.onOpenChange);
   return /* @__PURE__ */ jsx18(DropdownMenu2, {
     "data-slot": "menubar-menu",
-    ...props
+    ...props,
+    onOpenChange: trackedOnOpenChange
   });
 }
 function MenubarGroup2({ ...props }) {
@@ -1836,17 +1903,27 @@ function MenubarContent2({
     ...props
   });
 }
-function MenubarItem2({ density, className, inset, variant = "default", ...props }) {
+function MenubarItem2({
+  analytics,
+  density,
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  const trackedOnClick = useAnalyticsCallback("MenubarItem", analytics, { name: "ui.activate" }, props.onClick);
   return /* @__PURE__ */ jsx18(DropdownMenuItem2, {
     density,
     "data-slot": "menubar-item",
     inset,
     variant,
     className: (state) => cn2("group/menubar-item gap-control-gap rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:ps-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive  data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive!", typeof className === "function" ? className(state) : className),
-    ...props
+    ...props,
+    onClick: trackedOnClick
   });
 }
 function MenubarCheckboxItem2({
+  analytics,
   density,
   className,
   children,
@@ -1854,6 +1931,7 @@ function MenubarCheckboxItem2({
   inset,
   ...props
 }) {
+  const trackedOnCheckedChange = useAnalyticsCallback("MenubarCheckboxItem", analytics, { name: "ui.change-request" }, props.onCheckedChange);
   return /* @__PURE__ */ jsxs12(MenuPrimitive.CheckboxItem, {
     "data-density": density,
     "data-slot": "menubar-checkbox-item",
@@ -1861,6 +1939,7 @@ function MenubarCheckboxItem2({
     className: (state) => cn2("relative flex cursor-default items-center gap-control-gap rounded-md py-1 pe-1.5 ps-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", typeof className === "function" ? className(state) : className),
     checked,
     ...props,
+    onCheckedChange: trackedOnCheckedChange,
     children: [
       /* @__PURE__ */ jsx18("span", {
         className: "pointer-events-none absolute start-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
@@ -1950,18 +2029,21 @@ import { NavigationMenu as NavigationMenuPrimitive } from "@base-ui/react/naviga
 import { cva as cva3 } from "class-variance-authority";
 import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
 function NavigationMenu2({
+  analytics,
   density,
   align = "start",
   className,
   children,
   ...props
 }) {
+  const trackedOnValueChange = useAnalyticsCallback("NavigationMenu", analytics, { name: "ui.change-request" }, props.onValueChange);
   const resolvedDensity = useDensity(density);
   return /* @__PURE__ */ jsxs13(NavigationMenuPrimitive.Root, {
     "data-density": resolvedDensity,
     "data-slot": "navigation-menu",
     className: (state) => cn2("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", typeof className === "function" ? className(state) : className),
     ...props,
+    onValueChange: trackedOnValueChange,
     children: [
       children,
       /* @__PURE__ */ jsx19(NavigationMenuPositioner2, {
@@ -2047,12 +2129,14 @@ function NavigationMenuPositioner2({
     })
   });
 }
-function NavigationMenuLink2({ density, className, ...props }) {
+function NavigationMenuLink2({ analytics, density, className, ...props }) {
+  const trackedOnClick = useAnalyticsCallback("NavigationMenuLink", analytics, { name: "ui.activate" }, props.onClick);
   return /* @__PURE__ */ jsx19(NavigationMenuPrimitive.Link, {
     "data-density": density,
     "data-slot": "navigation-menu-link",
     className: (state) => cn2("flex items-center gap-2 rounded-sm p-2 text-sm transition-colors outline-none hover:bg-muted focus:bg-muted focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-md data-active:bg-muted/50 data-active:hover:bg-muted data-active:focus:bg-muted [&_svg:not([class*='size-'])]:size-4", typeof className === "function" ? className(state) : className),
-    ...props
+    ...props,
+    onClick: trackedOnClick
   });
 }
 function NavigationMenuIndicator2({
@@ -2133,6 +2217,7 @@ function ToastDescription2({ className, ...props }) {
   });
 }
 function ToastAction2({
+  analytics,
   className,
   render = /* @__PURE__ */ jsx20(Button2, {
     variant: "outline",
@@ -2140,14 +2225,17 @@ function ToastAction2({
   }),
   ...props
 }) {
+  const trackedOnClick = useAnalyticsCallback("ToastAction", analytics, { name: "ui.activate" }, props.onClick);
   return /* @__PURE__ */ jsx20(ToastPrimitive.Action, {
     "data-slot": "toast-action",
     render,
     className: (state) => cn2("shrink-0", typeof className === "function" ? className(state) : className),
-    ...props
+    ...props,
+    onClick: trackedOnClick
   });
 }
 function ToastClose2({
+  analytics,
   className,
   children,
   render = /* @__PURE__ */ jsx20(Button2, {
@@ -2156,12 +2244,14 @@ function ToastClose2({
   }),
   ...props
 }) {
+  const trackedOnClick = useAnalyticsCallback("ToastClose", analytics, { name: "ui.activate" }, props.onClick);
   return /* @__PURE__ */ jsx20(ToastPrimitive.Close, {
     "data-slot": "toast-close",
     "aria-label": "Close toast",
     render,
     className: (state) => cn2("relative shrink-0 text-muted-foreground hover:text-foreground", typeof className === "function" ? className(state) : className),
     ...props,
+    onClick: trackedOnClick,
     children: children ?? /* @__PURE__ */ jsx20(XIcon, {
       "aria-hidden": "true"
     })
@@ -2541,10 +2631,18 @@ function AttachmentAction2({
     ...props
   });
 }
-function AttachmentTrigger2({ density, className, render, type, ...props }) {
+function AttachmentTrigger2({
+  analytics,
+  density,
+  className,
+  render,
+  type,
+  ...props
+}) {
+  const onClick = useAnalyticsCallback("AttachmentTrigger", analytics, { name: "ui.activate" }, props.onClick);
   return useRender9({
     defaultTagName: "button",
-    props: mergeProps8({ type: render ? type : type ?? "button", className: cn2("absolute inset-0 z-10 outline-none", className) }, props),
+    props: mergeProps8({ type: render ? type : type ?? "button", className: cn2("absolute inset-0 z-10 outline-none", className) }, { ...props, onClick }),
     render,
     state: { slot: "attachment-trigger", density }
   });
@@ -2561,6 +2659,7 @@ function AttachmentGroup2({ density, className, ...props }) {
 import { useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
 import { jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
 function InlineEdit2({
+  analytics,
   label,
   value,
   density,
@@ -2570,6 +2669,7 @@ function InlineEdit2({
   onCommit,
   onCancel
 }) {
+  const track = useAnalytics2("InlineEdit", analytics);
   const input = useRef2(null);
   const isFinished = useRef2(false);
   const shouldCancel = useRef2(false);
@@ -2588,6 +2688,7 @@ function InlineEdit2({
     setError("");
     try {
       await onCommit(value);
+      track({ name: "ui.commit" });
     } catch (error) {
       isFinished.current = false;
       setError(error instanceof Error ? error.message : "Could not save this edit.");
@@ -2603,6 +2704,7 @@ function InlineEdit2({
     },
     children: [
       /* @__PURE__ */ jsx25(Input2, {
+        analytics: false,
         ref: input,
         density,
         "aria-label": label,
@@ -2640,11 +2742,18 @@ function InlineEdit2({
 }
 // src/components/StarRating.tsx
 import { Radio } from "@base-ui/react/radio";
-import { RadioGroup } from "@base-ui/react/radio-group";
 import { StarIcon, CircleOffIcon } from "lucide-react";
 import { jsx as jsx26 } from "react/jsx-runtime";
-function StarRating2({ label, value, disabled, density, onValueChange }) {
-  return /* @__PURE__ */ jsx26(RadioGroup, {
+function StarRating2({
+  analytics,
+  label,
+  value,
+  disabled,
+  density,
+  onValueChange
+}) {
+  return /* @__PURE__ */ jsx26(RadioGroup2, {
+    analytics,
     "aria-label": label,
     value,
     disabled,
@@ -2654,7 +2763,8 @@ function StarRating2({ label, value, disabled, density, onValueChange }) {
     children: [1, 2, 3, 4, 5, 0].map((star) => /* @__PURE__ */ jsx26(Radio.Root, {
       value: star,
       nativeButton: true,
-      render: /* @__PURE__ */ jsx26("button", {
+      render: /* @__PURE__ */ jsx26(AnalyticsButton, {
+        component: "StarRating",
         type: "button"
       }),
       "aria-label": star === 0 ? "Unrated" : `${star} ${star === 1 ? "star" : "stars"}`,
@@ -2760,7 +2870,16 @@ function useObjectURL(file) {
 
 // src/components/ImagePicker.tsx
 import { jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
-function ImagePicker2({ src, file, label, disabled, onFileChange, onClear }) {
+function ImagePicker2({
+  analytics,
+  src,
+  file,
+  label,
+  disabled,
+  onFileChange,
+  onClear
+}) {
+  const track = useAnalytics2("ImagePicker", analytics);
   const input = useRef3(null);
   const preview = useObjectURL(file);
   const image = file === null ? undefined : preview ?? src;
@@ -2793,8 +2912,10 @@ function ImagePicker2({ src, file, label, disabled, onFileChange, onClear }) {
         disabled,
         onChange: (event) => {
           const selected = event.currentTarget.files?.[0];
-          if (selected)
+          if (selected) {
             onFileChange(selected);
+            track({ name: "ui.commit" }, event.nativeEvent);
+          }
           event.currentTarget.value = "";
         }
       }),
@@ -2959,7 +3080,8 @@ function AppShell2({
                 children: /* @__PURE__ */ jsx31(SidebarMenu2, {
                   children: navigation.map((item) => /* @__PURE__ */ jsx31(SidebarMenuItem2, {
                     children: /* @__PURE__ */ jsxs18(SidebarMenuButton2, {
-                      render: /* @__PURE__ */ jsx31("a", {
+                      render: /* @__PURE__ */ jsx31(AnalyticsLink, {
+                        component: "AppShell",
                         href: item.href,
                         "aria-current": item.active ? "page" : undefined
                       }),

package/dist/{chunk-fgzcp6dt.js → chunk-3t7h84te.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-cp2m7y7v.js";
 import {
   Button2
-} from "./chunk-q7p28b89.js";
+} from "./chunk-38301e40.js";
 import {
   Progress2
 } from "./chunk-5j39rehg.js";

package/dist/{chunk-7b3n0ftm.js → chunk-3v95p5js.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-1wz92wgg.js";
 import {
   Collapsible2
-} from "./chunk-24d68cjp.js";
+} from "./chunk-fw86vanx.js";
 
 // src/components/assistant-ui/elements/ReasoningRoot.tsx
 import { forwardRef, useCallback, useRef, useState } from "react";

package/dist/{chunk-ey6q1ra5.js → chunk-3wap1z7h.js}

@@ -1,9 +1,12 @@
+import {
+  AnalyticsButton
+} from "./chunk-tcefvfr8.js";
 import {
   cn2
 } from "./chunk-cp2m7y7v.js";
 import {
   Button2
-} from "./chunk-q7p28b89.js";
+} from "./chunk-38301e40.js";
 import {
   clamp
 } from "./chunk-v8ks0cfq.js";
@@ -47,7 +50,8 @@ function VoiceConversation3({
     className: cn2(cn2(paper, "flex w-full max-w-xs flex-col items-center gap-4 rounded-md px-5 py-5"), className),
     ...props,
     children: [
-      /* @__PURE__ */ jsxs("button", {
+      /* @__PURE__ */ jsxs(AnalyticsButton, {
+        component: "VoiceConversation",
         type: "button",
         onClick: onInterrupt,
         disabled: !canInterrupt,

package/dist/{chunk-d0qccfv4.js → chunk-46tg5t7g.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-k01gpm23.js";
 import {
   VoiceConnectButton2
-} from "./chunk-b513tz37.js";
+} from "./chunk-hxg0pkj9.js";
 import {
   VoiceMuteButton2
-} from "./chunk-2agnzxa0.js";
+} from "./chunk-05shyxqp.js";
 import {
   VoiceDisconnectButton2
-} from "./chunk-ga79snaw.js";
+} from "./chunk-c4m53x5s.js";
 
 // src/components/assistant-ui/native/VoiceControl.tsx
 import { AuiIf } from "@assistant-ui/react";

package/dist/chunk-4710gn6d.js

@@ -0,0 +1,15 @@
+import {
+  useAnalyticsCallback
+} from "./chunk-5mydsjp3.js";
+
+// src/components/analytics/AnalyticsLink.tsx
+import { jsx } from "react/jsx-runtime";
+function AnalyticsLink({ component, analytics, ...props }) {
+  const onClick = useAnalyticsCallback(component, analytics, { name: "ui.activate" }, props.onClick);
+  return /* @__PURE__ */ jsx("a", {
+    ...props,
+    onClick
+  });
+}
+
+export { AnalyticsLink };

package/dist/{chunk-5z9y2mdj.js → chunk-474fgeht.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-cp2m7y7v.js";
 import {
   Button2
-} from "./chunk-q7p28b89.js";
+} from "./chunk-38301e40.js";
 
 // src/components/assistant-ui/elements/ConnectionState.tsx
 import { CheckIcon, CloudOffIcon, Loader2Icon } from "lucide-react";