@alexgorbatchev/shadcn 0.0.42 → 0.0.44

package/dist/components/editor/index.js

@@ -1,19 +1,55 @@
+import {
+  useAnalytics2
+} from "../../chunk-7ny0vyek.js";
+import {
+  useAnalyticsEnabled
+} from "../../chunk-8ssktt4b.js";
+import"../../chunk-7jpsybag.js";
 import"../../chunk-cp2m7y7v.js";
-import"../../chunk-q7p28b89.js";
+import"../../chunk-e6hk39ev.js";
+import"../../chunk-x90xmrba.js";
+import"../../chunk-jpvw9xqy.js";
+import"../../chunk-38301e40.js";
 import {
   Toolbar2,
   ToolbarButton2,
   ToolbarGroup2,
   ToolbarSeparator2
-} from "../../chunk-83zjj4jd.js";
+} from "../../chunk-x6vx0v6d.js";
+import"../../chunk-5mydsjp3.js";
 
 // src/components/editor/RichTextEditor.tsx
+import { useEffect, useEffectEvent } from "react";
 import { EditorContent, useEditorState } from "@tiptap/react";
 import { BoldIcon, ItalicIcon, ListIcon, ListOrderedIcon, RedoIcon, UndoIcon } from "lucide-react";
 import { useEditor, useEditorState as useEditorState2, EditorContent as EditorContent2 } from "@tiptap/react";
 import { default as default2 } from "@tiptap/starter-kit";
 import { jsx, jsxs } from "react/jsx-runtime";
