@alexgorbatchev/shadcn 0.0.41 → 0.0.43

package/dist/{chunk-wjaehks2.js → chunk-xfhk2vrw.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 {
   paper,
   field,
@@ -60,7 +63,8 @@ function MapAnswer2({ pins, activeId, route, onSelect, ...props }) {
             const content = /* @__PURE__ */ jsx("span", {
               className: cn2("block rounded-full border-2 transition-all duration-200 motion-reduce:transition-none", pin.id === activeId ? "border-background size-3.5 bg-primary bg-primary" : "border-background bg-foreground/45 size-2.5")
             });
-            return onSelect ? /* @__PURE__ */ jsx("button", {
+            return onSelect ? /* @__PURE__ */ jsx(AnalyticsButton, {
+              component: "MapAnswer",
               type: "button",
               "aria-label": pin.label,
               "aria-current": pin.id === activeId || undefined,

package/dist/{chunk-5a2xnjyw.js → chunk-xgp1eyhr.js}

@@ -1,15 +1,21 @@
+import {
+  AnalyticsLink
+} from "./chunk-4710gn6d.js";
+import {
+  AnalyticsButton
+} from "./chunk-tcefvfr8.js";
 import {
   cn2
 } from "./chunk-cp2m7y7v.js";
 import {
   Button2
-} from "./chunk-q7p28b89.js";
+} from "./chunk-38301e40.js";
 import {
   Dialog2,
   DialogTrigger2,
   DialogContent2,
   DialogTitle2
-} from "./chunk-ex1zk6ta.js";
+} from "./chunk-jgdpa00w.js";
 import {
   safeHref,
   hostOf
@@ -278,7 +284,8 @@ function ImageSource2({ label, url, iconUrl, ...props }) {
         className: "bg-secondary flex size-4 shrink-0 items-center justify-center rounded-sm text-sm font-medium",
         children: displayLabel.charAt(0).toUpperCase()
       }),
-      href ? /* @__PURE__ */ jsxs("a", {
+      href ? /* @__PURE__ */ jsxs(AnalyticsLink, {
+        component: "ImageSource",
         "data-slot": "image-source-label",
         href,
         target: "_blank",
@@ -316,7 +323,8 @@ function ImageZoom2({ src, alt = "Image preview", children }) {
     children: /* @__PURE__ */ jsxs(Dialog2, {
       children: [
         /* @__PURE__ */ jsx(DialogTrigger2, {
-          render: /* @__PURE__ */ jsx("button", {
+          render: /* @__PURE__ */ jsx(AnalyticsButton, {
+            component: "ImageZoom",
             "data-testid": "ImageZoom--trigger",
             type: "button",
             className: "block w-full cursor-zoom-in",

package/dist/{chunk-pwqw7ksj.js → chunk-xq579zwh.js}

@@ -1,6 +1,6 @@
 import {
   InputGroupInput2
-} from "./chunk-57jj9v64.js";
+} from "./chunk-14mh00z3.js";
 
 // src/components/assistant-ui/elements/ComposerInput.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-ge5t1xhw.js → chunk-xvmv0xm5.js}

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

package/dist/{chunk-96wh7ccv.js → chunk-xwf411kf.js}

@@ -1,9 +1,12 @@
+import {
+  AnalyticsButton
+} from "./chunk-tcefvfr8.js";
 import {
   cn2
 } from "./chunk-cp2m7y7v.js";
 import {
   PopoverTrigger2
-} from "./chunk-4djw71cv.js";
+} from "./chunk-21ab0jsp.js";
 import {
   useModelSelectorContext
 } from "./chunk-ydfx8r6d.js";
@@ -23,7 +26,8 @@ function ModelSelectorTrigger2({
 }) {
   const { setOpen } = useModelSelectorContext();
   return /* @__PURE__ */ jsxs(PopoverTrigger2, {
-    render: /* @__PURE__ */ jsx("button", {
+    render: /* @__PURE__ */ jsx(AnalyticsButton, {
+      component: "ModelSelectorTrigger",
       type: "button",
       role: "combobox",
       "aria-haspopup": "listbox",

package/dist/{chunk-9jct7hv0.js → chunk-y7tyyzfy.js}

@@ -1,12 +1,12 @@
 import {
   ContextDisplayRoot3
-} from "./chunk-3jrsp186.js";
+} from "./chunk-8q0xpeh4.js";
 import {
   ContextDisplayTrigger2
-} from "./chunk-p8gshf3k.js";
+} from "./chunk-1zbtg30t.js";
 import {
   ContextDisplayContent2
-} from "./chunk-3dyqen8w.js";
+} from "./chunk-agy4dzea.js";
 import {
   ContextDisplayValue2
 } from "./chunk-qxt0fx4f.js";

package/dist/{chunk-wqc963k8.js → chunk-ybyx7vt4.js}

@@ -3,14 +3,14 @@ import {
 } from "./chunk-cp2m7y7v.js";
 import {
   Button2
-} from "./chunk-q7p28b89.js";
+} from "./chunk-38301e40.js";
 import {
   TASK_PAGE_SIZE,
   taskStateOf
 } from "./chunk-1s7af44v.js";
 import {
   TaskCard2
-} from "./chunk-7e3samhv.js";
+} from "./chunk-2mswp6h1.js";
 
 // src/components/assistant-ui/native/TaskGroup.tsx
 import { useAui, useAuiState } from "@assistant-ui/react";

package/dist/{chunk-rbm24fhv.js → chunk-z8n03ra5.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-cp2m7y7v.js";
 import {
   Button2
-} from "./chunk-q7p28b89.js";
+} from "./chunk-38301e40.js";
 import {
   Dialog2,
   DialogTrigger2,
   DialogContent2,
   DialogTitle2
-} from "./chunk-ex1zk6ta.js";
+} from "./chunk-jgdpa00w.js";
 
 // src/components/assistant-ui/elements/MermaidZoom.tsx
 import { useRef, useState as useState2 } from "react";

package/dist/{chunk-wmyj3hfw.js → chunk-zksbrzf6.js}

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

package/dist/{chunk-bsff5mmk.js → chunk-zp3wrbve.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-cp2m7y7v.js";
 import {
   Button2
-} from "./chunk-q7p28b89.js";
+} from "./chunk-38301e40.js";
 import {
   pct,
   announced

package/dist/components/Accordion.d.ts

@@ -1,8 +1,9 @@
+import type { IAnalyticsProps } from "../analytics/types.js";
 import type { IDensityProps } from "../density/types.js";
 import type { ReactElement } from "react";
 import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
-type AccordionProps = AccordionPrimitive.Root.Props & IDensityProps;
-declare function Accordion({ density, className, ...props }: AccordionProps): ReactElement;
+type AccordionProps = IAnalyticsProps & AccordionPrimitive.Root.Props & IDensityProps;
+declare function Accordion({ analytics, density, className, ...props }: AccordionProps): ReactElement;
 type AccordionItemProps = AccordionPrimitive.Item.Props & IDensityProps;
 declare function AccordionItem({ density, className, ...props }: AccordionItemProps): ReactElement;
 type AccordionTriggerProps = AccordionPrimitive.Trigger.Props & IDensityProps;

package/dist/components/AlertDialog.d.ts

@@ -1,8 +1,9 @@
+import type { IAnalyticsProps } from "../analytics/types.js";
 import type { IDensityProps } from "../density/types.js";
 import type { ComponentProps, ReactElement } from "react";
 import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
 import { Button } from "./Button.js";
-declare function AlertDialog<Payload>({ ...props }: AlertDialogPrimitive.Root.Props<Payload>): ReactElement;
+declare function AlertDialog<Payload>({ analytics, ...props }: AlertDialogPrimitive.Root.Props<Payload> & IAnalyticsProps): ReactElement;
 declare function AlertDialogTrigger<Payload>({ ...props }: AlertDialogPrimitive.Trigger.Props<Payload>): ReactElement;
 declare function AlertDialogPortal({ container, ref, children, ...props }: AlertDialogPrimitive.Portal.Props): ReactElement;
 type AlertDialogOverlayProps = AlertDialogPrimitive.Backdrop.Props & IDensityProps;
@@ -21,8 +22,7 @@ type AlertDialogTitleProps = ComponentProps<typeof AlertDialogPrimitive.Title> &
 declare function AlertDialogTitle({ density, className, ...props }: AlertDialogTitleProps): ReactElement;
 type AlertDialogDescriptionProps = ComponentProps<typeof AlertDialogPrimitive.Description> & IDensityProps;
 declare function AlertDialogDescription({ density, className, ...props }: AlertDialogDescriptionProps): ReactElement;
-type AlertDialogActionProps = ComponentProps<typeof Button> & IDensityProps;
-declare function AlertDialogAction({ density, className, ...props }: AlertDialogActionProps): ReactElement;
+declare function AlertDialogAction({ density, className, ...props }: ComponentProps<typeof Button>): ReactElement;
 type AlertDialogCancelProps = AlertDialogPrimitive.Close.Props & Pick<ComponentProps<typeof Button>, "variant" | "size"> & IDensityProps;
 declare function AlertDialogCancel({ density, className, variant, size, ...props }: AlertDialogCancelProps): ReactElement;
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };

package/dist/components/Attachment.d.ts

@@ -1,3 +1,4 @@
+import type { IAnalyticsProps } from "../analytics/types.js";
 import type { ComponentProps, ReactElement } from "react";
 import type { Density, IDensityProps } from "../density/types.js";
 import { useRender } from "@base-ui/react/use-render";
@@ -12,7 +13,7 @@ type AttachmentProps = ComponentProps<"div"> & VariantProps<typeof attachmentVar
 };
 declare function Attachment({ density, className, state, size, orientation, ...props }: AttachmentProps): ReactElement;
 declare const attachmentMediaVariants: (props?: ({
-    variant?: "icon" | "image" | null | undefined;
+    variant?: "image" | "icon" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type AttachmentMediaProps = ComponentProps<"div"> & VariantProps<typeof attachmentMediaVariants> & IDensityProps;
 declare function AttachmentMedia({ density, className, variant, ...props }: AttachmentMediaProps): ReactElement;
@@ -29,8 +30,8 @@ type AttachmentTriggerState = {
     slot: "attachment-trigger";
     density?: Density;
 };
-type AttachmentTriggerProps = useRender.ComponentProps<"button", AttachmentTriggerState> & IDensityProps;
-declare function AttachmentTrigger({ density, className, render, type, ...props }: AttachmentTriggerProps): ReactElement;
+type AttachmentTriggerProps = IAnalyticsProps & useRender.ComponentProps<"button", AttachmentTriggerState> & IDensityProps;
+declare function AttachmentTrigger({ analytics, density, className, render, type, ...props }: AttachmentTriggerProps): ReactElement;
 type AttachmentGroupProps = ComponentProps<"div"> & IDensityProps;
 declare function AttachmentGroup({ density, className, ...props }: AttachmentGroupProps): ReactElement;
 export { Attachment, AttachmentGroup, AttachmentMedia, AttachmentContent, AttachmentTitle, AttachmentDescription, AttachmentActions, AttachmentAction, AttachmentTrigger, };

package/dist/components/Badge.d.ts

@@ -3,7 +3,7 @@ import type { ReactElement } from "react";
 import { useRender } from "@base-ui/react/use-render";
 import { type VariantProps } from "class-variance-authority";
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "success" | "warning" | "link" | null | undefined;
+    variant?: "default" | "link" | "outline" | "secondary" | "ghost" | "destructive" | "success" | "warning" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type BadgeState = {
     slot: "badge";

package/dist/components/Breadcrumb.d.ts

@@ -1,3 +1,4 @@
+import type { IAnalyticsProps } from "../analytics/types.js";
 import type { IDensityProps } from "../density/types.js";
 import type { ComponentProps, ReactElement } from "react";
 import { useRender } from "@base-ui/react/use-render";
@@ -7,8 +8,8 @@ type BreadcrumbListProps = ComponentProps<"ol"> & IDensityProps;
 declare function BreadcrumbList({ density, className, ...props }: BreadcrumbListProps): ReactElement;
 type BreadcrumbItemProps = ComponentProps<"li"> & IDensityProps;
 declare function BreadcrumbItem({ density, className, ...props }: BreadcrumbItemProps): ReactElement;
-type BreadcrumbLinkProps = useRender.ComponentProps<"a"> & IDensityProps;
-declare function BreadcrumbLink({ density, className, render, ...props }: BreadcrumbLinkProps): ReactElement;
+type BreadcrumbLinkProps = IAnalyticsProps & useRender.ComponentProps<"a"> & IDensityProps;
+declare function BreadcrumbLink({ analytics, density, className, render, ...props }: BreadcrumbLinkProps): ReactElement;
 type BreadcrumbPageProps = ComponentProps<"span"> & IDensityProps;
 declare function BreadcrumbPage({ density, className, ...props }: BreadcrumbPageProps): ReactElement;
 type BreadcrumbSeparatorProps = ComponentProps<"li"> & IDensityProps;

package/dist/components/Button.d.ts

@@ -1,14 +1,18 @@
+import type { IAnalyticsProps } from "../analytics/types.js";
 import type { IDensityProps } from "../density/types.js";
-import type { ReactElement } from "react";
+import { type ReactElement } from "react";
 import { Button as ButtonPrimitive } from "@base-ui/react/button";
 import { type VariantProps } from "class-variance-authority";
 declare const buttonVariants: (props?: ({
     truncate?: boolean | null | undefined;
     fullWidth?: boolean | null | undefined;
     align?: "end" | "start" | "center" | null | undefined;
-    variant?: "default" | "plain" | "pad" | "outline" | "secondary" | "ghost" | "destructive" | "success" | "warning" | "link" | null | undefined;
+    variant?: "default" | "link" | "plain" | "pad" | "outline" | "secondary" | "ghost" | "destructive" | "success" | "warning" | null | undefined;
     size?: "content" | "default" | "inline" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type ButtonProps = ButtonPrimitive.Props & VariantProps<typeof buttonVariants> & IDensityProps;
-declare function Button({ density, className, variant, size, align, truncate, fullWidth, children, ...props }: ButtonProps): ReactElement;
+type ButtonProps = IAnalyticsProps & ButtonPrimitive.Props & VariantProps<typeof buttonVariants> & IDensityProps & {
+    /** Disables activation while keeping the button focusable and explaining why on focus or hover. */
+    disabledReason?: string;
+};
+declare function Button({ analytics, density, className, variant, size, align, truncate, fullWidth, children, disabledReason, ...props }: ButtonProps): ReactElement;
 export { Button, buttonVariants };

package/dist/components/ButtonLink.d.ts

@@ -1,3 +1,4 @@
+import type { IAnalyticsProps } from "../analytics/types.js";
 import type { Density, IDensityProps } from "../density/types.js";
 import type { ReactElement } from "react";
 import type { VariantProps } from "class-variance-authority";
@@ -7,6 +8,6 @@ type ButtonLinkState = {
     slot: "button-link";
     density?: Density;
 };
-type ButtonLinkProps = useRender.ComponentProps<"a", ButtonLinkState> & VariantProps<typeof buttonVariants> & IDensityProps;
-declare function ButtonLink({ density, className, variant, size, align, truncate, fullWidth, render, children, ...props }: ButtonLinkProps): ReactElement;
+type ButtonLinkProps = IAnalyticsProps & useRender.ComponentProps<"a", ButtonLinkState> & VariantProps<typeof buttonVariants> & IDensityProps;
+declare function ButtonLink({ analytics, density, className, variant, size, align, truncate, fullWidth, render, children, ...props }: ButtonLinkProps): ReactElement;
 export { ButtonLink };

package/dist/components/Checkbox.d.ts

@@ -1,6 +1,7 @@
+import type { IAnalyticsProps } from "../analytics/types.js";
 import type { IDensityProps } from "../density/types.js";
 import type { ReactElement } from "react";
 import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
-type CheckboxProps = CheckboxPrimitive.Root.Props & IDensityProps;
-declare function Checkbox({ density, className, ...props }: CheckboxProps): ReactElement;
+type CheckboxProps = IAnalyticsProps & CheckboxPrimitive.Root.Props & IDensityProps;
+declare function Checkbox({ analytics, density, className, ...props }: CheckboxProps): ReactElement;
 export { Checkbox };

package/dist/components/Collapsible.d.ts

@@ -1,6 +1,7 @@
+import type { IAnalyticsProps } from "../analytics/types.js";
 import type { ReactElement } from "react";
 import { Collapsible as CollapsiblePrimitive } from "@base-ui/react/collapsible";
-declare function Collapsible({ ...props }: CollapsiblePrimitive.Root.Props): ReactElement;
+declare function Collapsible({ analytics, ...props }: CollapsiblePrimitive.Root.Props & IAnalyticsProps): ReactElement;
 declare function CollapsibleTrigger({ ...props }: CollapsiblePrimitive.Trigger.Props): ReactElement;
 declare function CollapsibleContent({ ...props }: CollapsiblePrimitive.Panel.Props): ReactElement;
 export { Collapsible, CollapsibleTrigger, CollapsibleContent };

package/dist/components/Combobox.d.ts

@@ -1,7 +1,8 @@
+import type { IAnalyticsProps } from "../analytics/types.js";
 import type { IDensityProps } from "../density/types.js";
 import type { ComponentPropsWithRef, ReactElement } from "react";
 import { Combobox as ComboboxPrimitive } from "@base-ui/react/combobox";
-declare const Combobox: typeof ComboboxPrimitive.Root;
+declare function Combobox<Value, Multiple extends boolean | undefined = false, Item = Value>({ analytics, ...props }: ComboboxPrimitive.Root.Props<Value, Multiple, Item> & IAnalyticsProps): ReactElement;
 declare function ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props): ReactElement;
 type ComboboxTriggerProps = ComboboxPrimitive.Trigger.Props & IDensityProps;
 declare function ComboboxTrigger({ density, className, children, ...props }: ComboboxTriggerProps): ReactElement;

package/dist/components/ContextMenu.d.ts

@@ -1,8 +1,9 @@
+import type { IAnalyticsProps } from "../analytics/types.js";
 import type { MenuLabelProps, MenuItemProps, MenuSubTriggerProps, MenuCheckboxItemProps, MenuRadioItemProps } from "../menu/types.js";
 import type { IDensityProps } from "../density/types.js";
 import type { ComponentProps, ReactElement } from "react";
 import { ContextMenu as ContextMenuPrimitive } from "@base-ui/react/context-menu";
-declare function ContextMenu({ ...props }: ContextMenuPrimitive.Root.Props): ReactElement;
+declare function ContextMenu({ analytics, ...props }: ContextMenuPrimitive.Root.Props & IAnalyticsProps): ReactElement;
 declare function ContextMenuPortal({ container, ref, children, ...props }: ContextMenuPrimitive.Portal.Props): ReactElement;
 type ContextMenuTriggerProps = ContextMenuPrimitive.Trigger.Props & IDensityProps;
 declare function ContextMenuTrigger({ density, className, ...props }: ContextMenuTriggerProps): ReactElement;
@@ -10,12 +11,12 @@ type ContextMenuContentProps = ContextMenuPrimitive.Popup.Props & Pick<ContextMe
 declare function ContextMenuContent({ density, className, align, alignOffset, side, sideOffset, ...props }: ContextMenuContentProps): ReactElement;
 declare function ContextMenuGroup({ ...props }: ContextMenuPrimitive.Group.Props): ReactElement;
 declare function ContextMenuLabel({ density, className, inset, ...props }: MenuLabelProps): ReactElement;
-declare function ContextMenuItem({ density, className, inset, variant, ...props }: MenuItemProps): ReactElement;
-declare function ContextMenuSub({ ...props }: ContextMenuPrimitive.SubmenuRoot.Props): ReactElement;
+declare function ContextMenuItem({ analytics, density, className, inset, variant, ...props }: MenuItemProps & IAnalyticsProps): ReactElement;
+declare function ContextMenuSub({ analytics, ...props }: ContextMenuPrimitive.SubmenuRoot.Props & IAnalyticsProps): ReactElement;
 declare function ContextMenuSubTrigger({ density, className, inset, children, ...props }: MenuSubTriggerProps): ReactElement;
 declare function ContextMenuSubContent({ ...props }: ComponentProps<typeof ContextMenuContent>): ReactElement;
-declare function ContextMenuCheckboxItem({ density, className, children, checked, inset, ...props }: MenuCheckboxItemProps): ReactElement;
-declare function ContextMenuRadioGroup({ ...props }: ContextMenuPrimitive.RadioGroup.Props): ReactElement;
+declare function ContextMenuCheckboxItem({ analytics, density, className, children, checked, inset, ...props }: MenuCheckboxItemProps & IAnalyticsProps): ReactElement;
+declare function ContextMenuRadioGroup({ analytics, ...props }: ContextMenuPrimitive.RadioGroup.Props & IAnalyticsProps): ReactElement;
 declare function ContextMenuRadioItem({ density, className, children, inset, ...props }: MenuRadioItemProps): ReactElement;
 type ContextMenuSeparatorProps = ContextMenuPrimitive.Separator.Props & IDensityProps;
 declare function ContextMenuSeparator({ density, className, ...props }: ContextMenuSeparatorProps): ReactElement;

package/dist/components/DataViewer.d.ts

@@ -0,0 +1,16 @@
+import { type ComponentProps, type ReactElement } from "react";
+import type { IDensityProps } from "../density/types.js";
+type DataViewerProps = Omit<ComponentProps<"section">, "children"> & IDensityProps & {
+    /** JSON-compatible data to present. */
+    value: unknown;
+    /** Accessible name of the view. */
+    label?: string;
+    /** Turns a property key into its visible label. Defaults to `formatDataLabel`. */
+    formatLabel?: (key: string) => string;
+};
+/** Turns keys such as `track_id`, `playlistIds`, or `original-path` into "Track ID", "Playlist IDs", or "Original path". */
+declare function formatDataLabel(key: string): string;
+/** Presents JSON-compatible data as labelled, nested lists that people can read without knowing JSON. */
+declare function DataViewer({ value, label, formatLabel, density, className, ...props }: DataViewerProps): ReactElement;
+export { DataViewer, formatDataLabel };
+export type { DataViewerProps };

package/dist/components/Dialog.d.ts

@@ -1,7 +1,8 @@
+import type { IAnalyticsProps } from "../analytics/types.js";
 import type { IDensityProps } from "../density/types.js";
 import type { ComponentProps, ReactElement } from "react";
 import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
-declare function Dialog<Payload>({ ...props }: DialogPrimitive.Root.Props<Payload>): ReactElement;
+declare function Dialog<Payload>({ analytics, ...props }: DialogPrimitive.Root.Props<Payload> & IAnalyticsProps): ReactElement;
 declare function DialogTrigger<Payload>({ ...props }: DialogPrimitive.Trigger.Props<Payload>): ReactElement;
 declare function DialogPortal({ container, ref, children, ...props }: DialogPrimitive.Portal.Props): ReactElement;
 declare function DialogClose({ ...props }: DialogPrimitive.Close.Props): ReactElement;

package/dist/components/Drawer.d.ts

@@ -1,10 +1,11 @@
+import type { IAnalyticsProps } from "../analytics/types.js";
 import type { IDensityProps } from "../density/types.js";
 import type { ComponentProps, ReactElement } from "react";
 import { Drawer as DrawerPrimitive } from "@base-ui/react/drawer";
 type DrawerProps<Payload> = DrawerPrimitive.Root.Props<Payload> & {
     showSwipeHandle?: boolean;
 };
-declare function Drawer<Payload>({ modal, showSwipeHandle, snapPoints, swipeDirection, ...props }: DrawerProps<Payload>): ReactElement;
+declare function Drawer<Payload>({ analytics, modal, showSwipeHandle, snapPoints, swipeDirection, ...props }: DrawerProps<Payload> & IAnalyticsProps): ReactElement;
 declare function DrawerTrigger<Payload>({ ...props }: DrawerPrimitive.Trigger.Props<Payload>): ReactElement;
 declare function DrawerPortal({ container, ref, children, ...props }: DrawerPrimitive.Portal.Props): ReactElement;
 declare function DrawerClose({ ...props }: DrawerPrimitive.Close.Props): ReactElement;

package/dist/components/DropTarget.d.ts

@@ -7,5 +7,5 @@ type DropTargetState = {
     effect: DataTransfer["dropEffect"];
 };
 type DropTargetProps = Omit<useRender.ComponentProps<"div", DropTargetState>, "onDrop"> & IDropTargetOptions;
-export declare function DropTarget({ accept, canDrop, getDropEffect, onDrop, render, ...props }: DropTargetProps): ReactElement;
+export declare function DropTarget({ analytics, accept, canDrop, getDropEffect, onDrop, render, ...props }: DropTargetProps): ReactElement;
 export {};

package/dist/components/DropdownMenu.d.ts

@@ -1,8 +1,9 @@
+import type { IAnalyticsProps } from "../analytics/types.js";
 import type { MenuLabelProps, MenuItemProps, MenuSubTriggerProps, MenuCheckboxItemProps, MenuRadioItemProps } from "../menu/types.js";
 import type { IDensityProps } from "../density/types.js";
 import type { ComponentProps, ReactElement } from "react";
 import { Menu as MenuPrimitive } from "@base-ui/react/menu";
-declare function DropdownMenu<Payload>({ ...props }: MenuPrimitive.Root.Props<Payload>): ReactElement;
+declare function DropdownMenu<Payload>({ analytics, ...props }: MenuPrimitive.Root.Props<Payload> & IAnalyticsProps): ReactElement;
 declare function DropdownMenuPortal({ container, ref, children, ...props }: MenuPrimitive.Portal.Props): ReactElement;
 declare function DropdownMenuTrigger<Payload>({ ...props }: MenuPrimitive.Trigger.Props<Payload>): ReactElement;
 type DropdownMenuContentProps = MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset"> & IDensityProps & {
@@ -11,13 +12,13 @@ type DropdownMenuContentProps = MenuPrimitive.Popup.Props & Pick<MenuPrimitive.P
 declare function DropdownMenuContent({ density, width, align, alignOffset, side, sideOffset, className, ...props }: DropdownMenuContentProps): ReactElement;
 declare function DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props): ReactElement;
 declare function DropdownMenuLabel({ density, className, inset, ...props }: MenuLabelProps): ReactElement;
-declare function DropdownMenuItem({ density, className, inset, variant, ...props }: MenuItemProps): ReactElement;
-declare function DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props): ReactElement;
+declare function DropdownMenuItem({ analytics, density, className, inset, variant, ...props }: MenuItemProps & IAnalyticsProps): ReactElement;
+declare function DropdownMenuSub({ analytics, ...props }: MenuPrimitive.SubmenuRoot.Props & IAnalyticsProps): ReactElement;
 declare function DropdownMenuSubTrigger({ density, className, inset, children, ...props }: MenuSubTriggerProps): ReactElement;
 type DropdownMenuSubContentProps = ComponentProps<typeof DropdownMenuContent> & IDensityProps;
 declare function DropdownMenuSubContent({ density, align, alignOffset, side, sideOffset, className, ...props }: DropdownMenuSubContentProps): ReactElement;
-declare function DropdownMenuCheckboxItem({ density, className, children, checked, inset, ...props }: MenuCheckboxItemProps): ReactElement;
-declare function DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props): ReactElement;
+declare function DropdownMenuCheckboxItem({ analytics, density, className, children, checked, inset, ...props }: MenuCheckboxItemProps & IAnalyticsProps): ReactElement;
+declare function DropdownMenuRadioGroup({ analytics, ...props }: MenuPrimitive.RadioGroup.Props & IAnalyticsProps): ReactElement;
 declare function DropdownMenuRadioItem({ density, className, children, inset, ...props }: MenuRadioItemProps): ReactElement;
 type DropdownMenuSeparatorProps = MenuPrimitive.Separator.Props & IDensityProps;
 declare function DropdownMenuSeparator({ density, className, ...props }: DropdownMenuSeparatorProps): ReactElement;

package/dist/components/HoverCard.d.ts

@@ -1,7 +1,8 @@
+import type { IAnalyticsProps } from "../analytics/types.js";
 import type { IDensityProps } from "../density/types.js";
 import type { ReactElement } from "react";
 import { PreviewCard as PreviewCardPrimitive } from "@base-ui/react/preview-card";
-declare function HoverCard<Payload>({ ...props }: PreviewCardPrimitive.Root.Props<Payload>): ReactElement;
+declare function HoverCard<Payload>({ analytics, ...props }: PreviewCardPrimitive.Root.Props<Payload> & IAnalyticsProps): ReactElement;
 declare function HoverCardTrigger<Payload>({ ...props }: PreviewCardPrimitive.Trigger.Props<Payload>): ReactElement;
 type HoverCardContentProps = PreviewCardPrimitive.Popup.Props & Pick<PreviewCardPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset"> & IDensityProps;
 declare function HoverCardContent({ density, className, side, sideOffset, align, alignOffset, ...props }: HoverCardContentProps): ReactElement;

package/dist/components/ImagePicker.d.ts

@@ -1,5 +1,6 @@
+import type { IAnalyticsProps } from "../analytics/types.js";
 import { type ReactElement } from "react";
-interface IImagePickerProps {
+interface IImagePickerProps extends IAnalyticsProps {
     src?: string;
     file?: File | null;
     label: string;
@@ -7,5 +8,5 @@ interface IImagePickerProps {
     onFileChange: (file: File) => void;
     onClear: () => void;
 }
-export declare function ImagePicker({ src, file, label, disabled, onFileChange, onClear }: IImagePickerProps): ReactElement;
+export declare function ImagePicker({ analytics, src, file, label, disabled, onFileChange, onClear, }: IImagePickerProps): ReactElement;
 export {};

package/dist/components/InlineEdit.d.ts

@@ -1,6 +1,7 @@
+import type { IAnalyticsProps } from "../analytics/types.js";
 import { type ReactElement } from "react";
 import type { IDensityProps } from "../density/types.js";
-interface IInlineEditProps extends IDensityProps {
+interface IInlineEditProps extends IDensityProps, IAnalyticsProps {
     label: string;
     value: string;
     isDisabled?: boolean;
@@ -10,5 +11,5 @@ interface IInlineEditProps extends IDensityProps {
     onCancel: () => void;
 }
 /** A mounted edit session. The consumer replaces its display with this field while editing. */
-export declare function InlineEdit({ label, value, density, isDisabled, shouldSelectOnMount, onValueChange, onCommit, onCancel, }: IInlineEditProps): ReactElement;
+export declare function InlineEdit({ analytics, label, value, density, isDisabled, shouldSelectOnMount, onValueChange, onCommit, onCancel, }: IInlineEditProps): ReactElement;
 export {};

package/dist/components/Input.d.ts

@@ -1,6 +1,7 @@
+import type { IAnalyticsProps } from "../analytics/types.js";
 import type { IDensityProps } from "../density/types.js";
 import type { ReactElement } from "react";
 import { Input as InputPrimitive } from "@base-ui/react/input";
-type InputProps = InputPrimitive.Props & IDensityProps;
-declare function Input({ density, className, type, ...props }: InputProps): ReactElement;
+type InputProps = IAnalyticsProps & InputPrimitive.Props & IDensityProps;
+declare function Input({ analytics, density, className, type, ...props }: InputProps): ReactElement;
 export { Input };

package/dist/components/InputGroup.d.ts

@@ -3,6 +3,7 @@ import type { ComponentProps, ReactElement } from "react";
 import { type VariantProps } from "class-variance-authority";
 import { Button } from "./Button.js";
 import { Input } from "./Input.js";
+import { Textarea } from "./Textarea.js";
 type InputGroupProps = ComponentProps<"div"> & IDensityProps;
 declare function InputGroup({ density, className, ...props }: InputGroupProps): ReactElement;
 declare const inputGroupAddonVariants: (props?: ({
@@ -21,6 +22,6 @@ type InputGroupTextProps = ComponentProps<"span"> & IDensityProps;
 declare function InputGroupText({ density, className, ...props }: InputGroupTextProps): ReactElement;
 type InputGroupInputProps = ComponentProps<typeof Input>;
 declare function InputGroupInput({ density, className, ...props }: InputGroupInputProps): ReactElement;
-type InputGroupTextareaProps = ComponentProps<"textarea"> & IDensityProps;
+type InputGroupTextareaProps = ComponentProps<typeof Textarea>;
 declare function InputGroupTextarea({ density, className, ...props }: InputGroupTextareaProps): ReactElement;
 export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea };

package/dist/components/Item.d.ts

@@ -13,7 +13,7 @@ declare const itemVariants: (props?: ({
 type ItemProps = useRender.ComponentProps<"div"> & VariantProps<typeof itemVariants> & IDensityProps;
 declare function Item({ density, className, variant, size, render, ...props }: ItemProps): ReactElement;
 declare const itemMediaVariants: (props?: ({
-    variant?: "default" | "icon" | "image" | null | undefined;
+    variant?: "default" | "image" | "icon" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ItemMediaProps = ComponentProps<"div"> & VariantProps<typeof itemMediaVariants> & IDensityProps;
 declare function ItemMedia({ density, className, variant, ...props }: ItemMediaProps): ReactElement;

package/dist/components/Menubar.d.ts

@@ -1,3 +1,4 @@
+import type { IAnalyticsProps } from "../analytics/types.js";
 import type { MenuLabelProps, MenuItemProps, MenuSubTriggerProps, MenuCheckboxItemProps, MenuRadioItemProps } from "../menu/types.js";
 import type { IDensityProps } from "../density/types.js";
 import type { ComponentProps, ReactElement } from "react";
@@ -6,15 +7,15 @@ import { Menubar as MenubarPrimitive } from "@base-ui/react/menubar";
 import { DropdownMenuContent, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent } from "./DropdownMenu.js";
 type MenubarProps = MenubarPrimitive.Props & IDensityProps;
 declare function Menubar({ density, className, ...props }: MenubarProps): ReactElement;
-declare function MenubarMenu<Payload>({ ...props }: MenuPrimitive.Root.Props<Payload>): ReactElement;
+declare function MenubarMenu<Payload>({ analytics, ...props }: MenuPrimitive.Root.Props<Payload> & IAnalyticsProps): ReactElement;
 declare function MenubarGroup({ ...props }: ComponentProps<typeof DropdownMenuGroup>): ReactElement;
 declare function MenubarPortal({ ...props }: ComponentProps<typeof DropdownMenuPortal>): ReactElement;
 type MenubarTriggerProps<Payload> = MenuPrimitive.Trigger.Props<Payload> & IDensityProps;
 declare function MenubarTrigger<Payload>({ density, className, ...props }: MenubarTriggerProps<Payload>): ReactElement;
 type MenubarContentProps = ComponentProps<typeof DropdownMenuContent> & IDensityProps;
 declare function MenubarContent({ density, className, align, alignOffset, sideOffset, ...props }: MenubarContentProps): ReactElement;
-declare function MenubarItem({ density, className, inset, variant, ...props }: MenuItemProps): ReactElement;
-declare function MenubarCheckboxItem({ density, className, children, checked, inset, ...props }: MenuCheckboxItemProps): ReactElement;
+declare function MenubarItem({ analytics, density, className, inset, variant, ...props }: MenuItemProps & IAnalyticsProps): ReactElement;
+declare function MenubarCheckboxItem({ analytics, density, className, children, checked, inset, ...props }: MenuCheckboxItemProps & IAnalyticsProps): ReactElement;
 declare function MenubarRadioGroup({ ...props }: ComponentProps<typeof DropdownMenuRadioGroup>): ReactElement;
 declare function MenubarRadioItem({ density, className, children, inset, ...props }: MenuRadioItemProps): ReactElement;
 declare function MenubarLabel({ density, className, inset, ...props }: MenuLabelProps): ReactElement;

package/dist/components/NativeSelect.d.ts

@@ -1,9 +1,10 @@
+import type { IAnalyticsProps } from "../analytics/types.js";
 import type { IDensityProps } from "../density/types.js";
 import type { ComponentProps, ReactElement } from "react";
 type NativeSelectProps = Omit<ComponentProps<"select">, "size"> & {
     size?: "sm" | "default";
 };
-declare function NativeSelect({ density, className, dir, size, ...props }: NativeSelectProps & IDensityProps): ReactElement;
+declare function NativeSelect({ analytics, density, className, dir, size, ...props }: NativeSelectProps & IDensityProps & IAnalyticsProps): ReactElement;
 type NativeSelectOptionProps = ComponentProps<"option"> & IDensityProps;
 declare function NativeSelectOption({ density, className, ...props }: NativeSelectOptionProps): ReactElement;
 type NativeSelectOptGroupProps = ComponentProps<"optgroup"> & IDensityProps;

package/dist/components/NavigationMenu.d.ts

@@ -1,8 +1,9 @@
+import type { IAnalyticsProps } from "../analytics/types.js";
 import type { IDensityProps } from "../density/types.js";
 import type { ComponentPropsWithRef, ReactElement } from "react";
 import { NavigationMenu as NavigationMenuPrimitive } from "@base-ui/react/navigation-menu";
 type NavigationMenuProps<Value> = NavigationMenuPrimitive.Root.Props<Value> & Pick<NavigationMenuPrimitive.Positioner.Props, "align"> & IDensityProps;
-declare function NavigationMenu<Value>({ density, align, className, children, ...props }: NavigationMenuProps<Value>): ReactElement;
+declare function NavigationMenu<Value>({ analytics, density, align, className, children, ...props }: NavigationMenuProps<Value> & IAnalyticsProps): ReactElement;
 type NavigationMenuListProps = ComponentPropsWithRef<typeof NavigationMenuPrimitive.List> & IDensityProps;
 declare function NavigationMenuList({ density, className, ...props }: NavigationMenuListProps): ReactElement;
 type NavigationMenuItemProps = ComponentPropsWithRef<typeof NavigationMenuPrimitive.Item> & IDensityProps;
@@ -14,8 +15,8 @@ type NavigationMenuContentProps = NavigationMenuPrimitive.Content.Props & IDensi
 declare function NavigationMenuContent({ density, className, ...props }: NavigationMenuContentProps): ReactElement;
 type NavigationMenuPositionerProps = NavigationMenuPrimitive.Positioner.Props & IDensityProps;
 declare function NavigationMenuPositioner({ density, className, side, sideOffset, align, alignOffset, ...props }: NavigationMenuPositionerProps): ReactElement;
-type NavigationMenuLinkProps = NavigationMenuPrimitive.Link.Props & IDensityProps;
-declare function NavigationMenuLink({ density, className, ...props }: NavigationMenuLinkProps): ReactElement;
+type NavigationMenuLinkProps = IAnalyticsProps & NavigationMenuPrimitive.Link.Props & IDensityProps;
+declare function NavigationMenuLink({ analytics, density, className, ...props }: NavigationMenuLinkProps): ReactElement;
 type NavigationMenuIndicatorProps = ComponentPropsWithRef<typeof NavigationMenuPrimitive.Icon> & IDensityProps;
 declare function NavigationMenuIndicator({ density, className, children, ...props }: NavigationMenuIndicatorProps): ReactElement;
 export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerStyle, NavigationMenuPositioner, };