@mastra/playground-ui 55.0.0 → 56.0.0-alpha.10

package/dist/drawer-DgGxK4oq.js

@@ -0,0 +1,327 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Drawer as Drawer$1 } from '@base-ui/react/drawer';
+import { c as cva } from './index-Cp3ZQQze.js';
+import { XIcon } from 'lucide-react';
+import * as React from 'react';
+import { B as Button } from './Button-DS6O6fvU.js';
+import { c as cn } from './cn-C6s2yXwM.js';
+import './drawer.css';/* empty css                */
+
+const drawerBackdropVariants = cva("drawer-backdrop fixed inset-0 z-50", {
+  variants: {
+    overlay: {
+      visible: "bg-overlay backdrop-blur-xs",
+      transparent: "bg-transparent",
+      none: "hidden"
+    }
+  },
+  defaultVariants: {
+    overlay: "visible"
+  }
+});
+const drawerViewportVariants = cva("fixed z-50 flex", {
+  variants: {
+    side: {
+      top: "items-start justify-center",
+      bottom: "items-end justify-center",
+      left: "items-stretch justify-start",
+      right: "items-stretch justify-end"
+    },
+    layout: {
+      default: "inset-0",
+      floating: "p-2 sm:p-3",
+      floatingOverlay: "inset-0 p-2 sm:p-3"
+    }
+  },
+  compoundVariants: [
+    {
+      side: "right",
+      layout: "floating",
+      className: "inset-y-0 right-0 w-[calc(32rem+1.5rem)] max-w-full sm:w-[calc(32rem+2rem)]"
+    },
+    {
+      side: "left",
+      layout: "floating",
+      className: "inset-y-0 left-0 w-[calc(32rem+1.5rem)] max-w-full sm:w-[calc(32rem+2rem)]"
+    },
+    {
+      side: "bottom",
+      layout: "floating",
+      className: "inset-x-0 bottom-0 h-[calc(85dvh+1.5rem)] max-h-full sm:h-[calc(85dvh+2rem)]"
+    },
+    {
+      side: "top",
+      layout: "floating",
+      className: "inset-x-0 top-0 h-[calc(85dvh+1.5rem)] max-h-full sm:h-[calc(85dvh+2rem)]"
+    }
+  ],
+  defaultVariants: {
+    side: "bottom",
+    layout: "default"
+  }
+});
+const drawerPopupVariants = cva(
+  cn(
+    "drawer-popup group/popup relative z-50 box-border flex [touch-action:auto] flex-col overflow-y-auto overscroll-contain will-change-transform outline-none",
+    "border-border1 bg-surface3 text-neutral5 shadow-dialog",
+    "data-[swiping]:select-none",
+    "after:pointer-events-none after:absolute after:inset-0 after:bg-transparent after:transition-[background-color] after:duration-[450ms] after:content-['']",
+    "data-[nested-drawer-open]:after:bg-black/25"
+  ),
+  {
+    variants: {
+      side: {
+        bottom: "",
+        top: "",
+        left: "",
+        right: ""
+      },
+      variant: {
+        default: "",
+        floating: "drawer-popup-floating pointer-events-auto rounded-lg border"
+      }
+    },
+    compoundVariants: [
+      {
+        side: "bottom",
+        variant: "default",
+        className: "h-[var(--drawer-height,auto)] max-h-[calc(85vh_+_3rem)] w-full -mb-12 pb-12 rounded-t-xl border-x border-t"
+      },
+      {
+        side: "top",
+        variant: "default",
+        className: "h-[var(--drawer-height,auto)] max-h-[calc(85vh_+_3rem)] w-full -mt-12 pt-12 rounded-b-xl border-x border-b"
+      },
+      {
+        side: "left",
+        variant: "default",
+        className: "h-full w-[20rem] max-w-[85vw] rounded-r-xl border-y border-r"
+      },
+      {
+        side: "right",
+        variant: "default",
+        className: "h-full w-[20rem] max-w-[85vw] rounded-l-xl border-y border-l"
+      },
+      {
+        side: ["left", "right"],
+        variant: "floating",
+        className: "h-[calc(100dvh-1.5rem)] w-[32rem] max-w-[calc(100vw-1.5rem)] sm:h-[calc(100dvh-2rem)] sm:max-w-[calc(100vw-2rem)]"
+      },
+      {
+        side: ["top", "bottom"],
+        variant: "floating",
+        className: "max-h-[calc(85dvh-1.5rem)] w-[calc(100vw-1.5rem)] sm:max-h-[calc(85dvh-2rem)] sm:w-[calc(100vw-2rem)]"
+      }
+    ],
+    defaultVariants: {
+      side: "bottom",
+      variant: "default"
+    }
+  }
+);
+const sideToSwipeDirection = {
+  top: "up",
+  bottom: "down",
+  left: "left",
+  right: "right"
+};
+const resolveDrawerOverlay = (overlay, variant) => {
+  if (overlay !== "auto") {
+    return overlay;
+  }
+  return variant === "floating" ? "none" : "visible";
+};
+const DrawerContext = React.createContext({
+  side: "bottom",
+  variant: "default",
+  resolvedOverlay: "visible"
+});
+const useDrawerContext = () => React.useContext(DrawerContext);
+const useDrawerSide = () => useDrawerContext().side;
+const resolveDrawerViewportLayout = (variant, overlay) => {
+  if (variant !== "floating") {
+    return "default";
+  }
+  return overlay === "none" ? "floating" : "floatingOverlay";
+};
+function Drawer({
+  side = "bottom",
+  variant = "default",
+  overlay = "auto",
+  modal,
+  disablePointerDismissal,
+  children,
+  ...props
+}) {
+  const resolvedOverlay = resolveDrawerOverlay(overlay, variant);
+  const resolvedModal = modal ?? (resolvedOverlay === "none" ? false : void 0);
+  const resolvedDisablePointerDismissal = disablePointerDismissal ?? (resolvedOverlay === "none" ? true : void 0);
+  const contextValue = React.useMemo(
+    () => ({ side, variant, resolvedOverlay }),
+    [side, variant, resolvedOverlay]
+  );
+  return /* @__PURE__ */ jsx(DrawerContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    Drawer$1.Root,
+    {
+      swipeDirection: sideToSwipeDirection[side],
+      modal: resolvedModal,
+      disablePointerDismissal: resolvedDisablePointerDismissal,
+      ...props,
+      children
+    }
+  ) });
+}
+Drawer.displayName = "Drawer";
+function DrawerTrigger({ asChild, children, ...props }) {
+  const renderProps = asChild && React.isValidElement(children) ? { render: children } : {};
+  return /* @__PURE__ */ jsx(Drawer$1.Trigger, { ...renderProps, ...props, children: asChild ? void 0 : children });
+}
+DrawerTrigger.displayName = "DrawerTrigger";
+const DrawerClose = React.forwardRef(({ asChild, children, ...props }, ref) => {
+  const renderProps = asChild && React.isValidElement(children) ? { render: children } : {};
+  return /* @__PURE__ */ jsx(Drawer$1.Close, { ref, ...renderProps, ...props, children: asChild ? void 0 : children });
+});
+DrawerClose.displayName = "DrawerClose";
+const DrawerPortal = Drawer$1.Portal;
+const DrawerProvider = Drawer$1.Provider;
+const DrawerIndent = Drawer$1.Indent;
+const DrawerIndentBackground = Drawer$1.IndentBackground;
+const DrawerSwipeArea = Drawer$1.SwipeArea;
+const createDrawerHandle = Drawer$1.createHandle;
+const DrawerInteractive = Drawer$1.Content;
+const DrawerBackdrop = React.forwardRef(
+  ({ className, overlay, ...props }, ref) => {
+    const { resolvedOverlay } = useDrawerContext();
+    const resolvedBackdropOverlay = overlay ?? resolvedOverlay;
+    return /* @__PURE__ */ jsx(
+      Drawer$1.Backdrop,
+      {
+        ref,
+        "data-slot": "drawer-backdrop",
+        "data-overlay": resolvedBackdropOverlay,
+        className: cn(drawerBackdropVariants({ overlay: resolvedBackdropOverlay }), className),
+        ...props
+      }
+    );
+  }
+);
+DrawerBackdrop.displayName = "DrawerBackdrop";
+const DrawerViewport = React.forwardRef(
+  ({ className, side, variant, ...props }, ref) => {
+    const context = useDrawerContext();
+    const resolvedSide = side ?? context.side;
+    const resolvedVariant = variant ?? context.variant;
+    const layout = resolveDrawerViewportLayout(resolvedVariant, context.resolvedOverlay);
+    return /* @__PURE__ */ jsx(
+      Drawer$1.Viewport,
+      {
+        ref,
+        "data-slot": "drawer-viewport",
+        "data-variant": resolvedVariant,
+        className: cn(drawerViewportVariants({ side: resolvedSide, layout }), className),
+        ...props
+      }
+    );
+  }
+);
+DrawerViewport.displayName = "DrawerViewport";
+const DrawerPopup = React.forwardRef(
+  ({ className, side, variant, ...props }, ref) => {
+    const context = useDrawerContext();
+    const resolvedSide = side ?? context.side;
+    const resolvedVariant = variant ?? context.variant;
+    return /* @__PURE__ */ jsx(
+      Drawer$1.Popup,
+      {
+        ref,
+        "data-slot": "drawer-popup",
+        "data-variant": resolvedVariant,
+        className: cn(drawerPopupVariants({ side: resolvedSide, variant: resolvedVariant }), className),
+        ...props
+      }
+    );
+  }
+);
+DrawerPopup.displayName = "DrawerPopup";
+const nestedFadeClass = cn(
+  "transition-opacity duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] motion-reduce:duration-0",
+  "group-data-[nested-drawer-open]/popup:opacity-0"
+);
+const DrawerHandleBar = () => /* @__PURE__ */ jsx(
+  "div",
+  {
+    "aria-hidden": true,
+    "data-slot": "drawer-handle",
+    className: cn("mx-auto my-2 h-1 w-12 shrink-0 rounded-full bg-surface5", nestedFadeClass)
+  }
+);
+DrawerHandleBar.displayName = "DrawerHandleBar";
+const DrawerFloatingSideHandle = ({ side, variant }) => {
+  if (variant !== "floating" || side !== "left" && side !== "right") {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-hidden": true,
+      "data-slot": "drawer-side-handle",
+      className: cn(
+        "absolute top-1/2 z-10 flex h-20 w-5 -translate-y-1/2 cursor-ew-resize touch-none items-center justify-center select-none lg:hidden",
+        side === "right" ? "-left-2" : "-right-2"
+      ),
+      children: /* @__PURE__ */ jsx("div", { className: "bg-surface5/80 h-10 w-1 rounded-full shadow-sm" })
+    }
+  );
+};
+DrawerFloatingSideHandle.displayName = "DrawerFloatingSideHandle";
+const DrawerContent = React.forwardRef(
+  ({ className, children, variant, showCloseButton = true, ...props }, ref) => {
+    const { side, variant: contextVariant, resolvedOverlay } = useDrawerContext();
+    const resolvedVariant = variant ?? contextVariant;
+    const showHandle = side === "top" || side === "bottom";
+    return /* @__PURE__ */ jsxs(DrawerPortal, { children: [
+      resolvedOverlay !== "none" && /* @__PURE__ */ jsx(DrawerBackdrop, {}),
+      /* @__PURE__ */ jsx(DrawerViewport, { variant: resolvedVariant, children: /* @__PURE__ */ jsxs(DrawerPopup, { ref, variant: resolvedVariant, className, ...props, children: [
+        showHandle && side === "bottom" && /* @__PURE__ */ jsx(DrawerHandleBar, {}),
+        /* @__PURE__ */ jsx(DrawerFloatingSideHandle, { side, variant: resolvedVariant }),
+        /* @__PURE__ */ jsxs("div", { "data-slot": "drawer-content", className: cn("relative flex min-h-0 flex-1 flex-col", nestedFadeClass), children: [
+          showCloseButton && /* @__PURE__ */ jsx(DrawerDefaultCloseButton, {}),
+          children
+        ] }),
+        showHandle && side === "top" && /* @__PURE__ */ jsx(DrawerHandleBar, {})
+      ] }) })
+    ] });
+  }
+);
+DrawerContent.displayName = "DrawerContent";
+const DrawerDefaultCloseButton = () => /* @__PURE__ */ jsx(DrawerClose, { asChild: true, children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", className: "absolute top-3 right-3 z-10", "aria-label": "Close", children: /* @__PURE__ */ jsx(XIcon, {}) }) });
+DrawerDefaultCloseButton.displayName = "DrawerDefaultCloseButton";
+const DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    "data-slot": "drawer-header",
+    className: cn("flex flex-col gap-0.5 px-3 py-2.5 pr-12 text-left", className),
+    ...props
+  }
+);
+DrawerHeader.displayName = "DrawerHeader";
+const DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    "data-slot": "drawer-footer",
+    className: cn("mt-auto flex flex-col-reverse gap-1.5 px-3 py-2.5 sm:flex-row sm:justify-end", className),
+    ...props
+  }
+);
+DrawerFooter.displayName = "DrawerFooter";
+const DrawerBody = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { "data-slot": "drawer-body", className: cn("flex-1 px-3 py-2.5", className), ...props });
+DrawerBody.displayName = "DrawerBody";
+const DrawerTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Drawer$1.Title, { ref, className: cn("text-ui-md font-medium text-neutral6", className), ...props }));
+DrawerTitle.displayName = "DrawerTitle";
+const DrawerDescription = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(Drawer$1.Description, { ref, className: cn("text-ui-sm text-neutral3", className), ...props })
+);
+DrawerDescription.displayName = "DrawerDescription";
+
+export { Drawer as D, DrawerBackdrop as a, DrawerBody as b, DrawerClose as c, DrawerContent as d, DrawerDescription as e, DrawerFooter as f, DrawerHeader as g, DrawerIndent as h, DrawerIndentBackground as i, DrawerInteractive as j, DrawerPopup as k, DrawerPortal as l, DrawerProvider as m, DrawerSwipeArea as n, DrawerTitle as o, DrawerTrigger as p, DrawerViewport as q, createDrawerHandle as r, useDrawerSide as u };
+//# sourceMappingURL=drawer-DgGxK4oq.js.map

