@alexgorbatchev/shadcn 0.0.42 → 0.0.44

package/dist/{chunk-ex1zk6ta.js → chunk-jgdpa00w.js}

@@ -2,28 +2,31 @@ import {
   useDensity
 } from "./chunk-e6hk39ev.js";
 import {
-  usePortalContainer2
-} from "./chunk-j89xg1ak.js";
-import {
+  usePortalContainer2,
   usePortalNode,
   PortalProvider2
-} from "./chunk-aa7m22zj.js";
+} from "./chunk-x90xmrba.js";
 import {
   cn2
 } from "./chunk-cp2m7y7v.js";
 import {
   Button2
-} from "./chunk-q7p28b89.js";
+} from "./chunk-38301e40.js";
+import {
+  useAnalyticsCallback
+} from "./chunk-5mydsjp3.js";
 
 // src/components/Dialog.tsx
 import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
 import { useDirection } from "@base-ui/react/direction-provider";
 import { XIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-function Dialog2({ ...props }) {
+function Dialog2({ analytics, ...props }) {
+  const trackedOnOpenChange = useAnalyticsCallback("Dialog", analytics, (open, _details) => ({ name: "ui.open-request", open }), props.onOpenChange);
   return /* @__PURE__ */ jsx(DialogPrimitive.Root, {
     "data-slot": "dialog",
-    ...props
+    ...props,
+    onOpenChange: trackedOnOpenChange
   });
 }
 function DialogTrigger2({ ...props }) {

package/dist/{chunk-yxej7z50.js → chunk-jk941nke.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-cp2m7y7v.js";
 import {
   InputGroupAddon2
-} from "./chunk-57jj9v64.js";
+} from "./chunk-14mh00z3.js";
 
 // src/components/assistant-ui/elements/ComposerAttachments.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-e7wbz622.js → chunk-jwzg2twy.js}

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

package/dist/{chunk-pg9rhbgm.js → chunk-k455qwx2.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-cp2m7y7v.js";
 import {
   Button2
-} from "./chunk-q7p28b89.js";
+} from "./chunk-38301e40.js";
 import {
   Spinner2
 } from "./chunk-1xncv9gb.js";
 import {
   Checkbox2
-} from "./chunk-tnnf8ydf.js";
+} from "./chunk-9w9berq8.js";
 import {
   useReceiptFocus
 } from "./chunk-vxvaaptq.js";

package/dist/{chunk-cgv6qm25.js → chunk-khtt3f21.js}

@@ -2,10 +2,10 @@ import {
   Resizable2,
   ResizablePanel2,
   ResizableHandle2
-} from "./chunk-rffrerg5.js";
+} from "./chunk-7w8yemba.js";
 import {
   Thread2
-} from "./chunk-yrxjwwz3.js";
+} from "./chunk-dfkzm4f1.js";
 
 // src/components/assistant-ui/native/AssistantSidebar.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{chunk-p6wb9jw3.js → chunk-kxx5fnpb.js}

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

package/dist/{chunk-1qsph9ej.js → chunk-kzar67tq.js}

@@ -1,12 +1,10 @@
-import {
-  Button2
-} from "./chunk-q7p28b89.js";
 import {
   TooltipProvider2,
   Tooltip2,
   TooltipTrigger2,
-  TooltipContent2
-} from "./chunk-mz3e810d.js";
+  TooltipContent2,
+  Button2
+} from "./chunk-38301e40.js";
 
 // src/components/assistant-ui/elements/TooltipIconButton.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{chunk-tz8xh1nc.js → chunk-m0agthfm.js}

@@ -4,7 +4,7 @@ import {
 import {
   MermaidSvg,
   MermaidZoom2
-} from "./chunk-rbm24fhv.js";
+} from "./chunk-z8n03ra5.js";
 
 // src/components/assistant-ui/elements/MermaidDiagram.tsx
 import { useMemo } from "react";

package/dist/{chunk-yf68wrse.js → chunk-m4wfy6n3.js}