-function RichTextEditor({ editor, label, density }) {
+function RichTextEditor({ editor, label, density, analytics }) {
+  const enabled = useAnalyticsEnabled(analytics);
+  const track = useAnalytics2("RichTextEditor", analytics);
+  const report = useEffectEvent(() => track({ name: "ui.commit" }));
+  useEffect(() => {
+    if (!editor || !enabled)
+      return;
+    let dirty = false;
+    const update = () => {
+      if (editor.isFocused)
+        dirty = true;
+    };
+    const blur = () => {
+      if (dirty) {
+        dirty = false;
+        report();
+      }
+    };
+    editor.on("update", update);
+    editor.on("blur", blur);
+    return () => {
+      editor.off("update", update);
+      editor.off("blur", blur);
+    };
+  }, [editor, enabled]);
   const state = useEditorState({
     editor,
     selector: ({ editor: current }) => ({

package/dist/components/event-calendar/EventCalendar.d.ts

@@ -1,3 +1,4 @@
+import type { IAnalyticsProps } from "../../analytics/types.js";
 import { type CalendarProps, type ToolbarProps } from "react-big-calendar";
 import { type ReactElement } from "react";
 import type { IDensityProps } from "../../density/types.js";
@@ -9,7 +10,7 @@ type EventCalendarProps<T extends object, R extends object = object> = Omit<Cale
     localizer?: CalendarProps<T, R>["localizer"];
 };
 /** Import @alexgorbatchev/shadcn/event-calendar.css. Native localizer and event APIs are preserved. */
-declare function EventCalendar<T extends object, R extends object = object>({ label, height, density, components, localizer, ...props }: EventCalendarProps<T, R>): ReactElement;
+declare function EventCalendar<T extends object, R extends object = object>({ analytics, label, height, density, components, localizer, ...props }: EventCalendarProps<T, R> & IAnalyticsProps): ReactElement;
 export { EventCalendar, EventCalendarToolbar, eventCalendarLocalizer };
 export type { EventCalendarProps };
 export { dateFnsLocalizer } from "react-big-calendar";

package/dist/components/event-calendar/index.js

@@ -1,9 +1,14 @@
+import"../../chunk-7ny0vyek.js";
+import"../../chunk-8ssktt4b.js";
 import {
   cn2
 } from "../../chunk-cp2m7y7v.js";
+import"../../chunk-e6hk39ev.js";
+import"../../chunk-x90xmrba.js";
+import"../../chunk-jpvw9xqy.js";
 import {
   Button2
-} from "../../chunk-q7p28b89.js";
+} from "../../chunk-38301e40.js";
 import"../../chunk-jcxxjkqx.js";
 import"../../chunk-rajgnfbr.js";
 import {
@@ -11,15 +16,19 @@ import {
   Field2,
   FieldLabel2
 } from "../../chunk-6jpz5geq.js";
+import"../../chunk-7jpsybag.js";
 import {
   Input2
-} from "../../chunk-59p19t57.js";
+} from "../../chunk-0fmrwsgp.js";
 import {
   Checkbox2
-} from "../../chunk-tnnf8ydf.js";
+} from "../../chunk-9w9berq8.js";
 import {
   Spinner2
 } from "../../chunk-1xncv9gb.js";
+import {
+  useAnalyticsCallback
+} from "../../chunk-5mydsjp3.js";
 var __create = Object.create;
 var __getProtoOf = Object.getPrototypeOf;
 var __defProp = Object.defineProperty;
@@ -12704,6 +12713,7 @@ function EventButton({ children }) {
   return createElement("button", { ...children.props, type: "button" }, children.props.children);
 }
 function EventCalendar({
+  analytics,
   label,
   height = 640,
   density,
@@ -12711,6 +12721,9 @@ function EventCalendar({
   localizer = eventCalendarLocalizer,
   ...props
 }) {
+  const onSelectEvent = useAnalyticsCallback("EventCalendar", analytics, { name: "ui.activate" }, props.onSelectEvent);
+  const onSelectSlot = useAnalyticsCallback("EventCalendar", analytics, { name: "ui.change-request" }, props.onSelectSlot);
+  const onNavigate = useAnalyticsCallback("EventCalendar", analytics, { name: "ui.navigate" }, props.onNavigate);
   return /* @__PURE__ */ jsx("section", {
     "aria-label": label,
     "data-density": density,
@@ -12718,6 +12731,9 @@ function EventCalendar({
     className: "min-w-0 rounded-sm border border-border bg-card p-3",
     children: /* @__PURE__ */ jsx(Calendar_default, {
       ...props,
+      onSelectEvent,
+      onSelectSlot,
+      onNavigate,
       localizer,
       popup: false,
       className: cn2("ag-event-calendar"),

package/dist/components/file-upload/FileUpload.d.ts

@@ -1,14 +1,15 @@
+import type { IAnalyticsProps } from "../../analytics/types.js";
 import { type ReactElement, type ReactNode } from "react";
 import { type DropzoneOptions } from "react-dropzone";
 import type { IDensityProps } from "../../density/types.js";
-type FileUploadProps = IDensityProps & Pick<DropzoneOptions, "accept" | "maxSize" | "minSize" | "maxFiles" | "multiple" | "disabled" | "validator" | "onDrop" | "onDropRejected" | "onError"> & {
+type FileUploadProps = IAnalyticsProps & IDensityProps & Pick<DropzoneOptions, "accept" | "maxSize" | "minSize" | "maxFiles" | "multiple" | "disabled" | "validator" | "onDrop" | "onDropRejected" | "onError"> & {
     label: string;
     description?: ReactNode;
     children?: ReactNode;
     name?: string;
 };
 /** Native file selection and validation. Consumers own storage and upload requests. */
-declare function FileUpload({ label, description, children, name, density, ...options }: FileUploadProps): ReactElement;
+declare function FileUpload({ analytics, label, description, children, name, density, ...options }: FileUploadProps): ReactElement;
 export { FileUpload };
 export type { FileUploadProps };
 export type { FileRejection, FileError, DropEvent, Accept } from "react-dropzone";

package/dist/components/file-upload/index.js

@@ -1,19 +1,37 @@
+import"../../chunk-7ny0vyek.js";
+import"../../chunk-8ssktt4b.js";
 import {
   cn2
 } from "../../chunk-cp2m7y7v.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/file-upload/FileUpload.tsx
 import { useId } from "react";
 import { useDropzone } from "react-dropzone";
 import { UploadIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-function FileUpload({ label, description, children, name, density, ...options }) {
+function FileUpload({
+  analytics,
+  label,
+  description,
+  children,
+  name,
+  density,
+  ...options
+}) {
+  const onDrop = useAnalyticsCallback("FileUpload", analytics, { name: "ui.commit" }, options.onDrop);
   const descriptionId = useId();
   const { getRootProps, getInputProps, open, isDragActive, isDragReject, isProcessing, fileRejections } = useDropzone({
     ...options,
+    onDrop,
     noClick: true,
     noKeyboard: true
   });

package/dist/components/gantt/index.js

@@ -7,16 +7,21 @@ import {
   DragSource2,
   DropTarget2,
   Kanban2
-} from "../../chunk-1hj251b8.js";
+} from "../../chunk-gbmvkt3q.js";
 import"../../chunk-cp2m7y7v.js";
 import"../../chunk-wjx6zf94.js";
+import"../../chunk-7ny0vyek.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 {
   NativeSelect2,
   NativeSelectOption2
-} from "../../chunk-5bw5h08v.js";
+} from "../../chunk-r4jzz4f2.js";
 import {
   Table2,
   TableHeader2,
@@ -25,6 +30,7 @@ import {
   TableHead2,
   TableCell2
 } from "../../chunk-zte6pw69.js";
+import"../../chunk-5mydsjp3.js";
 
 // src/components/gantt/Gantt.tsx
 import { useId, useState } from "react";

package/dist/components/image-crop/ImageCrop.d.ts

@@ -1,9 +1,10 @@
+import type { IAnalyticsProps } from "../../analytics/types.js";
 import { type ReactCropProps } from "react-image-crop";
-import type { ReactElement } from "react";
+import { type ReactElement } from "react";
 import type { IDensityProps } from "../../density/types.js";
-type ImageCropProps = ReactCropProps & IDensityProps;
+type ImageCropProps = IAnalyticsProps & ReactCropProps & IDensityProps;
 /** Import react-image-crop/dist/ReactCrop.css alongside the package theme. */
-declare function ImageCrop({ className, density, ...props }: ImageCropProps): ReactElement;
+declare function ImageCrop({ analytics, className, density, ...props }: ImageCropProps): ReactElement;
 export { ImageCrop };
 export type { ImageCropProps };
 export { centerCrop, makeAspectCrop, convertToPixelCrop, convertToPercentCrop, cropToCanvas, cropToImg, } from "react-image-crop";

package/dist/components/image-crop/index.js

@@ -1,9 +1,16 @@
+import {
+  useAnalytics2
+} from "../../chunk-7ny0vyek.js";
+import {
+  useAnalyticsEnabled
+} from "../../chunk-8ssktt4b.js";
 import {
   cn2
 } from "../../chunk-cp2m7y7v.js";
 
 // src/components/image-crop/ImageCrop.tsx
 import { ReactCrop } from "react-image-crop";
+import { useLayoutEffect, useRef } from "react";
 import {
   centerCrop,
   makeAspectCrop,
@@ -13,13 +20,32 @@ import {
   cropToImg
 } from "react-image-crop";
 import { jsx } from "react/jsx-runtime";
-function ImageCrop({ className, density, ...props }) {
+function ImageCrop({ analytics, className, density, ...props }) {
+  const enabled = useAnalyticsEnabled(analytics);
+  const dirty = useRef(false);
+  const track = useAnalytics2("ImageCrop", analytics);
+  useLayoutEffect(() => {
+    dirty.current = false;
+  }, [enabled]);
+  const onChange = (...args) => {
+    props.onChange(...args);
+    dirty.current = enabled;
+  };
+  const onComplete = (...args) => {
+    props.onComplete?.(...args);
+    const changed = dirty.current;
+    dirty.current = false;
+    if (changed)
+      track({ name: "ui.commit" });
+  };
   return /* @__PURE__ */ jsx("div", {
     "data-density": density,
     "data-scroll": "none",
     className: "max-w-full rounded-sm border border-border bg-card p-2",
     children: /* @__PURE__ */ jsx(ReactCrop, {
       ...props,
+      onChange,
+      onComplete,
       className: cn2("max-w-full [&_.ReactCrop__drag-handle]:border-foreground [&_.ReactCrop__drag-handle]:bg-background", className)
     })
   });

package/dist/components/input-otp/InputOTP.d.ts

@@ -1,8 +1,9 @@
+import type { IAnalyticsProps } from "../../analytics/types.js";
 import type { ComponentProps, ReactElement } from "react";
 import type { IDensityProps } from "../../density/types.js";
 import { OTPInput } from "input-otp";
-type InputOTPProps = ComponentProps<typeof OTPInput> & IDensityProps;
-declare function InputOTP({ density, className, containerClassName, dir, ...props }: InputOTPProps): ReactElement;
+type InputOTPProps = IAnalyticsProps & ComponentProps<typeof OTPInput> & IDensityProps;
+declare function InputOTP({ analytics, density, className, containerClassName, dir, ...props }: InputOTPProps): ReactElement;
 declare function InputOTPGroup({ className, ...props }: ComponentProps<"div">): ReactElement;
 type InputOTPSlotProps = ComponentProps<"div"> & {
     index: number;

package/dist/components/input-otp/index.js

@@ -1,6 +1,11 @@
+import"../../chunk-7ny0vyek.js";
+import"../../chunk-8ssktt4b.js";
 import {
   cn2
 } from "../../chunk-cp2m7y7v.js";
+import {
+  useAnalyticsCallback
+} from "../../chunk-5mydsjp3.js";
 
 // src/components/input-otp/InputOTP.tsx
 import { useContext } from "react";
@@ -244,7 +249,8 @@ var Ft = `
 // src/components/input-otp/InputOTP.tsx
 import { MinusIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-function InputOTP({ density, className, containerClassName, dir, ...props }) {
+function InputOTP({ analytics, density, className, containerClassName, dir, ...props }) {
+  const onComplete = useAnalyticsCallback("InputOTP", analytics, { name: "ui.commit" }, props.onComplete);
   return /* @__PURE__ */ jsx("div", {
     "data-slot": "input-otp",
     "data-density": density,
@@ -256,7 +262,8 @@ function InputOTP({ density, className, containerClassName, dir, ...props }) {
       containerClassName: cn2("flex items-center gap-control-gap", containerClassName),
       spellCheck: false,
       className: cn2("disabled:cursor-not-allowed", className),
-      ...props
+      ...props,
+      onComplete
     })
   });
 }

package/dist/components/json-render/catalog.d.ts

@@ -33,9 +33,9 @@ export declare const componentDefinitions: {
                 vertical: "vertical";
             }>>;
             gap: z.ZodNullable<z.ZodEnum<{
+                none: "none";
                 sm: "sm";
                 lg: "lg";
-                none: "none";
                 md: "md";
                 xl: "xl";
             }>>;

package/dist/components/json-render/index.js

@@ -1,9 +1,18 @@
+import"../../chunk-7ny0vyek.js";
+import"../../chunk-8ssktt4b.js";
 import {
   cn2
 } from "../../chunk-cp2m7y7v.js";
+import"../../chunk-e6hk39ev.js";
+import"../../chunk-x90xmrba.js";
+import"../../chunk-jpvw9xqy.js";
 import {
+  TooltipProvider2,
+  Tooltip2,
+  TooltipTrigger2,
+  TooltipContent2,
   Button2
-} from "../../chunk-q7p28b89.js";
+} from "../../chunk-38301e40.js";
 import {
   ButtonLink2,
   Accordion2,
@@ -27,28 +36,25 @@ import {
   DrawerHeader2,
   DrawerTitle2,
   DrawerDescription2
-} from "../../chunk-4stkzcvt.js";
-import"../../chunk-e6hk39ev.js";
-import"../../chunk-j89xg1ak.js";
-import"../../chunk-aa7m22zj.js";
-import"../../chunk-jpvw9xqy.js";
+} from "../../chunk-3r0q02k6.js";
 import {
   DropdownMenu2,
   DropdownMenuTrigger2,
   DropdownMenuContent2,
   DropdownMenuItem2
-} from "../../chunk-d4bm5rzy.js";
+} from "../../chunk-8wc2z7te.js";
 import {
   Popover2,
   PopoverTrigger2,
   PopoverContent2
-} from "../../chunk-4djw71cv.js";
+} from "../../chunk-21ab0jsp.js";
 import {
   Skeleton2
 } from "../../chunk-d70rcwk7.js";
+import"../../chunk-7jpsybag.js";
 import {
   Input2
-} from "../../chunk-59p19t57.js";
+} from "../../chunk-0fmrwsgp.js";
 import {
   Label2
 } from "../../chunk-jcxxjkqx.js";
@@ -65,26 +71,20 @@ import {
   DialogHeader2,
   DialogTitle2,
   DialogDescription2
-} from "../../chunk-ex1zk6ta.js";
+} from "../../chunk-jgdpa00w.js";
 import {
   Slider2
-} from "../../chunk-644cnngf.js";
+} from "../../chunk-2mn2ctsk.js";
 import {
   Switch2
-} from "../../chunk-8ye0k6z7.js";
+} from "../../chunk-ptgtqv1a.js";
 import {
   Textarea2
-} from "../../chunk-hz9azhzx.js";
-import {
-  TooltipProvider2,
-  Tooltip2,
-  TooltipTrigger2,
-  TooltipContent2
-} from "../../chunk-mz3e810d.js";
+} from "../../chunk-tq0pfv5h.js";
 import {
   RadioGroup2,
   RadioGroupItem2
-} from "../../chunk-wndqbss9.js";
+} from "../../chunk-ekbesw9t.js";
 import {
   Card2,
   CardHeader2,
@@ -92,27 +92,27 @@ import {
   CardDescription2,
   CardContent2
 } from "../../chunk-bygq5yqf.js";
-import"../../chunk-57jj9v64.js";
-import"../../chunk-c7tnf6h7.js";
+import"../../chunk-14mh00z3.js";
+import"../../chunk-p1eqxz4v.js";
 import {
   Tabs2,
   TabsList2,
   TabsTrigger2
-} from "../../chunk-1hj251b8.js";
+} from "../../chunk-gbmvkt3q.js";
 import {
   Badge2
 } from "../../chunk-wjx6zf94.js";
 import"../../chunk-9de1htr5.js";
 import {
   Checkbox2
-} from "../../chunk-tnnf8ydf.js";
+} from "../../chunk-9w9berq8.js";
 import"../../chunk-1j2hz3w9.js";
 import"../../chunk-k99h6evz.js";
 import {
   Toggle2,
   ToggleGroup2,
   ToggleGroupItem2
-} from "../../chunk-aexby8h3.js";
+} from "../../chunk-q606kj28.js";
 import {
   Alert2,
   AlertTitle2,
@@ -130,7 +130,7 @@ import {
   Collapsible2,
   CollapsibleTrigger2,
   CollapsibleContent2
-} from "../../chunk-24d68cjp.js";
+} from "../../chunk-fw86vanx.js";
 import {
   Spinner2
 } from "../../chunk-1xncv9gb.js";
@@ -143,21 +143,24 @@ import {
   TableCell2,
   TableCaption2
 } from "../../chunk-zte6pw69.js";
-import"../../chunk-5bw5h08v.js";
+import"../../chunk-r4jzz4f2.js";
 import"../../chunk-vyve5wf3.js";
-import"../../chunk-hh43wg05.js";
-import"../../chunk-8vfh3ez0.js";
-import"../../chunk-83zjj4jd.js";
+import"../../chunk-4710gn6d.js";
+import"../../chunk-60p7sagm.js";
+import"../../chunk-c9ypcp4s.js";
+import"../../chunk-tcefvfr8.js";
+import"../../chunk-x6vx0v6d.js";
 import {
   Carousel2,
   CarouselContent2,
   CarouselItem2,
   CarouselPrevious2,
   CarouselNext2
-} from "../../chunk-dzvsjw59.js";
+} from "../../chunk-6jw87d07.js";
 import {
   componentDefinitions2
 } from "../../chunk-tch86q2w.js";
+import"../../chunk-5mydsjp3.js";
 
 // src/components/json-render/JsonCard.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/message-scroller/MessageScroller.d.ts

@@ -1,3 +1,4 @@
+import type { IAnalyticsProps } from "../../analytics/types.js";
 import type { ComponentProps, ReactElement } from "react";
 import type { IDensityProps } from "../../density/types.js";
 import { MessageScroller as MessageScrollerPrimitive } from "@shadcn/react/message-scroller";
@@ -11,6 +12,6 @@ type MessageScrollerContentProps = ComponentProps<typeof MessageScrollerPrimitiv
 declare function MessageScrollerContent({ density, className, ...props }: MessageScrollerContentProps): ReactElement;
 type MessageScrollerItemProps = ComponentProps<typeof MessageScrollerPrimitive.Item> & IDensityProps;
 declare function MessageScrollerItem({ density, className, scrollAnchor, ...props }: MessageScrollerItemProps): ReactElement;
-type MessageScrollerButtonProps = ComponentProps<typeof MessageScrollerPrimitive.Button> & Pick<ComponentProps<typeof Button>, "variant" | "size"> & IDensityProps;
-declare function MessageScrollerButton({ density, direction, behavior, className, children, render, variant, size, ...props }: MessageScrollerButtonProps): ReactElement;
+type MessageScrollerButtonProps = IAnalyticsProps & ComponentProps<typeof MessageScrollerPrimitive.Button> & Pick<ComponentProps<typeof Button>, "variant" | "size"> & IDensityProps;
+declare function MessageScrollerButton({ analytics, density, direction, behavior, className, children, render, variant, size, ...props }: MessageScrollerButtonProps): ReactElement;
 export { MessageScrollerProvider, MessageScroller, MessageScrollerViewport, MessageScrollerContent, MessageScrollerItem, MessageScrollerButton, };

package/dist/components/message-scroller/index.js

@@ -1,3 +1,5 @@
+import"../../chunk-7ny0vyek.js";
+import"../../chunk-8ssktt4b.js";
 import {
   S,
   d,
@@ -6,9 +8,15 @@ import {
 import {
   cn2
 } from "../../chunk-cp2m7y7v.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";
 
 // node_modules/@shadcn/react/dist/message-scroller/index.js
 import * as f2 from "react";
@@ -549,6 +557,7 @@ function MessageScrollerItem({
   });
 }
 function MessageScrollerButton({
+  analytics,
   density,
   direction = "end",
   behavior,
@@ -559,6 +568,7 @@ function MessageScrollerButton({
   size = "icon-sm",
   ...props
 }) {
+  const trackedOnClick = useAnalyticsCallback("MessageScrollerButton", analytics, { name: "ui.activate" }, props.onClick);
   const isReducedMotion = useMediaQuery("(prefers-reduced-motion: reduce)");
   return /* @__PURE__ */ jsx2(er.Button, {
     "data-slot": "message-scroller-button",
@@ -574,6 +584,7 @@ function MessageScrollerButton({
       size
     }),
     ...props,
+    onClick: trackedOnClick,
     children: children ?? /* @__PURE__ */ jsxs2(Fragment, {
       children: [
         /* @__PURE__ */ jsx2(ArrowDownIcon, {

package/dist/components/persian-calendar/PersianCalendar.d.ts

@@ -1,6 +1,7 @@
+import type { IAnalyticsProps } from "../../analytics/types.js";
 import type { ComponentProps, ReactElement } from "react";
 import type { CalendarProps } from "../calendar/types.js";
 import { DayPicker } from "@daypicker/persian";
-type PersianCalendarProps = ComponentProps<typeof DayPicker> & Pick<CalendarProps, "density" | "buttonVariant">;
-declare function PersianCalendar({ density, className, classNames, showOutsideDays, captionLayout, buttonVariant, components, ...props }: PersianCalendarProps): ReactElement;
+type PersianCalendarProps = IAnalyticsProps & ComponentProps<typeof DayPicker> & Pick<CalendarProps, "density" | "buttonVariant">;
+declare function PersianCalendar({ analytics, density, className, classNames, showOutsideDays, captionLayout, buttonVariant, components, ...props }: PersianCalendarProps): ReactElement;
 export { PersianCalendar };

package/dist/components/persian-calendar/index.js

@@ -1,16 +1,25 @@
+import"../../chunk-7ny0vyek.js";
+import"../../chunk-8ssktt4b.js";
 import {
   cn2
 } from "../../chunk-cp2m7y7v.js";
-import"../../chunk-q7p28b89.js";
+import"../../chunk-e6hk39ev.js";
+import"../../chunk-x90xmrba.js";
+import"../../chunk-jpvw9xqy.js";
+import"../../chunk-38301e40.js";
 import {
   getCalendarClassNames,
   CalendarDayButton2
-} from "../../chunk-7p6032sv.js";
+} from "../../chunk-cy1xv5nz.js";
+import {
+  useAnalyticsCallback
+} from "../../chunk-5mydsjp3.js";
 
 // src/components/persian-calendar/PersianCalendar.tsx
 import { DayPicker } from "@daypicker/persian";
 import { jsx } from "react/jsx-runtime";
 function PersianCalendar({
+  analytics,
   density,
   className,
   classNames,
@@ -20,6 +29,8 @@ function PersianCalendar({
   components,
   ...props
 }) {
+  const onDayClick = useAnalyticsCallback("PersianCalendar", analytics, { name: "ui.change-request" }, props.onDayClick);
+  const onMonthChange = useAnalyticsCallback("PersianCalendar", analytics, { name: "ui.navigate" }, props.onMonthChange);
   return /* @__PURE__ */ jsx(DayPicker, {
     "data-density": density,
     "data-slot": "calendar",
@@ -28,7 +39,9 @@ function PersianCalendar({
     className: cn2("group/calendar bg-background p-panel [--cell-size:var(--ag-control-h)]", className),
     classNames: getCalendarClassNames({ buttonVariant, classNames }),
     components: { DayButton: CalendarDayButton2, ...components },
-    ...props
+    ...props,
+    onDayClick,
+    onMonthChange
   });
 }
 export {