@alexgorbatchev/shadcn 0.0.47 → 0.0.48

package/dist/{chunk-8wc2z7te.js → chunk-cfnkbp0y.js}

@@ -16,23 +16,11 @@ import {
   useAnalyticsCallback
 } from "./chunk-5mydsjp3.js";
 
-// src/components/DropdownMenu.tsx
+// src/components/MenuPopup.tsx
 import { Menu as MenuPrimitive } from "@base-ui/react/menu";
-import { ChevronRightIcon, CheckIcon } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 "use client";
-function DropdownMenu2({
-  analytics,
-  ...props
-}) {
-  const trackedOnOpenChange = useAnalyticsCallback("DropdownMenu", analytics, (open, _details) => ({ name: "ui.open-request", open }), props.onOpenChange);
-  return /* @__PURE__ */ jsx(MenuPrimitive.Root, {
-    "data-slot": "dropdown-menu",
-    ...props,
-    onOpenChange: trackedOnOpenChange
-  });
-}
-function DropdownMenuPortal2({ container, ref, children, ...props }) {
+function MenuPortal({ container, ref, children, ...props }) {
   const resolvedContainer = usePortalContainer2(container);
   const portal = usePortalNode(ref);
   return /* @__PURE__ */ jsx(MenuPrimitive.Portal, {
@@ -46,13 +34,7 @@ function DropdownMenuPortal2({ container, ref, children, ...props }) {
     })
   });
 }