@@ -3,12 +3,12 @@ import {
 } from "./chunk-cp2m7y7v.js";
 import {
   Button2
-} from "./chunk-q7p28b89.js";
+} from "./chunk-38301e40.js";
 import {
   InputGroup2,
   InputGroupAddon2,
   InputGroupInput2
-} from "./chunk-57jj9v64.js";
+} from "./chunk-14mh00z3.js";
 import {
   paper,
   mono

package/dist/{chunk-21x1n6gn.js → chunk-m71d0g7v.js}

@@ -1,21 +1,21 @@
 import {
   ContextDisplayRoot2
-} from "./chunk-6wvhq8wq.js";
+} from "./chunk-tg5grn8f.js";
 import {
   ContextDisplayTrigger2
-} from "./chunk-p8gshf3k.js";
+} from "./chunk-1zbtg30t.js";
 import {
   ContextDisplayContent2
-} from "./chunk-3dyqen8w.js";
+} from "./chunk-agy4dzea.js";
 import {
   ContextDisplayRing3
-} from "./chunk-5v4typ39.js";
+} from "./chunk-wh7rmym5.js";
 import {
   ContextDisplayBar3
-} from "./chunk-46jdxdzy.js";
+} from "./chunk-h5zhqdmb.js";
 import {
   ContextDisplayText3
-} from "./chunk-79667fz5.js";
+} from "./chunk-tbd56x4h.js";
 
 // src/components/assistant-ui/native/ContextDisplay.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-h19wjq6v.js → chunk-m7n2f6nf.js}

@@ -1,6 +1,6 @@
 import {
   Button2
-} from "./chunk-q7p28b89.js";
+} from "./chunk-38301e40.js";
 
 // src/components/assistant-ui/elements/ComposerModelTrigger.tsx
 import { ChevronDownIcon } from "lucide-react";

package/dist/{chunk-srv59vf3.js → chunk-m9rrhywc.js}

@@ -1,18 +1,18 @@
 import {
   MarkdownText2
-} from "./chunk-rkbbjjwq.js";
+} from "./chunk-bt7ramb0.js";
 import {
   ReasoningRoot3
-} from "./chunk-7b3n0ftm.js";
+} from "./chunk-3v95p5js.js";
 import {
   ReasoningTrigger2
-} from "./chunk-3c7tvhtx.js";
+} from "./chunk-pa8yemp1.js";
 import {
   ReasoningFade2
 } from "./chunk-3g8p9apn.js";
 import {
   ReasoningContent2
-} from "./chunk-wnyxdfzd.js";
+} from "./chunk-qv3b2jvc.js";
 import {
   ReasoningText2
 } from "./chunk-m99hfsps.js";

package/dist/{chunk-z7jkw7ds.js → chunk-mcdqy5gt.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-vyve5wf3.js";
 import {
   Button2
-} from "./chunk-q7p28b89.js";
+} from "./chunk-38301e40.js";
 
 // src/components/assistant-ui/elements/ComposerMenuItem.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{chunk-dd4erwx8.js → chunk-mtx71g1t.js}

@@ -1,12 +1,15 @@
+import {
+  AnalyticsLink
+} from "./chunk-4710gn6d.js";
 import {
   cn2
 } from "./chunk-cp2m7y7v.js";
 import {
   buttonVariants2
-} from "./chunk-q7p28b89.js";
+} from "./chunk-38301e40.js";
 import {
   AudioPlayer2
-} from "./chunk-809fwd84.js";
+} from "./chunk-7zyf9nnf.js";
 import {
   VideoPlayer2
 } from "./chunk-hxctrrkh.js";