package/dist/drawer-DgGxK4oq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-DgGxK4oq.js","sources":["../src/ds/components/Drawer/drawer.tsx"],"sourcesContent":["import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport { XIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Button } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\n// Swipe/stack transforms live in drawer.css — unreadable as Tailwind arbitrary values.\nimport './drawer.css';\n\nexport type DrawerSide = 'top' | 'right' | 'bottom' | 'left';\n\nconst drawerBackdropVariants = cva('drawer-backdrop fixed inset-0 z-50', {\n  variants: {\n    overlay: {\n      visible: 'bg-overlay backdrop-blur-xs',\n      transparent: 'bg-transparent',\n      none: 'hidden',\n    },\n  },\n  defaultVariants: {\n    overlay: 'visible',\n  },\n});\n\nconst drawerViewportVariants = cva('fixed z-50 flex', {\n  variants: {\n    side: {\n      top: 'items-start justify-center',\n      bottom: 'items-end justify-center',\n      left: 'items-stretch justify-start',\n      right: 'items-stretch justify-end',\n    },\n    layout: {\n      default: 'inset-0',\n      floating: 'p-2 sm:p-3',\n      floatingOverlay: 'inset-0 p-2 sm:p-3',\n    },\n  },\n  compoundVariants: [\n    {\n      side: 'right',\n      layout: 'floating',\n      className: 'inset-y-0 right-0 w-[calc(32rem+1.5rem)] max-w-full sm:w-[calc(32rem+2rem)]',\n    },\n    {\n      side: 'left',\n      layout: 'floating',\n      className: 'inset-y-0 left-0 w-[calc(32rem+1.5rem)] max-w-full sm:w-[calc(32rem+2rem)]',\n    },\n    {\n      side: 'bottom',\n      layout: 'floating',\n      className: 'inset-x-0 bottom-0 h-[calc(85dvh+1.5rem)] max-h-full sm:h-[calc(85dvh+2rem)]',\n    },\n    {\n      side: 'top',\n      layout: 'floating',\n      className: 'inset-x-0 top-0 h-[calc(85dvh+1.5rem)] max-h-full sm:h-[calc(85dvh+2rem)]',\n    },\n  ],\n  defaultVariants: {\n    side: 'bottom',\n    layout: 'default',\n  },\n});\n\n// `drawer-popup` hooks into drawer.css for swipe/stack transforms; `::after` dims under nested drawers.\nconst drawerPopupVariants = cva(\n  cn(\n    'drawer-popup group/popup relative z-50 box-border flex [touch-action:auto] flex-col overflow-y-auto overscroll-contain will-change-transform outline-none',\n    'border-border1 bg-surface3 text-neutral5 shadow-dialog',\n    'data-[swiping]:select-none',\n    \"after:pointer-events-none after:absolute after:inset-0 after:bg-transparent after:transition-[background-color] after:duration-[450ms] after:content-['']\",\n    'data-[nested-drawer-open]:after:bg-black/25',\n  ),\n  {\n    variants: {\n      side: {\n        bottom: '',\n        top: '',\n        left: '',\n        right: '',\n      },\n      variant: {\n        default: '',\n        floating: 'drawer-popup-floating pointer-events-auto rounded-lg border',\n      },\n    },\n    compoundVariants: [\n      {\n        side: 'bottom',\n        variant: 'default',\n        className:\n          'h-[var(--drawer-height,auto)] max-h-[calc(85vh_+_3rem)] w-full -mb-12 pb-12 rounded-t-xl border-x border-t',\n      },\n      {\n        side: 'top',\n        variant: 'default',\n        className:\n          'h-[var(--drawer-height,auto)] max-h-[calc(85vh_+_3rem)] w-full -mt-12 pt-12 rounded-b-xl border-x border-b',\n      },\n      {\n        side: 'left',\n        variant: 'default',\n        className: 'h-full w-[20rem] max-w-[85vw] rounded-r-xl border-y border-r',\n      },\n      {\n        side: 'right',\n        variant: 'default',\n        className: 'h-full w-[20rem] max-w-[85vw] rounded-l-xl border-y border-l',\n      },\n      {\n        side: ['left', 'right'],\n        variant: 'floating',\n        className:\n          'h-[calc(100dvh-1.5rem)] w-[32rem] max-w-[calc(100vw-1.5rem)] sm:h-[calc(100dvh-2rem)] sm:max-w-[calc(100vw-2rem)]',\n      },\n      {\n        side: ['top', 'bottom'],\n        variant: 'floating',\n        className:\n          'max-h-[calc(85dvh-1.5rem)] w-[calc(100vw-1.5rem)] sm:max-h-[calc(85dvh-2rem)] sm:w-[calc(100vw-2rem)]',\n      },\n    ],\n    defaultVariants: {\n      side: 'bottom',\n      variant: 'default',\n    },\n  },\n);\n\ntype DrawerBackdropVariantsProps = VariantProps<typeof drawerBackdropVariants>;\ntype DrawerViewportClassVariantsProps = VariantProps<typeof drawerViewportVariants>;\ntype DrawerPopupVariantsProps = VariantProps<typeof drawerPopupVariants>;\nexport type DrawerVariant = NonNullable<DrawerPopupVariantsProps['variant']>;\ntype DrawerViewportLayout = NonNullable<DrawerViewportClassVariantsProps['layout']>;\ntype DrawerViewportVariantsProps = Pick<DrawerViewportClassVariantsProps, 'side'> & {\n  variant?: DrawerVariant;\n};\nexport type DrawerOverlay = 'auto' | NonNullable<DrawerBackdropVariantsProps['overlay']>;\n\n// `side` = anchor edge; Base UI's `swipeDirection` = dismissal gesture (bottom sheet swipes `down`).\nconst sideToSwipeDirection: Record<DrawerSide, 'up' | 'down' | 'left' | 'right'> = {\n  top: 'up',\n  bottom: 'down',\n  left: 'left',\n  right: 'right',\n};\n\ntype DrawerContextValue = {\n  side: DrawerSide;\n  variant: DrawerVariant;\n  resolvedOverlay: NonNullable<DrawerBackdropVariantsProps['overlay']>;\n};\n\nconst resolveDrawerOverlay = (\n  overlay: DrawerOverlay,\n  variant: DrawerVariant,\n): NonNullable<DrawerBackdropVariantsProps['overlay']> => {\n  if (overlay !== 'auto') {\n    return overlay;\n  }\n\n  return variant === 'floating' ? 'none' : 'visible';\n};\n\nconst DrawerContext = React.createContext<DrawerContextValue>({\n  side: 'bottom',\n  variant: 'default',\n  resolvedOverlay: 'visible',\n});\n\nconst useDrawerContext = () => React.useContext(DrawerContext);\n\nexport const useDrawerSide = () => useDrawerContext().side;\n\nconst resolveDrawerViewportLayout = (\n  variant: DrawerVariant,\n  overlay: NonNullable<DrawerBackdropVariantsProps['overlay']>,\n): DrawerViewportLayout => {\n  if (variant !== 'floating') {\n    return 'default';\n  }\n\n  return overlay === 'none' ? 'floating' : 'floatingOverlay';\n};\n\nexport type DrawerProps<Payload = unknown> = Omit<DrawerPrimitive.Root.Props<Payload>, 'swipeDirection'> & {\n  /** Edge the drawer is anchored to. Defaults to `bottom`. */\n  side?: DrawerSide;\n  /** Visual treatment for the drawer panel. Defaults to `default`. */\n  variant?: DrawerVariant;\n  /** Backdrop behavior. `auto` renders a visible backdrop for default drawers and no backdrop for floating drawers. */\n  overlay?: DrawerOverlay;\n};\n\nfunction Drawer<Payload = unknown>({\n  side = 'bottom',\n  variant = 'default',\n  overlay = 'auto',\n  modal,\n  disablePointerDismissal,\n  children,\n  ...props\n}: DrawerProps<Payload>) {\n  const resolvedOverlay = resolveDrawerOverlay(overlay, variant);\n  const resolvedModal = modal ?? (resolvedOverlay === 'none' ? false : undefined);\n  const resolvedDisablePointerDismissal = disablePointerDismissal ?? (resolvedOverlay === 'none' ? true : undefined);\n  const contextValue = React.useMemo<DrawerContextValue>(\n    () => ({ side, variant, resolvedOverlay }),\n    [side, variant, resolvedOverlay],\n  );\n\n  return (\n    <DrawerContext.Provider value={contextValue}>\n      <DrawerPrimitive.Root\n        swipeDirection={sideToSwipeDirection[side]}\n        modal={resolvedModal}\n        disablePointerDismissal={resolvedDisablePointerDismissal}\n        {...props}\n      >\n        {children}\n      </DrawerPrimitive.Root>\n    </DrawerContext.Provider>\n  );\n}\nDrawer.displayName = 'Drawer';\n\n// Generic (not `forwardRef`) so `handle` / `payload` stay type-safe on detached triggers.\ntype DrawerTriggerProps<Payload = unknown> = DrawerPrimitive.Trigger.Props<Payload> & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n};\n\nfunction DrawerTrigger<Payload = unknown>({ asChild, children, ...props }: DrawerTriggerProps<Payload>) {\n  const renderProps = asChild && React.isValidElement(children) ? { render: children as React.ReactElement } : {};\n\n  return (\n    <DrawerPrimitive.Trigger {...renderProps} {...props}>\n      {asChild ? undefined : children}\n    </DrawerPrimitive.Trigger>\n  );\n}\nDrawerTrigger.displayName = 'DrawerTrigger';\n\ntype DrawerCloseProps = DrawerPrimitive.Close.Props & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n};\n\nconst DrawerClose = React.forwardRef<HTMLButtonElement, DrawerCloseProps>(({ asChild, children, ...props }, ref) => {\n  const renderProps = asChild && React.isValidElement(children) ? { render: children as React.ReactElement } : {};\n\n  return (\n    <DrawerPrimitive.Close ref={ref} {...renderProps} {...props}>\n      {asChild ? undefined : children}\n    </DrawerPrimitive.Close>\n  );\n});\nDrawerClose.displayName = 'DrawerClose';\n\nconst DrawerPortal = DrawerPrimitive.Portal;\nconst DrawerProvider = DrawerPrimitive.Provider;\nconst DrawerIndent = DrawerPrimitive.Indent;\nconst DrawerIndentBackground = DrawerPrimitive.IndentBackground;\nconst DrawerSwipeArea = DrawerPrimitive.SwipeArea;\nconst createDrawerHandle = DrawerPrimitive.createHandle;\n// Inner region where pointer drags select text / scroll instead of swiping the drawer closed.\nconst DrawerInteractive = DrawerPrimitive.Content;\n\ntype DrawerBackdropProps = Omit<DrawerPrimitive.Backdrop.Props, 'className'> & {\n  className?: string;\n} & DrawerBackdropVariantsProps;\n\n// The `drawer-backdrop` class (drawer.css) fades the overlay with the swipe gesture.\nconst DrawerBackdrop = React.forwardRef<HTMLDivElement, DrawerBackdropProps>(\n  ({ className, overlay, ...props }, ref) => {\n    const { resolvedOverlay } = useDrawerContext();\n    const resolvedBackdropOverlay = overlay ?? resolvedOverlay;\n\n    return (\n      <DrawerPrimitive.Backdrop\n        ref={ref}\n        data-slot=\"drawer-backdrop\"\n        data-overlay={resolvedBackdropOverlay}\n        className={cn(drawerBackdropVariants({ overlay: resolvedBackdropOverlay }), className)}\n        {...props}\n      />\n    );\n  },\n);\nDrawerBackdrop.displayName = 'DrawerBackdrop';\n\ntype DrawerViewportProps = Omit<DrawerPrimitive.Viewport.Props, 'className'> & {\n  className?: string;\n} & DrawerViewportVariantsProps;\n\n// Keep the viewport pointer-interactive: Base UI wires native drag-to-dismiss to it.\n// Floating drawers without an overlay constrain the viewport so the page behind stays interactive.\n// Floating drawers with an overlay keep a full-screen viewport so overlay-start drags stay native.\nconst DrawerViewport = React.forwardRef<HTMLDivElement, DrawerViewportProps>(\n  ({ className, side, variant, ...props }, ref) => {\n    const context = useDrawerContext();\n    const resolvedSide = side ?? context.side;\n    const resolvedVariant = variant ?? context.variant;\n    const layout = resolveDrawerViewportLayout(resolvedVariant, context.resolvedOverlay);\n\n    return (\n      <DrawerPrimitive.Viewport\n        ref={ref}\n        data-slot=\"drawer-viewport\"\n        data-variant={resolvedVariant}\n        className={cn(drawerViewportVariants({ side: resolvedSide, layout }), className)}\n        {...props}\n      />\n    );\n  },\n);\nDrawerViewport.displayName = 'DrawerViewport';\n\ntype DrawerPopupProps = Omit<DrawerPrimitive.Popup.Props, 'className'> & {\n  className?: string;\n} & DrawerPopupVariantsProps;\n\nconst DrawerPopup = React.forwardRef<HTMLDivElement, DrawerPopupProps>(\n  ({ className, side, variant, ...props }, ref) => {\n    const context = useDrawerContext();\n    const resolvedSide = side ?? context.side;\n    const resolvedVariant = variant ?? context.variant;\n\n    return (\n      <DrawerPrimitive.Popup\n        ref={ref}\n        data-slot=\"drawer-popup\"\n        data-variant={resolvedVariant}\n        className={cn(drawerPopupVariants({ side: resolvedSide, variant: resolvedVariant }), className)}\n        {...props}\n      />\n    );\n  },\n);\nDrawerPopup.displayName = 'DrawerPopup';\n\n// Inner-content fade while a nested drawer covers the parent. Off the popup itself so border/shadow stay crisp.\nconst nestedFadeClass = cn(\n  'transition-opacity duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] motion-reduce:duration-0',\n  'group-data-[nested-drawer-open]/popup:opacity-0',\n);\n\nconst DrawerHandleBar = () => (\n  <div\n    aria-hidden\n    data-slot=\"drawer-handle\"\n    className={cn('mx-auto my-2 h-1 w-12 shrink-0 rounded-full bg-surface5', nestedFadeClass)}\n  />\n);\nDrawerHandleBar.displayName = 'DrawerHandleBar';\n\ntype DrawerFloatingSideHandleProps = {\n  side: DrawerSide;\n  variant: DrawerVariant;\n};\n\nconst DrawerFloatingSideHandle = ({ side, variant }: DrawerFloatingSideHandleProps) => {\n  if (variant !== 'floating' || (side !== 'left' && side !== 'right')) {\n    return null;\n  }\n\n  return (\n    <div\n      aria-hidden\n      data-slot=\"drawer-side-handle\"\n      className={cn(\n        'absolute top-1/2 z-10 flex h-20 w-5 -translate-y-1/2 cursor-ew-resize touch-none items-center justify-center select-none lg:hidden',\n        side === 'right' ? '-left-2' : '-right-2',\n      )}\n    >\n      <div className=\"bg-surface5/80 h-10 w-1 rounded-full shadow-sm\" />\n    </div>\n  );\n};\nDrawerFloatingSideHandle.displayName = 'DrawerFloatingSideHandle';\n\ntype DrawerContentProps = Omit<DrawerPrimitive.Popup.Props, 'className' | 'children'> & {\n  className?: string;\n  children?: React.ReactNode;\n  /** Shows the built-in top-right close button. Defaults to `true`. */\n  showCloseButton?: boolean;\n} & Pick<DrawerPopupVariantsProps, 'variant'>;\n\n// Opinionated bundle: Portal + Backdrop + Viewport + Popup, with handle on top/bottom sheets.\n// Drop to the primitives for non-modal pages, custom portal targets, or chrome outside the popup.\nconst DrawerContent = React.forwardRef<HTMLDivElement, DrawerContentProps>(\n  ({ className, children, variant, showCloseButton = true, ...props }, ref) => {\n    const { side, variant: contextVariant, resolvedOverlay } = useDrawerContext();\n    const resolvedVariant = variant ?? contextVariant;\n    const showHandle = side === 'top' || side === 'bottom';\n\n    return (\n      <DrawerPortal>\n        {resolvedOverlay !== 'none' && <DrawerBackdrop />}\n        <DrawerViewport variant={resolvedVariant}>\n          <DrawerPopup ref={ref} variant={resolvedVariant} className={className} {...props}>\n            {showHandle && side === 'bottom' && <DrawerHandleBar />}\n            <DrawerFloatingSideHandle side={side} variant={resolvedVariant} />\n            <div data-slot=\"drawer-content\" className={cn('relative flex min-h-0 flex-1 flex-col', nestedFadeClass)}>\n              {showCloseButton && <DrawerDefaultCloseButton />}\n              {children}\n            </div>\n            {showHandle && side === 'top' && <DrawerHandleBar />}\n          </DrawerPopup>\n        </DrawerViewport>\n      </DrawerPortal>\n    );\n  },\n);\nDrawerContent.displayName = 'DrawerContent';\n\nconst DrawerDefaultCloseButton = () => (\n  <DrawerClose asChild>\n    <Button type=\"button\" variant=\"ghost\" size=\"icon-sm\" className=\"absolute top-3 right-3 z-10\" aria-label=\"Close\">\n      <XIcon />\n    </Button>\n  </DrawerClose>\n);\nDrawerDefaultCloseButton.displayName = 'DrawerDefaultCloseButton';\n\nconst DrawerHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    data-slot=\"drawer-header\"\n    className={cn('flex flex-col gap-0.5 px-3 py-2.5 pr-12 text-left', className)}\n    {...props}\n  />\n);\nDrawerHeader.displayName = 'DrawerHeader';\n\nconst DrawerFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    data-slot=\"drawer-footer\"\n    className={cn('mt-auto flex flex-col-reverse gap-1.5 px-3 py-2.5 sm:flex-row sm:justify-end', className)}\n    {...props}\n  />\n);\nDrawerFooter.displayName = 'DrawerFooter';\n\nconst DrawerBody = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div data-slot=\"drawer-body\" className={cn('flex-1 px-3 py-2.5', className)} {...props} />\n);\nDrawerBody.displayName = 'DrawerBody';\n\ntype DrawerTitleProps = Omit<DrawerPrimitive.Title.Props, 'className'> & {\n  className?: string;\n};\n\nconst DrawerTitle = React.forwardRef<HTMLHeadingElement, DrawerTitleProps>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Title ref={ref} className={cn('text-ui-md font-medium text-neutral6', className)} {...props} />\n));\nDrawerTitle.displayName = 'DrawerTitle';\n\ntype DrawerDescriptionProps = Omit<DrawerPrimitive.Description.Props, 'className'> & {\n  className?: string;\n};\n\nconst DrawerDescription = React.forwardRef<HTMLParagraphElement, DrawerDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <DrawerPrimitive.Description ref={ref} className={cn('text-ui-sm text-neutral3', className)} {...props} />\n  ),\n);\nDrawerDescription.displayName = 'DrawerDescription';\n\nexport {\n  Drawer,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerPortal,\n  DrawerBackdrop,\n  DrawerViewport,\n  DrawerPopup,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerBody,\n  DrawerTitle,\n  DrawerDescription,\n  DrawerProvider,\n  DrawerIndent,\n  DrawerIndentBackground,\n  DrawerSwipeArea,\n  DrawerInteractive,\n  createDrawerHandle,\n};\n\nexport type {\n  DrawerTriggerProps,\n  DrawerCloseProps,\n  DrawerBackdropProps,\n  DrawerViewportProps,\n  DrawerPopupProps,\n  DrawerContentProps,\n  DrawerTitleProps,\n  DrawerDescriptionProps,\n};\n"],"names":["DrawerPrimitive"],"mappings":";;;;;;;;;AAcA,MAAM,sBAAA,GAAyB,IAAI,oCAAA,EAAsC;AAAA,EACvE,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,6BAAA;AAAA,MACT,WAAA,EAAa,gBAAA;AAAA,MACb,IAAA,EAAM;AAAA;AACR,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS;AAAA;AAEb,CAAC,CAAA;AAED,MAAM,sBAAA,GAAyB,IAAI,iBAAA,EAAmB;AAAA,EACpD,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,GAAA,EAAK,4BAAA;AAAA,MACL,MAAA,EAAQ,0BAAA;AAAA,MACR,IAAA,EAAM,6BAAA;AAAA,MACN,KAAA,EAAO;AAAA,KACT;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,OAAA,EAAS,SAAA;AAAA,MACT,QAAA,EAAU,YAAA;AAAA,MACV,eAAA,EAAiB;AAAA;AACnB,GACF;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB;AAAA,MACE,IAAA,EAAM,OAAA;AAAA,MACN,MAAA,EAAQ,UAAA;AAAA,MACR,SAAA,EAAW;AAAA,KACb;AAAA,IACA;AAAA,MACE,IAAA,EAAM,MAAA;AAAA,MACN,MAAA,EAAQ,UAAA;AAAA,MACR,SAAA,EAAW;AAAA,KACb;AAAA,IACA;AAAA,MACE,IAAA,EAAM,QAAA;AAAA,MACN,MAAA,EAAQ,UAAA;AAAA,MACR,SAAA,EAAW;AAAA,KACb;AAAA,IACA;AAAA,MACE,IAAA,EAAM,KAAA;AAAA,MACN,MAAA,EAAQ,UAAA;AAAA,MACR,SAAA,EAAW;AAAA;AACb,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,QAAA;AAAA,IACN,MAAA,EAAQ;AAAA;AAEZ,CAAC,CAAA;AAGD,MAAM,mBAAA,GAAsB,GAAA;AAAA,EAC1B,EAAA;AAAA,IACE,2JAAA;AAAA,IACA,wDAAA;AAAA,IACA,4BAAA;AAAA,IACA,2JAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,MAAA,EAAQ,EAAA;AAAA,QACR,GAAA,EAAK,EAAA;AAAA,QACL,IAAA,EAAM,EAAA;AAAA,QACN,KAAA,EAAO;AAAA,OACT;AAAA,MACA,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,EAAA;AAAA,QACT,QAAA,EAAU;AAAA;AACZ,KACF;AAAA,IACA,gBAAA,EAAkB;AAAA,MAChB;AAAA,QACE,IAAA,EAAM,QAAA;AAAA,QACN,OAAA,EAAS,SAAA;AAAA,QACT,SAAA,EACE;AAAA,OACJ;AAAA,MACA;AAAA,QACE,IAAA,EAAM,KAAA;AAAA,QACN,OAAA,EAAS,SAAA;AAAA,QACT,SAAA,EACE;AAAA,OACJ;AAAA,MACA;AAAA,QACE,IAAA,EAAM,MAAA;AAAA,QACN,OAAA,EAAS,SAAA;AAAA,QACT,SAAA,EAAW;AAAA,OACb;AAAA,MACA;AAAA,QACE,IAAA,EAAM,OAAA;AAAA,QACN,OAAA,EAAS,SAAA;AAAA,QACT,SAAA,EAAW;AAAA,OACb;AAAA,MACA;AAAA,QACE,IAAA,EAAM,CAAC,MAAA,EAAQ,OAAO,CAAA;AAAA,QACtB,OAAA,EAAS,UAAA;AAAA,QACT,SAAA,EACE;AAAA,OACJ;AAAA,MACA;AAAA,QACE,IAAA,EAAM,CAAC,KAAA,EAAO,QAAQ,CAAA;AAAA,QACtB,OAAA,EAAS,UAAA;AAAA,QACT,SAAA,EACE;AAAA;AACJ,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,QAAA;AAAA,MACN,OAAA,EAAS;AAAA;AACX;AAEJ,CAAA;AAaA,MAAM,oBAAA,GAA6E;AAAA,EACjF,GAAA,EAAK,IAAA;AAAA,EACL,MAAA,EAAQ,MAAA;AAAA,EACR,IAAA,EAAM,MAAA;AAAA,EACN,KAAA,EAAO;AACT,CAAA;AAQA,MAAM,oBAAA,GAAuB,CAC3B,OAAA,EACA,OAAA,KACwD;AACxD,EAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,IAAA,OAAO,OAAA;AAAA,EACT;AAEA,EAAA,OAAO,OAAA,KAAY,aAAa,MAAA,GAAS,SAAA;AAC3C,CAAA;AAEA,MAAM,aAAA,GAAgB,MAAM,aAAA,CAAkC;AAAA,EAC5D,IAAA,EAAM,QAAA;AAAA,EACN,OAAA,EAAS,SAAA;AAAA,EACT,eAAA,EAAiB;AACnB,CAAC,CAAA;AAED,MAAM,gBAAA,GAAmB,MAAM,KAAA,CAAM,UAAA,CAAW,aAAa,CAAA;AAEtD,MAAM,aAAA,GAAgB,MAAM,gBAAA,EAAiB,CAAE;AAEtD,MAAM,2BAAA,GAA8B,CAClC,OAAA,EACA,OAAA,KACyB;AACzB,EAAA,IAAI,YAAY,UAAA,EAAY;AAC1B,IAAA,OAAO,SAAA;AAAA,EACT;AAEA,EAAA,OAAO,OAAA,KAAY,SAAS,UAAA,GAAa,iBAAA;AAC3C,CAAA;AAWA,SAAS,MAAA,CAA0B;AAAA,EACjC,IAAA,GAAO,QAAA;AAAA,EACP,OAAA,GAAU,SAAA;AAAA,EACV,OAAA,GAAU,MAAA;AAAA,EACV,KAAA;AAAA,EACA,uBAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAyB;AACvB,EAAA,MAAM,eAAA,GAAkB,oBAAA,CAAqB,OAAA,EAAS,OAAO,CAAA;AAC7D,EAAA,MAAM,aAAA,GAAgB,KAAA,KAAU,eAAA,KAAoB,MAAA,GAAS,KAAA,GAAQ,MAAA,CAAA;AACrE,EAAA,MAAM,+BAAA,GAAkC,uBAAA,KAA4B,eAAA,KAAoB,MAAA,GAAS,IAAA,GAAO,MAAA,CAAA;AACxG,EAAA,MAAM,eAAe,KAAA,CAAM,OAAA;AAAA,IACzB,OAAO,EAAE,IAAA,EAAM,OAAA,EAAS,eAAA,EAAgB,CAAA;AAAA,IACxC,CAAC,IAAA,EAAM,OAAA,EAAS,eAAe;AAAA,GACjC;AAEA,EAAA,uBACE,GAAA,CAAC,aAAA,CAAc,QAAA,EAAd,EAAuB,OAAO,YAAA,EAC7B,QAAA,kBAAA,GAAA;AAAA,IAACA,QAAA,CAAgB,IAAA;AAAA,IAAhB;AAAA,MACC,cAAA,EAAgB,qBAAqB,IAAI,CAAA;AAAA,MACzC,KAAA,EAAO,aAAA;AAAA,MACP,uBAAA,EAAyB,+BAAA;AAAA,MACxB,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AACA,MAAA,CAAO,WAAA,GAAc,QAAA;AAQrB,SAAS,cAAiC,EAAE,OAAA,EAAS,QAAA,EAAU,GAAG,OAAM,EAAgC;AACtG,EAAA,MAAM,WAAA,GAAc,OAAA,IAAW,KAAA,CAAM,cAAA,CAAe,QAAQ,IAAI,EAAE,MAAA,EAAQ,QAAA,EAA+B,GAAI,EAAC;AAE9G,EAAA,uBACE,GAAA,CAACA,QAAA,CAAgB,OAAA,EAAhB,EAAyB,GAAG,aAAc,GAAG,KAAA,EAC3C,QAAA,EAAA,OAAA,GAAU,MAAA,GAAY,QAAA,EACzB,CAAA;AAEJ;AACA,aAAA,CAAc,WAAA,GAAc,eAAA;AAO5B,MAAM,WAAA,GAAc,KAAA,CAAM,UAAA,CAAgD,CAAC,EAAE,SAAS,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAClH,EAAA,MAAM,WAAA,GAAc,OAAA,IAAW,KAAA,CAAM,cAAA,CAAe,QAAQ,IAAI,EAAE,MAAA,EAAQ,QAAA,EAA+B,GAAI,EAAC;AAE9G,EAAA,uBACE,GAAA,CAACA,QAAA,CAAgB,KAAA,EAAhB,EAAsB,GAAA,EAAW,GAAG,WAAA,EAAc,GAAG,KAAA,EACnD,QAAA,EAAA,OAAA,GAAU,MAAA,GAAY,QAAA,EACzB,CAAA;AAEJ,CAAC;AACD,WAAA,CAAY,WAAA,GAAc,aAAA;AAE1B,MAAM,eAAeA,QAAA,CAAgB;AACrC,MAAM,iBAAiBA,QAAA,CAAgB;AACvC,MAAM,eAAeA,QAAA,CAAgB;AACrC,MAAM,yBAAyBA,QAAA,CAAgB;AAC/C,MAAM,kBAAkBA,QAAA,CAAgB;AACxC,MAAM,qBAAqBA,QAAA,CAAgB;AAE3C,MAAM,oBAAoBA,QAAA,CAAgB;AAO1C,MAAM,iBAAiB,KAAA,CAAM,UAAA;AAAA,EAC3B,CAAC,EAAE,SAAA,EAAW,SAAS,GAAG,KAAA,IAAS,GAAA,KAAQ;AACzC,IAAA,MAAM,EAAE,eAAA,EAAgB,GAAI,gBAAA,EAAiB;AAC7C,IAAA,MAAM,0BAA0B,OAAA,IAAW,eAAA;AAE3C,IAAA,uBACE,GAAA;AAAA,MAACA,QAAA,CAAgB,QAAA;AAAA,MAAhB;AAAA,QACC,GAAA;AAAA,QACA,WAAA,EAAU,iBAAA;AAAA,QACV,cAAA,EAAc,uBAAA;AAAA,QACd,SAAA,EAAW,GAAG,sBAAA,CAAuB,EAAE,SAAS,uBAAA,EAAyB,GAAG,SAAS,CAAA;AAAA,QACpF,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,cAAA,CAAe,WAAA,GAAc,gBAAA;AAS7B,MAAM,iBAAiB,KAAA,CAAM,UAAA;AAAA,EAC3B,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,SAAS,GAAG,KAAA,IAAS,GAAA,KAAQ;AAC/C,IAAA,MAAM,UAAU,gBAAA,EAAiB;AACjC,IAAA,MAAM,YAAA,GAAe,QAAQ,OAAA,CAAQ,IAAA;AACrC,IAAA,MAAM,eAAA,GAAkB,WAAW,OAAA,CAAQ,OAAA;AAC3C,IAAA,MAAM,MAAA,GAAS,2BAAA,CAA4B,eAAA,EAAiB,OAAA,CAAQ,eAAe,CAAA;AAEnF,IAAA,uBACE,GAAA;AAAA,MAACA,QAAA,CAAgB,QAAA;AAAA,MAAhB;AAAA,QACC,GAAA;AAAA,QACA,WAAA,EAAU,iBAAA;AAAA,QACV,cAAA,EAAc,eAAA;AAAA,QACd,SAAA,EAAW,GAAG,sBAAA,CAAuB,EAAE,MAAM,YAAA,EAAc,MAAA,EAAQ,CAAA,EAAG,SAAS,CAAA;AAAA,QAC9E,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,cAAA,CAAe,WAAA,GAAc,gBAAA;AAM7B,MAAM,cAAc,KAAA,CAAM,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,SAAS,GAAG,KAAA,IAAS,GAAA,KAAQ;AAC/C,IAAA,MAAM,UAAU,gBAAA,EAAiB;AACjC,IAAA,MAAM,YAAA,GAAe,QAAQ,OAAA,CAAQ,IAAA;AACrC,IAAA,MAAM,eAAA,GAAkB,WAAW,OAAA,CAAQ,OAAA;AAE3C,IAAA,uBACE,GAAA;AAAA,MAACA,QAAA,CAAgB,KAAA;AAAA,MAAhB;AAAA,QACC,GAAA;AAAA,QACA,WAAA,EAAU,cAAA;AAAA,QACV,cAAA,EAAc,eAAA;AAAA,QACd,SAAA,EAAW,EAAA,CAAG,mBAAA,CAAoB,EAAE,IAAA,EAAM,cAAc,OAAA,EAAS,eAAA,EAAiB,CAAA,EAAG,SAAS,CAAA;AAAA,QAC7F,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,WAAA,CAAY,WAAA,GAAc,aAAA;AAG1B,MAAM,eAAA,GAAkB,EAAA;AAAA,EACtB,6FAAA;AAAA,EACA;AACF,CAAA;AAEA,MAAM,kBAAkB,sBACtB,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,aAAA,EAAW,IAAA;AAAA,IACX,WAAA,EAAU,eAAA;AAAA,IACV,SAAA,EAAW,EAAA,CAAG,yDAAA,EAA2D,eAAe;AAAA;AAC1F,CAAA;AAEF,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAO9B,MAAM,wBAAA,GAA2B,CAAC,EAAE,IAAA,EAAM,SAAQ,KAAqC;AACrF,EAAA,IAAI,OAAA,KAAY,UAAA,IAAe,IAAA,KAAS,MAAA,IAAU,SAAS,OAAA,EAAU;AACnE,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAW,IAAA;AAAA,MACX,WAAA,EAAU,oBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,oIAAA;AAAA,QACA,IAAA,KAAS,UAAU,SAAA,GAAY;AAAA,OACjC;AAAA,MAEA,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gDAAA,EAAiD;AAAA;AAAA,GAClE;AAEJ,CAAA;AACA,wBAAA,CAAyB,WAAA,GAAc,0BAAA;AAWvC,MAAM,gBAAgB,KAAA,CAAM,UAAA;AAAA,EAC1B,CAAC,EAAE,SAAA,EAAW,QAAA,EAAU,OAAA,EAAS,kBAAkB,IAAA,EAAM,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC3E,IAAA,MAAM,EAAE,IAAA,EAAM,OAAA,EAAS,cAAA,EAAgB,eAAA,KAAoB,gBAAA,EAAiB;AAC5E,IAAA,MAAM,kBAAkB,OAAA,IAAW,cAAA;AACnC,IAAA,MAAM,UAAA,GAAa,IAAA,KAAS,KAAA,IAAS,IAAA,KAAS,QAAA;AAE9C,IAAA,4BACG,YAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,eAAA,KAAoB,MAAA,wBAAW,cAAA,EAAA,EAAe,CAAA;AAAA,sBAC/C,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAS,eAAA,EACvB,QAAA,kBAAA,IAAA,CAAC,WAAA,EAAA,EAAY,GAAA,EAAU,OAAA,EAAS,eAAA,EAAiB,SAAA,EAAuB,GAAG,KAAA,EACxE,QAAA,EAAA;AAAA,QAAA,UAAA,IAAc,IAAA,KAAS,QAAA,oBAAY,GAAA,CAAC,eAAA,EAAA,EAAgB,CAAA;AAAA,wBACrD,GAAA,CAAC,wBAAA,EAAA,EAAyB,IAAA,EAAY,OAAA,EAAS,eAAA,EAAiB,CAAA;AAAA,wBAChE,IAAA,CAAC,SAAI,WAAA,EAAU,gBAAA,EAAiB,WAAW,EAAA,CAAG,uCAAA,EAAyC,eAAe,CAAA,EACnG,QAAA,EAAA;AAAA,UAAA,eAAA,wBAAoB,wBAAA,EAAA,EAAyB,CAAA;AAAA,UAC7C;AAAA,SAAA,EACH,CAAA;AAAA,QACC,UAAA,IAAc,IAAA,KAAS,KAAA,oBAAS,GAAA,CAAC,eAAA,EAAA,EAAgB;AAAA,OAAA,EACpD,CAAA,EACF;AAAA,KAAA,EACF,CAAA;AAAA,EAEJ;AACF;AACA,aAAA,CAAc,WAAA,GAAc,eAAA;AAE5B,MAAM,wBAAA,GAA2B,sBAC/B,GAAA,CAAC,WAAA,EAAA,EAAY,SAAO,IAAA,EAClB,QAAA,kBAAA,GAAA,CAAC,UAAO,IAAA,EAAK,QAAA,EAAS,SAAQ,OAAA,EAAQ,IAAA,EAAK,WAAU,SAAA,EAAU,6BAAA,EAA8B,cAAW,OAAA,EACtG,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAM,CAAA,EACT,CAAA,EACF,CAAA;AAEF,wBAAA,CAAyB,WAAA,GAAc,0BAAA;AAEvC,MAAM,eAAe,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,qBAC1C,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,WAAA,EAAU,eAAA;AAAA,IACV,SAAA,EAAW,EAAA,CAAG,mDAAA,EAAqD,SAAS,CAAA;AAAA,IAC3E,GAAG;AAAA;AACN;AAEF,YAAA,CAAa,WAAA,GAAc,cAAA;AAE3B,MAAM,eAAe,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,qBAC1C,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,WAAA,EAAU,eAAA;AAAA,IACV,SAAA,EAAW,EAAA,CAAG,8EAAA,EAAgF,SAAS,CAAA;AAAA,IACtG,GAAG;AAAA;AACN;AAEF,YAAA,CAAa,WAAA,GAAc,cAAA;AAE3B,MAAM,aAAa,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,qBACxC,GAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,eAAc,SAAA,EAAW,EAAA,CAAG,sBAAsB,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAE1F,UAAA,CAAW,WAAA,GAAc,YAAA;AAMzB,MAAM,WAAA,GAAc,MAAM,UAAA,CAAiD,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBACnG,GAAA,CAACA,SAAgB,KAAA,EAAhB,EAAsB,KAAU,SAAA,EAAW,EAAA,CAAG,wCAAwC,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAC/G;AACD,WAAA,CAAY,WAAA,GAAc,aAAA;AAM1B,MAAM,oBAAoB,KAAA,CAAM,UAAA;AAAA,EAC9B,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,wBACxB,GAAA,CAACA,QAAA,CAAgB,WAAA,EAAhB,EAA4B,KAAU,SAAA,EAAW,EAAA,CAAG,4BAA4B,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAE5G;AACA,iBAAA,CAAkB,WAAA,GAAc,mBAAA;;;;"}