-function DropdownMenuTrigger2({ ...props }) {
-  return /* @__PURE__ */ jsx(MenuPrimitive.Trigger, {
-    "data-slot": "dropdown-menu-trigger",
-    ...props
-  });
-}
-function DropdownMenuContent2({
+function MenuPopup({
   density,
   width = "content",
   align = "start",
@@ -64,7 +46,7 @@ function DropdownMenuContent2({
 }) {
   const resolvedDensity = useDensity(density);
   const direction = useDirection2();
-  return /* @__PURE__ */ jsx(DropdownMenuPortal2, {
+  return /* @__PURE__ */ jsx(MenuPortal, {
     children: /* @__PURE__ */ jsx(MenuPrimitive.Positioner, {
       dir: direction,
       className: "isolate outline-none",
@@ -73,6 +55,7 @@ function DropdownMenuContent2({
       side,
       sideOffset,
       children: /* @__PURE__ */ jsx(MenuPrimitive.Popup, {
+        dir: direction,
         "data-density": resolvedDensity,
         "data-slot": "dropdown-menu-content",
         className: (state) => cn2("max-h-(--available-height) max-w-(--available-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md bg-popover p-1 text-popover-foreground shadow-frame border border-frame-edge shadow-frame duration-120 outline-none data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0", width === "anchor" ? "w-(--anchor-width)" : "w-max", typeof className === "function" ? className(state) : className),
@@ -81,22 +64,29 @@ function DropdownMenuContent2({
     })
   });
 }
-function DropdownMenuGroup2({ ...props }) {
-  return /* @__PURE__ */ jsx(MenuPrimitive.Group, {
-    "data-slot": "dropdown-menu-group",
+
+// src/components/MenuParts.tsx
+import { Menu as MenuPrimitive2 } from "@base-ui/react/menu";
+import { ChevronRightIcon, CheckIcon } from "lucide-react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+"use client";
+var menuItemClassName = "group/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 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:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive";
+function MenuGroup2({ ...props }) {
+  return /* @__PURE__ */ jsx2(MenuPrimitive2.Group, {
+    "data-slot": "menu-group",
     ...props
   });
 }
-function DropdownMenuLabel2({ density, className, inset, ...props }) {
-  return /* @__PURE__ */ jsx(MenuPrimitive.GroupLabel, {
+function MenuLabel2({ density, className, inset, ...props }) {
+  return /* @__PURE__ */ jsx2(MenuPrimitive2.GroupLabel, {
     "data-density": density,
-    "data-slot": "dropdown-menu-label",
+    "data-slot": "menu-label",
     "data-inset": inset,
     className: (state) => cn2("px-1.5 py-1 text-xs font-medium text-muted-foreground data-inset:ps-7", typeof className === "function" ? className(state) : className),
     ...props
   });
 }
-function DropdownMenuItem2({
+function MenuItem2({
   analytics,
   density,
   className,
@@ -104,41 +94,60 @@ function DropdownMenuItem2({
   variant = "default",
   ...props
 }) {
-  const trackedOnClick = useAnalyticsCallback("DropdownMenuItem", analytics, { name: "ui.activate" }, props.onClick);
-  return /* @__PURE__ */ jsx(MenuPrimitive.Item, {
+  const trackedOnClick = useAnalyticsCallback("MenuItem", analytics, { name: "ui.activate" }, props.onClick);
+  return /* @__PURE__ */ jsx2(MenuPrimitive2.Item, {
     "data-density": density,
-    "data-slot": "dropdown-menu-item",
+    "data-slot": "menu-item",
     "data-inset": inset,
     "data-variant": variant,
-    className: (state) => cn2("group/dropdown-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 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:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive", typeof className === "function" ? className(state) : className),
+    className: (state) => cn2(menuItemClassName, typeof className === "function" ? className(state) : className),
     ...props,
     onClick: trackedOnClick
   });
 }
-function DropdownMenuSub2({ analytics, ...props }) {
-  const trackedOnOpenChange = useAnalyticsCallback("DropdownMenuSub", analytics, (open, _details) => ({ name: "ui.open-request", open }), props.onOpenChange);
-  return /* @__PURE__ */ jsx(MenuPrimitive.SubmenuRoot, {
-    "data-slot": "dropdown-menu-sub",
+function MenuLinkItem2({
+  analytics,
+  density,
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  const trackedOnClick = useAnalyticsCallback("MenuLinkItem", analytics, { name: "ui.activate" }, props.onClick);
+  return /* @__PURE__ */ jsx2(MenuPrimitive2.LinkItem, {
+    "data-density": density,
+    "data-slot": "menu-item",
+    "data-inset": inset,
+    "data-variant": variant,
+    className: (state) => cn2(menuItemClassName, typeof className === "function" ? className(state) : className),
+    ...props,
+    onClick: trackedOnClick
+  });
+}
+function MenuSub2({ analytics, ...props }) {
+  const trackedOnOpenChange = useAnalyticsCallback("MenuSub", analytics, (open, _details) => ({ name: "ui.open-request", open }), props.onOpenChange);
+  return /* @__PURE__ */ jsx2(MenuPrimitive2.SubmenuRoot, {
+    "data-slot": "menu-sub",
     ...props,
     onOpenChange: trackedOnOpenChange
   });
 }
-function DropdownMenuSubTrigger2({ density, className, inset, children, ...props }) {
-  return /* @__PURE__ */ jsxs(MenuPrimitive.SubmenuTrigger, {
+function MenuSubTrigger2({ density, className, inset, children, ...props }) {
+  return /* @__PURE__ */ jsxs(MenuPrimitive2.SubmenuTrigger, {
     "data-density": density,
-    "data-slot": "dropdown-menu-sub-trigger",
+    "data-slot": "menu-sub-trigger",
     "data-inset": inset,
     className: (state) => cn2("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 not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:ps-7 data-popup-open:bg-accent data-popup-open:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", typeof className === "function" ? className(state) : className),
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx(ChevronRightIcon, {
+      /* @__PURE__ */ jsx2(ChevronRightIcon, {
         className: "ms-auto rtl:rotate-180"
       })
     ]
   });
 }
-function DropdownMenuSubContent2({
+function MenuSubContent2({
   density,
   align = "start",
   alignOffset = -3,
@@ -148,9 +157,9 @@ function DropdownMenuSubContent2({
   ...props
 }) {
   const resolvedDensity = useDensity(density);
-  return /* @__PURE__ */ jsx(DropdownMenuContent2, {
+  return /* @__PURE__ */ jsx2(MenuPopup, {
     "data-density": resolvedDensity,
-    "data-slot": "dropdown-menu-sub-content",
+    "data-slot": "menu-sub-content",
     className: (state) => cn2("w-auto min-w-[96px] rounded-md bg-popover p-1 text-popover-foreground shadow-frame border border-frame-edge shadow-frame duration-120 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", typeof className === "function" ? className(state) : className),
     align,
     alignOffset,
@@ -159,7 +168,7 @@ function DropdownMenuSubContent2({
     ...props
   });
 }
-function DropdownMenuCheckboxItem2({
+function MenuCheckboxItem2({
   analytics,
   density,
   className,
@@ -168,72 +177,91 @@ function DropdownMenuCheckboxItem2({
   inset,
   ...props
 }) {
-  const trackedOnCheckedChange = useAnalyticsCallback("DropdownMenuCheckboxItem", analytics, { name: "ui.change-request" }, props.onCheckedChange);
-  return /* @__PURE__ */ jsxs(MenuPrimitive.CheckboxItem, {
+  const trackedOnCheckedChange = useAnalyticsCallback("MenuCheckboxItem", analytics, { name: "ui.change-request" }, props.onCheckedChange);
+  return /* @__PURE__ */ jsxs(MenuPrimitive2.CheckboxItem, {
     "data-density": density,
-    "data-slot": "dropdown-menu-checkbox-item",
+    "data-slot": "menu-checkbox-item",
     "data-inset": inset,
     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 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__ */ jsx("span", {
+      /* @__PURE__ */ jsx2("span", {
         className: "pointer-events-none absolute end-2 flex items-center justify-center",
-        "data-slot": "dropdown-menu-checkbox-item-indicator",
-        children: /* @__PURE__ */ jsx(MenuPrimitive.CheckboxItemIndicator, {
-          children: /* @__PURE__ */ jsx(CheckIcon, {})
+        "data-slot": "menu-checkbox-item-indicator",
+        children: /* @__PURE__ */ jsx2(MenuPrimitive2.CheckboxItemIndicator, {
+          children: /* @__PURE__ */ jsx2(CheckIcon, {})
         })
       }),
       children
     ]
   });
 }
-function DropdownMenuRadioGroup2({
-  analytics,
-  ...props
-}) {
-  const trackedOnValueChange = useAnalyticsCallback("DropdownMenuRadioGroup", analytics, { name: "ui.change-request" }, props.onValueChange);
-  return /* @__PURE__ */ jsx(MenuPrimitive.RadioGroup, {
-    "data-slot": "dropdown-menu-radio-group",
+function MenuRadioGroup2({ analytics, ...props }) {
+  const trackedOnValueChange = useAnalyticsCallback("MenuRadioGroup", analytics, { name: "ui.change-request" }, props.onValueChange);
+  return /* @__PURE__ */ jsx2(MenuPrimitive2.RadioGroup, {
+    "data-slot": "menu-radio-group",
     ...props,
     onValueChange: trackedOnValueChange
   });
 }
-function DropdownMenuRadioItem2({ density, className, children, inset, ...props }) {
-  return /* @__PURE__ */ jsxs(MenuPrimitive.RadioItem, {
+function MenuRadioItem2({ density, className, children, inset, ...props }) {
+  return /* @__PURE__ */ jsxs(MenuPrimitive2.RadioItem, {
     "data-density": density,
-    "data-slot": "dropdown-menu-radio-item",
+    "data-slot": "menu-radio-item",
     "data-inset": inset,
     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 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),
     ...props,
     children: [
-      /* @__PURE__ */ jsx("span", {
+      /* @__PURE__ */ jsx2("span", {
         className: "pointer-events-none absolute end-2 flex items-center justify-center",
-        "data-slot": "dropdown-menu-radio-item-indicator",
-        children: /* @__PURE__ */ jsx(MenuPrimitive.RadioItemIndicator, {
-          children: /* @__PURE__ */ jsx(CheckIcon, {})
+        "data-slot": "menu-radio-item-indicator",
+        children: /* @__PURE__ */ jsx2(MenuPrimitive2.RadioItemIndicator, {
+          children: /* @__PURE__ */ jsx2(CheckIcon, {})
         })
       }),
       children
     ]
   });
 }
-function DropdownMenuSeparator2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx(MenuPrimitive.Separator, {
+function MenuSeparator2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx2(MenuPrimitive2.Separator, {
     "data-density": density,
-    "data-slot": "dropdown-menu-separator",
+    "data-slot": "menu-separator",
     className: (state) => cn2("-mx-1 my-1 h-px bg-border", typeof className === "function" ? className(state) : className),
     ...props
   });
 }
-function DropdownMenuShortcut2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx("span", {
+function MenuShortcut2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx2("span", {
     "data-density": density,
-    "data-slot": "dropdown-menu-shortcut",
-    className: cn2("ms-auto text-xs tracking-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground", className),
+    "data-slot": "menu-shortcut",
+    className: cn2("ms-auto text-xs tracking-widest text-muted-foreground group-focus/menu-item:text-accent-foreground", className),
+    ...props
+  });
+}
+
+// src/components/DropdownMenu.tsx
+import { Menu as MenuPrimitive3 } from "@base-ui/react/menu";
+import { jsx as jsx3 } from "react/jsx-runtime";
+"use client";
+function DropdownMenu2({
+  analytics,
+  ...props
+}) {
+  const trackedOnOpenChange = useAnalyticsCallback("DropdownMenu", analytics, (open, _details) => ({ name: "ui.open-request", open }), props.onOpenChange);
+  return /* @__PURE__ */ jsx3(MenuPrimitive3.Root, {
+    "data-slot": "dropdown-menu",
+    ...props,
+    onOpenChange: trackedOnOpenChange
+  });
+}
+function DropdownMenuTrigger2({ ...props }) {
+  return /* @__PURE__ */ jsx3(MenuPrimitive3.Trigger, {
+    "data-slot": "dropdown-menu-trigger",
     ...props
   });
 }
 
-export { DropdownMenu2, DropdownMenuPortal2, DropdownMenuTrigger2, DropdownMenuContent2, DropdownMenuGroup2, DropdownMenuLabel2, DropdownMenuItem2, DropdownMenuSub2, DropdownMenuSubTrigger2, DropdownMenuSubContent2, DropdownMenuCheckboxItem2, DropdownMenuRadioGroup2, DropdownMenuRadioItem2, DropdownMenuSeparator2, DropdownMenuShortcut2 };
+export { MenuPortal, MenuPopup, MenuGroup2, MenuLabel2, MenuItem2, MenuLinkItem2, MenuSub2, MenuSubTrigger2, MenuSubContent2, MenuCheckboxItem2, MenuRadioGroup2, MenuRadioItem2, MenuSeparator2, MenuShortcut2, DropdownMenu2, DropdownMenuTrigger2 };

package/dist/{chunk-8rtm4y46.js → chunk-pj01ybcm.js}

@@ -5,11 +5,11 @@ import {
   Button2
 } from "./chunk-38301e40.js";
 import {
+  MenuPopup,
+  MenuItem2,
   DropdownMenu2,
-  DropdownMenuTrigger2,
-  DropdownMenuContent2,
-  DropdownMenuItem2
-} from "./chunk-8wc2z7te.js";
+  DropdownMenuTrigger2
+} from "./chunk-cfnkbp0y.js";
 import {
   mono
 } from "./chunk-fgmcbtyt.js";
@@ -46,7 +46,7 @@ function RegenerateMenu2({
             "aria-hidden": "true"
           })
         }),
-        /* @__PURE__ */ jsx(DropdownMenuContent2, {
+        /* @__PURE__ */ jsx(MenuPopup, {
           children: options.map((option) => {
             const content = /* @__PURE__ */ jsxs(Fragment, {
               children: [
@@ -60,7 +60,7 @@ function RegenerateMenu2({
                 })
               ]
             });
-            return /* @__PURE__ */ jsx(DropdownMenuItem2, {
+            return /* @__PURE__ */ jsx(MenuItem2, {
               disabled: !onPick,
               onClick: () => onPick?.(option.id),
               children: content