@@ -184,7 +187,8 @@ function FileDownload2({
   const href = getFileHref(data, mimeType, sourceType);
   if (!href)
     return null;
-  return /* @__PURE__ */ jsxs("a", {
+  return /* @__PURE__ */ jsxs(AnalyticsLink, {
+    component: "FileDownload",
     "data-testid": "FileDownload",
     "data-slot": "file-download",
     href,

package/dist/{chunk-9vyg3854.js → chunk-mwzmmeeq.js}

@@ -1,3 +1,6 @@
+import {
+  AnalyticsButton
+} from "./chunk-tcefvfr8.js";
 import {
   useDensity
 } from "./chunk-e6hk39ev.js";
@@ -257,7 +260,8 @@ function ChartLegendContent2({
         ]
       });
       const classes = "flex items-center gap-control-gap [&>svg]:size-3 [&>svg]:text-muted-foreground";
-      return onClick ? /* @__PURE__ */ jsx2("button", {
+      return onClick ? /* @__PURE__ */ jsx2(AnalyticsButton, {
+        component: "ChartLegendContent",
         type: "button",
         className: cn2(classes, "outline-none focus-visible:ring-1 focus-visible:ring-ring"),
         onClick: (event) => onClick(item, index, event),

package/dist/{chunk-w0bgsawz.js → chunk-n5ea9nv1.js}

@@ -1,6 +1,6 @@
 import {
   Button2
-} from "./chunk-q7p28b89.js";
+} from "./chunk-38301e40.js";
 import {
   Card2,
   CardContent2,
@@ -12,7 +12,7 @@ import {
 } from "./chunk-6jpz5geq.js";
 import {
   Textarea2
-} from "./chunk-hz9azhzx.js";
+} from "./chunk-tq0pfv5h.js";
 import {
   useReceiptFocus
 } from "./chunk-vxvaaptq.js";

package/dist/{chunk-krz4q9sz.js → chunk-ngq209hr.js}

@@ -3,12 +3,12 @@ import {
 } from "./chunk-cp2m7y7v.js";
 import {
   Button2
-} from "./chunk-q7p28b89.js";
+} from "./chunk-38301e40.js";
 import {
   InputGroup2,
   InputGroupAddon2,
   InputGroupInput2
-} from "./chunk-57jj9v64.js";
+} from "./chunk-14mh00z3.js";
 import {
   paper,
   field

package/dist/{chunk-7j9d7dtq.js → chunk-nw8zvj83.js}

@@ -1,6 +1,6 @@
 import {
   Button2
-} from "./chunk-q7p28b89.js";
+} from "./chunk-38301e40.js";
 
 // src/components/assistant-ui/elements/ComposerSend.tsx
 import { ArrowUpIcon, SquareIcon } from "lucide-react";

package/dist/{chunk-52e8a05a.js → chunk-nxkbx5r2.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-cp2m7y7v.js";
 import {
   ConversationMap2
-} from "./chunk-ws4y7ctw.js";
+} from "./chunk-jadf0xqn.js";
 import {
   usePrefersReducedMotion
 } from "./chunk-jy57625a.js";

package/dist/{chunk-c7tnf6h7.js → chunk-p1eqxz4v.js}

@@ -2,31 +2,43 @@ import {
   useDensity
 } from "./chunk-e6hk39ev.js";
 import {
-  usePortalContainer2
-} from "./chunk-j89xg1ak.js";
-import {
+  usePortalContainer2,
   usePortalNode,
   PortalProvider2
-} from "./chunk-aa7m22zj.js";
+} from "./chunk-x90xmrba.js";
 import {
   cn2
 } from "./chunk-cp2m7y7v.js";
 import {
   Button2
-} from "./chunk-q7p28b89.js";
+} from "./chunk-38301e40.js";
 import {
   InputGroup2,
   InputGroupAddon2,
   InputGroupButton2,
   InputGroupInput2
-} from "./chunk-57jj9v64.js";
+} from "./chunk-14mh00z3.js";
+import {
+  useAnalyticsCallback
+} from "./chunk-5mydsjp3.js";
 
 // src/components/Combobox.tsx
 import { useDirection } from "@base-ui/react/direction-provider";
 import { Combobox as ComboboxPrimitive } from "@base-ui/react/combobox";
 import { ChevronDownIcon, XIcon, CheckIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var Combobox2 = ComboboxPrimitive.Root;
+function Combobox2({
+  analytics,
+  ...props
+}) {
+  const onValueChange = useAnalyticsCallback("Combobox", analytics, { name: "ui.change-request" }, props.onValueChange);
+  const onOpenChange = useAnalyticsCallback("Combobox", analytics, (open, _details) => ({ name: "ui.open-request", open }), props.onOpenChange);
+  return /* @__PURE__ */ jsx(ComboboxPrimitive.Root, {
+    ...props,
+    onValueChange,
+    onOpenChange
+  });
+}
 function ComboboxValue2({ ...props }) {
   return /* @__PURE__ */ jsx(ComboboxPrimitive.Value, {
     ...props
@@ -306,12 +318,19 @@ function ScrollBar2({ density, className, orientation = "vertical", ...props })
 import { NumberField as NumberFieldPrimitive } from "@base-ui/react/number-field";
 import { MinusIcon, PlusIcon, MoveHorizontalIcon } from "lucide-react";
 import { jsx as jsx3 } from "react/jsx-runtime";
-function NumberField2({ density, className, ...props }) {
+function NumberField2({
+  analytics,
+  density,
+  className,
+  ...props
+}) {
+  const trackedOnValueCommitted = useAnalyticsCallback("NumberField", analytics, { name: "ui.commit" }, props.onValueCommitted);
   return /* @__PURE__ */ jsx3(NumberFieldPrimitive.Root, {
     "data-density": density,
     "data-slot": "number-field",
     className: (state) => cn2("flex min-w-0 flex-col gap-field-gap", typeof className === "function" ? className(state) : className),
-    ...props
+    ...props,
+    onValueCommitted: trackedOnValueCommitted
   });
 }
 function NumberFieldGroup2({

package/dist/{chunk-9ye7w106.js → chunk-p5x18ckg.js}

@@ -1,6 +1,6 @@
 import {
   EveAskQuestion2
-} from "./chunk-3mzqf6b4.js";
+} from "./chunk-vg2j5044.js";
 
 // src/components/assistant-ui/eveAskQuestionToolkit.ts
 import { defineToolkit } from "@assistant-ui/react";

package/dist/{chunk-ehgeg4q9.js → chunk-p6kw19sx.js}

@@ -1,3 +1,9 @@
+import {
+  AnalyticsButton
+} from "./chunk-tcefvfr8.js";
+import {
+  AnalyticsLink
+} from "./chunk-4710gn6d.js";
 import {
   cn2
 } from "./chunk-cp2m7y7v.js";
@@ -7,7 +13,7 @@ import {
 import {
   buttonVariants2,
   Button2
-} from "./chunk-q7p28b89.js";
+} from "./chunk-38301e40.js";
 import {
   Dialog2,
   DialogTrigger2,
@@ -15,10 +21,10 @@ import {
   DialogHeader2,
   DialogTitle2,
   DialogDescription2
-} from "./chunk-ex1zk6ta.js";
+} from "./chunk-jgdpa00w.js";
 import {
   Input2
-} from "./chunk-59p19t57.js";
+} from "./chunk-0fmrwsgp.js";
 import {
   Label2
 } from "./chunk-jcxxjkqx.js";
@@ -235,7 +241,8 @@ var CustomServersSection = () => {
         ref: addTriggerRef,
         onClick: openForm,
         asChild: true,
-        children: /* @__PURE__ */ jsxs("button", {
+        children: /* @__PURE__ */ jsxs(AnalyticsButton, {
+          component: "CustomServersSection",
           className: cn2(buttonVariants2({ variant: "default" }), "aui-mcp-add-trigger h-control justify-start gap-2 rounded-md px-3 text-sm"),
           children: [
             /* @__PURE__ */ jsx(PlusIcon, {
@@ -382,7 +389,8 @@ var ServerActions = () => {
       /* @__PURE__ */ jsx(McpServerPrimitive.ConnectButton, {
         ref: actionRef,
         asChild: true,
-        children: /* @__PURE__ */ jsxs("button", {
+        children: /* @__PURE__ */ jsxs(AnalyticsButton, {
+          component: "ServerActions",
           className: cn2(buttonVariants2({ variant: "default" }), "aui-mcp-server-connect h-control-sm gap-2 text-sm"),
           children: [
             /* @__PURE__ */ jsx(PlugZapIcon, {
@@ -395,7 +403,8 @@ var ServerActions = () => {
       }),
       /* @__PURE__ */ jsx(McpServerPrimitive.OAuthLink, {
         asChild: true,
-        children: /* @__PURE__ */ jsx("a", {
+        children: /* @__PURE__ */ jsx(AnalyticsLink, {
+          component: "ServerActions",
           className: cn2(buttonVariants2({ variant: "default" }), "aui-mcp-server-authorize h-control-sm gap-2 text-sm"),
           children: "Authorize"
         })
@@ -403,7 +412,8 @@ var ServerActions = () => {
       /* @__PURE__ */ jsx(McpServerPrimitive.DisconnectButton, {
         ref: actionRef,
         asChild: true,
-        children: /* @__PURE__ */ jsx("button", {
+        children: /* @__PURE__ */ jsx(AnalyticsButton, {
+          component: "ServerActions",
           className: cn2(buttonVariants2({ variant: "default" }), "aui-mcp-server-disconnect h-control-sm text-sm"),
           children: "Disconnect"
         })

package/dist/{chunk-3c7tvhtx.js → chunk-pa8yemp1.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-cp2m7y7v.js";
 import {
   CollapsibleTrigger2
-} from "./chunk-24d68cjp.js";
+} from "./chunk-fw86vanx.js";
 
 // src/components/assistant-ui/elements/ReasoningTrigger.tsx
 import { BrainIcon, ChevronDownIcon } from "lucide-react";

package/dist/{chunk-zw6a73cm.js → chunk-prp1x0by.js}

@@ -1,6 +1,6 @@
 import {
   CommandItem2
-} from "./chunk-dwkjt1mm.js";
+} from "./chunk-0twprqdp.js";
 import {
   useModelSelectorContext
 } from "./chunk-ydfx8r6d.js";

package/dist/{chunk-8ye0k6z7.js → chunk-ptgtqv1a.js}

@@ -1,17 +1,22 @@
 import {
   cn2
 } from "./chunk-cp2m7y7v.js";
+import {
+  useAnalyticsCallback
+} from "./chunk-5mydsjp3.js";
 
 // src/components/Switch.tsx
 import { Switch as SwitchPrimitive } from "@base-ui/react/switch";
 import { jsx } from "react/jsx-runtime";
-function Switch2({ density, className, size = "default", ...props }) {
+function Switch2({ analytics, density, className, size = "default", ...props }) {
+  const trackedOnCheckedChange = useAnalyticsCallback("Switch", analytics, { name: "ui.change-request" }, props.onCheckedChange);
   return /* @__PURE__ */ jsx(SwitchPrimitive.Root, {
     "data-density": density,
     "data-slot": "switch",
     "data-size": size,
     className: (state) => cn2("peer group/switch relative inline-flex shrink-0 items-center rounded-sm border border-transparent transition-colors outline-none group-has-[:focus-visible]/field-label:border-transparent group-has-[:focus-visible]/field-label:ring-0 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] data-checked:bg-primary data-unchecked:bg-input data-disabled:cursor-not-allowed data-disabled:opacity-50", typeof className === "function" ? className(state) : className),
     ...props,
+    onCheckedChange: trackedOnCheckedChange,
     children: /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, {
       "data-slot": "switch-thumb",
       className: "pointer-events-none absolute top-1/2 start-0 block -translate-y-1/2 rounded-sm bg-primary-foreground ring-0 transition-[inset-inline-start] group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:start-[calc(100%-1rem)] group-data-[size=sm]/switch:data-checked:start-[calc(100%-0.75rem)]"

package/dist/{chunk-8k1y6w5k.js → chunk-pws4vb8r.js}

@@ -1,3 +1,6 @@
+import {
+  AnalyticsLink
+} from "./chunk-4710gn6d.js";
 import {
   cn2
 } from "./chunk-cp2m7y7v.js";
@@ -87,7 +90,8 @@ function Source2({
   rel = "noopener noreferrer",
   ...props
 }) {
-  return /* @__PURE__ */ jsx("a", {
+  return /* @__PURE__ */ jsx(AnalyticsLink, {
+    component: "Source",
     "data-slot": "source",
     className: cn2(sourceVariants2({ variant, size }), "focus-visible:border-ring focus-visible:ring-ring/50 cursor-pointer outline-none focus-visible:ring-1", className),
     target,

package/dist/{chunk-r07v9c4f.js → chunk-pzr1f2tz.js}

@@ -1,3 +1,6 @@
+import {
+  AnalyticsButton
+} from "./chunk-tcefvfr8.js";
 import {
   useModelSelectorContext
 } from "./chunk-ydfx8r6d.js";
@@ -51,7 +54,8 @@ function ModelSelectorEffort2({
         children: efforts.map((option) => /* @__PURE__ */ jsx(Radio.Root, {
           value: option.id,
           nativeButton: true,
-          render: /* @__PURE__ */ jsx("button", {
+          render: /* @__PURE__ */ jsx(AnalyticsButton, {
+            component: "ModelSelectorEffort",
             type: "button",
             className: "h-control-sm rounded-sm px-control-x text-sm text-muted-foreground outline-none hover:bg-muted hover:text-foreground focus-visible:ring-1 focus-visible:ring-ring data-checked:bg-accent data-checked:font-medium data-checked:text-accent-foreground"
           }),

package/dist/{chunk-aexby8h3.js → chunk-q606kj28.js}

@@ -1,6 +1,9 @@
 import {
   cn2
 } from "./chunk-cp2m7y7v.js";
+import {
+  useAnalyticsCallback
+} from "./chunk-5mydsjp3.js";
 
 // src/components/Toggle.tsx
 import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
@@ -20,12 +23,21 @@ var toggleVariants2 = cva("group/toggle inline-flex items-center justify-center
   },
   defaultVariants: { variant: "default", size: "default" }
 });
-function Toggle2({ density, className, variant = "default", size = "default", ...props }) {
+function Toggle2({
+  analytics,
+  density,
+  className,
+  variant = "default",
+  size = "default",
+  ...props
+}) {
+  const trackedOnPressedChange = useAnalyticsCallback("Toggle", analytics, { name: "ui.change-request" }, props.onPressedChange);
   return /* @__PURE__ */ jsx(TogglePrimitive, {
     "data-density": density,
     "data-slot": "toggle",
     className: (state) => cn2(toggleVariants2({ variant, size }), typeof className === "function" ? className(state) : className),
-    ...props
+    ...props,
+    onPressedChange: trackedOnPressedChange
   });
 }
 
@@ -41,6 +53,7 @@ var ToggleGroupContext = createContext({ spacing: 2 });
 // src/components/ToggleGroup.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
 function ToggleGroup2({
+  analytics,
   density,
   className,
   variant,
@@ -49,8 +62,10 @@ function ToggleGroup2({
   orientation = "horizontal",
   children,
   style,
+  required = false,
   ...props
 }) {
+  const trackedOnValueChange = useAnalyticsCallback("ToggleGroup", analytics, { name: "ui.change-request" }, props.onValueChange);
   return /* @__PURE__ */ jsx2(ToggleGroupPrimitive, {
     "data-density": density,
     "data-slot": "toggle-group",
@@ -64,6 +79,13 @@ function ToggleGroup2({
     }),
     className: (state) => cn2("group/toggle-group flex w-fit flex-row items-center rounded-sm data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch", typeof className === "function" ? className(state) : className),
     ...props,
+    onValueChange: (value, details) => {
+      if (required && value.length === 0) {
+        details.cancel();
+        return;
+      }
+      trackedOnValueChange(value, details);
+    },
     children: /* @__PURE__ */ jsx2(ToggleGroupContext.Provider, {
       value: { variant, size, spacing },
       children

package/dist/{chunk-sat9hjv7.js → chunk-qky9999p.js}

@@ -1,6 +1,6 @@
 import {
   ContextDisplayRoot3
-} from "./chunk-3jrsp186.js";
+} from "./chunk-8q0xpeh4.js";
 
 // src/components/assistant-ui/native/ContextDisplayRuntimeRoot.tsx
 import { useAuiState } from "@assistant-ui/react";

package/dist/{chunk-svkzwq5e.js → chunk-qmfxytfb.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-wnyxdfzd.js → chunk-qv3b2jvc.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-cp2m7y7v.js";
 import {
   CollapsibleContent2
-} from "./chunk-24d68cjp.js";
+} from "./chunk-fw86vanx.js";
 import {
   reasoningPreviewContext
 } from "./chunk-f8zc8ceg.js";