package/dist/dropdown-menu-B3nTlFnz.js

@@ -0,0 +1,222 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Menu } from '@base-ui/react/menu';
+import { ChevronDown, CheckIcon } from 'lucide-react';
+import * as React from 'react';
+import { FLOATING_POSITION_METHOD } from './primitives/floating.es.js';
+import { useFluidMenuItemRef, useFluidMenu, FluidMenuItems } from './primitives/fluid-menu.es.js';
+import { menuItemTrailingIconClass, menuItemInsetClass, menuItemClass, MENU_SIDE_OFFSET, menuPositionerClass, menuPopupClass, menuItemDestructiveClass, menuItemCheckClass, menuLabelClass, menuSeparatorClass, menuShortcutClass } from './primitives/menu-item.es.js';
+import { usePortalContainer } from './primitives/portal-container.es.js';
+import { resolveTriggerRender } from './primitives/trigger-button.es.js';
+import { c as cn } from './cn-C6s2yXwM.js';
+
+const DropdownMenuRoot = Menu.Root;
+const DropdownMenuGroup = Menu.Group;
+const DropdownMenuPortal = Menu.Portal;
+const DropdownMenuSub = Menu.SubmenuRoot;
+const DropdownMenuRadioGroup = Menu.RadioGroup;
+const DropdownMenuTrigger = React.forwardRef(
+  ({ className, asChild, render, children, variant, size, tooltip, ...props }, ref) => {
+    const resolved = resolveTriggerRender({ render, asChild, children, variant, size, tooltip, className });
+    return /* @__PURE__ */ jsx(Menu.Trigger, { ref, className: resolved.className, render: resolved.render, ...props, children: resolved.children });
+  }
+);
+DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
+const DropdownMenuSubTrigger = React.forwardRef(
+  ({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+    Menu.SubmenuTrigger,
+    {
+      ref: useFluidMenuItemRef(ref),
+      className: cn(
+        menuItemClass,
+        "data-[popup-open]:bg-neutral6/5 data-[popup-open]:text-neutral6",
+        inset && menuItemInsetClass,
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx("span", { className: cn(menuItemTrailingIconClass, "opacity-50"), children: /* @__PURE__ */ jsx(ChevronDown, { className: "-rotate-90" }) })
+      ]
+    }
+  )
+);
+DropdownMenuSubTrigger.displayName = "DropdownMenuSubTrigger";
+const DropdownMenuSubContent = React.forwardRef(
+  ({
+    className,
+    align = "start",
+    alignOffset = -4,
+    side = "right",
+    sideOffset = MENU_SIDE_OFFSET,
+    anchor,
+    positionMethod = FLOATING_POSITION_METHOD,
+    collisionBoundary,
+    collisionPadding,
+    sticky,
+    arrowPadding,
+    disableAnchorTracking,
+    collisionAvoidance,
+    children,
+    ...props
+  }, ref) => {
+    const resolvedContainer = usePortalContainer();
+    const menu = useFluidMenu();
+    const positionerProps = {
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      anchor,
+      positionMethod,
+      collisionBoundary,
+      collisionPadding,
+      sticky,
+      arrowPadding,
+      disableAnchorTracking,
+      collisionAvoidance
+    };
+    return /* @__PURE__ */ jsx(Menu.Portal, { container: resolvedContainer, children: /* @__PURE__ */ jsx(Menu.Positioner, { className: menuPositionerClass, ...positionerProps, children: /* @__PURE__ */ jsx(
+      Menu.Popup,
+      {
+        "data-slot": "dropdown-menu-sub-content",
+        className: cn(menuPopupClass, menu.containerClassName, className),
+        ...props,
+        ...menu.getContainerProps(props, ref),
+        children: /* @__PURE__ */ jsx(FluidMenuItems, { menu, children })
+      }
+    ) }) });
+  }
+);
+DropdownMenuSubContent.displayName = "DropdownMenuSubContent";
+const DropdownMenuContent = React.forwardRef(
+  ({
+    className,
+    container,
+    size = "default",
+    align = "start",
+    alignOffset = 0,
+    side = "bottom",
+    sideOffset = MENU_SIDE_OFFSET,
+    anchor,
+    positionMethod = FLOATING_POSITION_METHOD,
+    collisionBoundary,
+    collisionPadding,
+    sticky,
+    arrowPadding,
+    disableAnchorTracking,
+    collisionAvoidance,
+    children,
+    ...props
+  }, ref) => {
+    const resolvedContainer = usePortalContainer(container);
+    const menu = useFluidMenu();
+    const positionerProps = {
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      anchor,
+      positionMethod,
+      collisionBoundary,
+      collisionPadding,
+      sticky,
+      arrowPadding,
+      disableAnchorTracking,
+      collisionAvoidance
+    };
+    return /* @__PURE__ */ jsx(Menu.Portal, { container: resolvedContainer, children: /* @__PURE__ */ jsx(Menu.Positioner, { className: menuPositionerClass, ...positionerProps, children: /* @__PURE__ */ jsx(
+      Menu.Popup,
+      {
+        "data-slot": "dropdown-menu-content",
+        className: cn(menuPopupClass, menu.containerClassName, size === "sm" && "rounded-md p-0.5", className),
+        ...props,
+        ...menu.getContainerProps(props, ref),
+        children: /* @__PURE__ */ jsx(FluidMenuItems, { menu, className: size === "sm" ? "rounded-sm" : void 0, children })
+      }
+    ) }) });
+  }
+);
+DropdownMenuContent.displayName = "DropdownMenuContent";
+const DropdownMenuItem = React.forwardRef(
+  ({ className, inset, variant = "default", size = "default", onSelect, onClick, ...props }, ref) => /* @__PURE__ */ jsx(
+    Menu.Item,
+    {
+      ref: useFluidMenuItemRef(ref),
+      "data-inset": inset ? "" : void 0,
+      "data-variant": variant,
+      onClick: (event) => {
+        onClick?.(event);
+        onSelect?.(event);
+      },
+      className: cn(
+        variant === "destructive" ? menuItemDestructiveClass : menuItemClass,
+        size === "sm" && "h-form-xs gap-2 rounded-sm py-1 text-ui-xs leading-none",
+        inset && menuItemInsetClass,
+        className
+      ),
+      ...props
+    }
+  )
+);
+DropdownMenuItem.displayName = "DropdownMenuItem";
+const DropdownMenuCheckboxItem = React.forwardRef(
+  ({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+    Menu.CheckboxItem,
+    {
+      ref: useFluidMenuItemRef(ref),
+      className: cn(menuItemClass, className),
+      checked,
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, { className: menuItemCheckClass, children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+      ]
+    }
+  )
+);
+DropdownMenuCheckboxItem.displayName = "DropdownMenuCheckboxItem";
+const DropdownMenuRadioItem = React.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(Menu.RadioItem, { ref: useFluidMenuItemRef(ref), className: cn(menuItemClass, className), ...props, children: [
+    children,
+    /* @__PURE__ */ jsx(Menu.RadioItemIndicator, { className: menuItemCheckClass, children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+  ] })
+);
+DropdownMenuRadioItem.displayName = "DropdownMenuRadioItem";
+const DropdownMenuLabel = React.forwardRef(
+  ({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn(menuLabelClass, inset && menuItemInsetClass, className), ...props })
+);
+DropdownMenuLabel.displayName = "DropdownMenuLabel";
+const DropdownMenuSeparator = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(Menu.Separator, { ref, className: cn(menuSeparatorClass, className), ...props })
+);
+DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
+const DropdownMenuShortcut = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx("span", { className: cn(menuShortcutClass, className), ...props });
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+function DropdownMenu({
+  open,
+  defaultOpen,
+  onOpenChange,
+  children,
+  modal
+}) {
+  return /* @__PURE__ */ jsx(DropdownMenuRoot, { modal, open, defaultOpen, onOpenChange, children });
+}
+DropdownMenu.Trigger = DropdownMenuTrigger;
+DropdownMenu.Content = DropdownMenuContent;
+DropdownMenu.Group = DropdownMenuGroup;
+DropdownMenu.Portal = DropdownMenuPortal;
+DropdownMenu.Item = DropdownMenuItem;
+DropdownMenu.CheckboxItem = DropdownMenuCheckboxItem;
+DropdownMenu.RadioItem = DropdownMenuRadioItem;
+DropdownMenu.Label = DropdownMenuLabel;
+DropdownMenu.Separator = DropdownMenuSeparator;
+DropdownMenu.Shortcut = DropdownMenuShortcut;
+DropdownMenu.Sub = DropdownMenuSub;
+DropdownMenu.SubContent = DropdownMenuSubContent;
+DropdownMenu.SubTrigger = DropdownMenuSubTrigger;
+DropdownMenu.RadioGroup = DropdownMenuRadioGroup;
+
+export { DropdownMenu as D };
+//# sourceMappingURL=dropdown-menu-B3nTlFnz.js.map

package/dist/dropdown-menu-B3nTlFnz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-B3nTlFnz.js","sources":["../src/ds/components/DropdownMenu/dropdown-menu.tsx"],"sourcesContent":["import { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport type { MenuPopupProps, MenuPositionerProps } from '@base-ui/react/menu';\nimport { CheckIcon, ChevronDown } from 'lucide-react';\nimport * as React from 'react';\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { FluidMenuItems, useFluidMenu, useFluidMenuItemRef } from '@/ds/primitives/fluid-menu';\nimport {\n  MENU_SIDE_OFFSET,\n  menuItemCheckClass,\n  menuItemClass,\n  menuItemDestructiveClass,\n  menuItemInsetClass,\n  menuItemTrailingIconClass,\n  menuLabelClass,\n  menuPopupClass,\n  menuPositionerClass,\n  menuSeparatorClass,\n  menuShortcutClass,\n} from '@/ds/primitives/menu-item';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { resolveTriggerRender } from '@/ds/primitives/trigger-button';\nimport type { TriggerButtonProps } from '@/ds/primitives/trigger-button';\nimport { cn } from '@/lib/utils';\n\nconst DropdownMenuRoot = MenuPrimitive.Root;\n\nconst DropdownMenuGroup = MenuPrimitive.Group;\n\nconst DropdownMenuPortal = MenuPrimitive.Portal;\n\nconst DropdownMenuSub = MenuPrimitive.SubmenuRoot;\n\nconst DropdownMenuRadioGroup = MenuPrimitive.RadioGroup;\n\nexport type DropdownMenuTriggerProps = Omit<MenuPrimitive.Trigger.Props, 'className'> & TriggerButtonProps;\n\n/**\n * The button that opens the menu. Renders a design-system `<Button>` by\n * default, so it takes Button's `variant` / `size` / `tooltip`. Pass `render`\n * to project the behavior onto your own element (then the look is yours).\n */\nconst DropdownMenuTrigger = React.forwardRef<HTMLButtonElement, DropdownMenuTriggerProps>(\n  ({ className, asChild, render, children, variant, size, tooltip, ...props }, ref) => {\n    const resolved = resolveTriggerRender({ render, asChild, children, variant, size, tooltip, className });\n\n    return (\n      <MenuPrimitive.Trigger ref={ref} className={resolved.className} render={resolved.render} {...props}>\n        {resolved.children}\n      </MenuPrimitive.Trigger>\n    );\n  },\n);\nDropdownMenuTrigger.displayName = 'DropdownMenuTrigger';\n\ntype DropdownMenuSubTriggerProps = MenuPrimitive.SubmenuTrigger.Props & {\n  inset?: boolean;\n};\n\nconst DropdownMenuSubTrigger = React.forwardRef<HTMLDivElement, DropdownMenuSubTriggerProps>(\n  ({ className, inset, children, ...props }, ref) => (\n    <MenuPrimitive.SubmenuTrigger\n      ref={useFluidMenuItemRef(ref)}\n      className={cn(\n        menuItemClass,\n        'data-[popup-open]:bg-neutral6/5 data-[popup-open]:text-neutral6',\n        inset && menuItemInsetClass,\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <span className={cn(menuItemTrailingIconClass, 'opacity-50')}>\n        <ChevronDown className=\"-rotate-90\" />\n      </span>\n    </MenuPrimitive.SubmenuTrigger>\n  ),\n);\nDropdownMenuSubTrigger.displayName = 'DropdownMenuSubTrigger';\n\ntype DropdownMenuContentPositionerProps = Omit<MenuPositionerProps, keyof MenuPopupProps>;\n\ntype DropdownMenuSubContentProps = MenuPopupProps & DropdownMenuContentPositionerProps;\n\nconst DropdownMenuSubContent = React.forwardRef<HTMLDivElement, DropdownMenuSubContentProps>(\n  (\n    {\n      className,\n      align = 'start',\n      alignOffset = -4,\n      side = 'right',\n      sideOffset = MENU_SIDE_OFFSET,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    // Default to the nearest SideDialog/Drawer popup so the submenu stays\n    // interactive inside a modal drawer.\n    const resolvedContainer = usePortalContainer();\n    const menu = useFluidMenu<HTMLDivElement>();\n    const positionerProps: DropdownMenuContentPositionerProps = {\n      align,\n      alignOffset,\n      side,\n      sideOffset,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <MenuPrimitive.Portal container={resolvedContainer}>\n        <MenuPrimitive.Positioner className={menuPositionerClass} {...positionerProps}>\n          <MenuPrimitive.Popup\n            data-slot=\"dropdown-menu-sub-content\"\n            className={cn(menuPopupClass, menu.containerClassName, className)}\n            {...props}\n            {...menu.getContainerProps(props, ref)}\n          >\n            <FluidMenuItems menu={menu}>{children}</FluidMenuItems>\n          </MenuPrimitive.Popup>\n        </MenuPrimitive.Positioner>\n      </MenuPrimitive.Portal>\n    );\n  },\n);\nDropdownMenuSubContent.displayName = 'DropdownMenuSubContent';\n\ntype DropdownMenuContentProps = MenuPopupProps &\n  DropdownMenuContentPositionerProps & {\n    container?: HTMLElement;\n    size?: 'default' | 'sm';\n  };\n\nconst DropdownMenuContent = React.forwardRef<HTMLDivElement, DropdownMenuContentProps>(\n  (\n    {\n      className,\n      container,\n      size = 'default',\n      align = 'start',\n      alignOffset = 0,\n      side = 'bottom',\n      sideOffset = MENU_SIDE_OFFSET,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    // Default to the nearest SideDialog/Drawer popup so the menu stays\n    // interactive inside a modal drawer; an explicit `container` still wins.\n    const resolvedContainer = usePortalContainer(container);\n    const menu = useFluidMenu<HTMLDivElement>();\n    const positionerProps: DropdownMenuContentPositionerProps = {\n      align,\n      alignOffset,\n      side,\n      sideOffset,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <MenuPrimitive.Portal container={resolvedContainer}>\n        <MenuPrimitive.Positioner className={menuPositionerClass} {...positionerProps}>\n          <MenuPrimitive.Popup\n            data-slot=\"dropdown-menu-content\"\n            className={cn(menuPopupClass, menu.containerClassName, size === 'sm' && 'rounded-md p-0.5', className)}\n            {...props}\n            {...menu.getContainerProps(props, ref)}\n          >\n            <FluidMenuItems menu={menu} className={size === 'sm' ? 'rounded-sm' : undefined}>\n              {children}\n            </FluidMenuItems>\n          </MenuPrimitive.Popup>\n        </MenuPrimitive.Positioner>\n      </MenuPrimitive.Portal>\n    );\n  },\n);\nDropdownMenuContent.displayName = 'DropdownMenuContent';\n\ntype DropdownMenuItemProps = MenuPrimitive.Item.Props & {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n  size?: 'default' | 'sm';\n  /** Alias for `onClick`, kept for compatibility with the previous Radix API. */\n  onSelect?: MenuPrimitive.Item.Props['onClick'];\n};\n\nconst DropdownMenuItem = React.forwardRef<HTMLDivElement, DropdownMenuItemProps>(\n  ({ className, inset, variant = 'default', size = 'default', onSelect, onClick, ...props }, ref) => (\n    <MenuPrimitive.Item\n      ref={useFluidMenuItemRef(ref)}\n      data-inset={inset ? '' : undefined}\n      data-variant={variant}\n      onClick={event => {\n        onClick?.(event);\n        onSelect?.(event);\n      }}\n      className={cn(\n        variant === 'destructive' ? menuItemDestructiveClass : menuItemClass,\n        size === 'sm' && 'h-form-xs gap-2 rounded-sm py-1 text-ui-xs leading-none',\n        inset && menuItemInsetClass,\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nDropdownMenuItem.displayName = 'DropdownMenuItem';\n\nconst DropdownMenuCheckboxItem = React.forwardRef<HTMLDivElement, MenuPrimitive.CheckboxItem.Props>(\n  ({ className, children, checked, ...props }, ref) => (\n    <MenuPrimitive.CheckboxItem\n      ref={useFluidMenuItemRef(ref)}\n      className={cn(menuItemClass, className)}\n      checked={checked}\n      {...props}\n    >\n      {children}\n      <MenuPrimitive.CheckboxItemIndicator className={menuItemCheckClass}>\n        <CheckIcon />\n      </MenuPrimitive.CheckboxItemIndicator>\n    </MenuPrimitive.CheckboxItem>\n  ),\n);\nDropdownMenuCheckboxItem.displayName = 'DropdownMenuCheckboxItem';\n\nconst DropdownMenuRadioItem = React.forwardRef<HTMLDivElement, MenuPrimitive.RadioItem.Props>(\n  ({ className, children, ...props }, ref) => (\n    <MenuPrimitive.RadioItem ref={useFluidMenuItemRef(ref)} className={cn(menuItemClass, className)} {...props}>\n      {children}\n      <MenuPrimitive.RadioItemIndicator className={menuItemCheckClass}>\n        <CheckIcon />\n      </MenuPrimitive.RadioItemIndicator>\n    </MenuPrimitive.RadioItem>\n  ),\n);\nDropdownMenuRadioItem.displayName = 'DropdownMenuRadioItem';\n\ntype DropdownMenuLabelProps = React.HTMLAttributes<HTMLDivElement> & {\n  inset?: boolean;\n};\n\nconst DropdownMenuLabel = React.forwardRef<HTMLDivElement, DropdownMenuLabelProps>(\n  ({ className, inset, ...props }, ref) => (\n    <div ref={ref} className={cn(menuLabelClass, inset && menuItemInsetClass, className)} {...props} />\n  ),\n);\nDropdownMenuLabel.displayName = 'DropdownMenuLabel';\n\nconst DropdownMenuSeparator = React.forwardRef<HTMLDivElement, MenuPrimitive.Separator.Props>(\n  ({ className, ...props }, ref) => (\n    <MenuPrimitive.Separator ref={ref} className={cn(menuSeparatorClass, className)} {...props} />\n  ),\n);\nDropdownMenuSeparator.displayName = 'DropdownMenuSeparator';\n\nconst DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return <span className={cn(menuShortcutClass, className)} {...props} />;\n};\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut';\n\n/**\n *\n * Right now, these are the props mostly used for the menu\n * if we find out, consumers need more props, we can just extend it\n * with componentProps\n */\nfunction DropdownMenu({\n  open,\n  defaultOpen,\n  onOpenChange,\n  children,\n  modal,\n}: {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: MenuPrimitive.Root.Props['onOpenChange'];\n  children: React.ReactNode;\n  modal?: boolean;\n}) {\n  return (\n    <DropdownMenuRoot modal={modal} open={open} defaultOpen={defaultOpen} onOpenChange={onOpenChange}>\n      {children}\n    </DropdownMenuRoot>\n  );\n}\n\nDropdownMenu.Trigger = DropdownMenuTrigger;\nDropdownMenu.Content = DropdownMenuContent;\nDropdownMenu.Group = DropdownMenuGroup;\nDropdownMenu.Portal = DropdownMenuPortal;\nDropdownMenu.Item = DropdownMenuItem;\nDropdownMenu.CheckboxItem = DropdownMenuCheckboxItem;\nDropdownMenu.RadioItem = DropdownMenuRadioItem;\nDropdownMenu.Label = DropdownMenuLabel;\nDropdownMenu.Separator = DropdownMenuSeparator;\nDropdownMenu.Shortcut = DropdownMenuShortcut;\nDropdownMenu.Sub = DropdownMenuSub;\nDropdownMenu.SubContent = DropdownMenuSubContent;\nDropdownMenu.SubTrigger = DropdownMenuSubTrigger;\nDropdownMenu.RadioGroup = DropdownMenuRadioGroup;\n\nexport { DropdownMenu };\n"],"names":["MenuPrimitive"],"mappings":"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"}