@mastra/playground-ui 33.0.0-alpha.3 → 33.0.0

package/dist/drawer-wvz8SreU.js

@@ -0,0 +1,137 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Drawer as Drawer$1 } from '@base-ui/react/drawer';
+import * as React from 'react';
+import { c as cn } from './utils-CzYGxqbG.js';
+
+import './drawer.css';const sideToSwipeDirection = {
+  top: "up",
+  bottom: "down",
+  left: "left",
+  right: "right"
+};
+const DrawerSideContext = React.createContext("bottom");
+const useDrawerSide = () => React.useContext(DrawerSideContext);
+function Drawer({ side = "bottom", children, ...props }) {
+  return /* @__PURE__ */ jsx(DrawerSideContext.Provider, { value: side, children: /* @__PURE__ */ jsx(Drawer$1.Root, { swipeDirection: sideToSwipeDirection[side], ...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, ...props }, ref) => /* @__PURE__ */ jsx(
+  Drawer$1.Backdrop,
+  {
+    ref,
+    "data-slot": "drawer-backdrop",
+    className: cn("drawer-backdrop fixed inset-0 z-50 bg-overlay backdrop-blur-xs", className),
+    ...props
+  }
+));
+DrawerBackdrop.displayName = "DrawerBackdrop";
+const viewportSideClasses = {
+  top: "items-start justify-center",
+  bottom: "items-end justify-center",
+  left: "items-stretch justify-start",
+  right: "items-stretch justify-end"
+};
+const DrawerViewport = React.forwardRef(({ className, ...props }, ref) => {
+  const side = useDrawerSide();
+  return /* @__PURE__ */ jsx(
+    Drawer$1.Viewport,
+    {
+      ref,
+      "data-slot": "drawer-viewport",
+      className: cn("fixed inset-0 z-50 flex", viewportSideClasses[side], className),
+      ...props
+    }
+  );
+});
+DrawerViewport.displayName = "DrawerViewport";
+const drawerPopupBaseClass = cn(
+  "drawer-popup group/popup relative z-50 box-border flex flex-col overflow-y-auto overscroll-contain outline-none [touch-action:auto] will-change-transform",
+  "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"
+);
+const popupSideClasses = {
+  bottom: "h-[var(--drawer-height,auto)] max-h-[calc(85vh_+_3rem)] w-full -mb-12 pb-12 rounded-t-xl border-x border-t",
+  top: "h-[var(--drawer-height,auto)] max-h-[calc(85vh_+_3rem)] w-full -mt-12 pt-12 rounded-b-xl border-x border-b",
+  left: "h-full w-[20rem] max-w-[85vw] rounded-r-xl border-y border-r",
+  right: "h-full w-[20rem] max-w-[85vw] rounded-l-xl border-y border-l"
+};
+const DrawerPopup = React.forwardRef(({ className, ...props }, ref) => {
+  const side = useDrawerSide();
+  return /* @__PURE__ */ jsx(
+    Drawer$1.Popup,
+    {
+      ref,
+      "data-slot": "drawer-popup",
+      className: cn(drawerPopupBaseClass, popupSideClasses[side], 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 DrawerContent = React.forwardRef(({ className, children, ...props }, ref) => {
+  const side = useDrawerSide();
+  const showHandle = side === "top" || side === "bottom";
+  return /* @__PURE__ */ jsxs(DrawerPortal, { children: [
+    /* @__PURE__ */ jsx(DrawerBackdrop, {}),
+    /* @__PURE__ */ jsx(DrawerViewport, { children: /* @__PURE__ */ jsxs(DrawerPopup, { ref, className, ...props, children: [
+      showHandle && side === "bottom" && /* @__PURE__ */ jsx(DrawerHandleBar, {}),
+      /* @__PURE__ */ jsx("div", { "data-slot": "drawer-content", className: cn("relative flex min-h-0 flex-1 flex-col", nestedFadeClass), children }),
+      showHandle && side === "top" && /* @__PURE__ */ jsx(DrawerHandleBar, {})
+    ] }) })
+  ] });
+});
+DrawerContent.displayName = "DrawerContent";
+const DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { "data-slot": "drawer-header", className: cn("flex flex-col gap-0.5 px-4 py-3 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-4 py-3 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-4 py-3", 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-wvz8SreU.js.map

package/dist/drawer-wvz8SreU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-wvz8SreU.js","sources":["../src/ds/components/Drawer/drawer.tsx"],"sourcesContent":["import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport * as React from 'react';\n\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\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\nconst DrawerSideContext = React.createContext<DrawerSide>('bottom');\n\nexport const useDrawerSide = () => React.useContext(DrawerSideContext);\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};\n\nfunction Drawer<Payload = unknown>({ side = 'bottom', children, ...props }: DrawerProps<Payload>) {\n  return (\n    <DrawerSideContext.Provider value={side}>\n      <DrawerPrimitive.Root swipeDirection={sideToSwipeDirection[side]} {...props}>\n        {children}\n      </DrawerPrimitive.Root>\n    </DrawerSideContext.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  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  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};\n\n// The `drawer-backdrop` class (drawer.css) fades the overlay with the swipe gesture.\nconst DrawerBackdrop = React.forwardRef<HTMLDivElement, DrawerBackdropProps>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Backdrop\n    ref={ref}\n    data-slot=\"drawer-backdrop\"\n    className={cn('drawer-backdrop fixed inset-0 z-50 bg-overlay backdrop-blur-xs', className)}\n    {...props}\n  />\n));\nDrawerBackdrop.displayName = 'DrawerBackdrop';\n\nconst viewportSideClasses: Record<DrawerSide, string> = {\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\ntype DrawerViewportProps = Omit<DrawerPrimitive.Viewport.Props, 'className'> & {\n  className?: string;\n};\n\n// Must NOT default to `pointer-events-none` — that would break the modal swipe gesture.\n// Non-modal callers opt out via className on viewport (none) and popup (auto).\nconst DrawerViewport = React.forwardRef<HTMLDivElement, DrawerViewportProps>(({ className, ...props }, ref) => {\n  const side = useDrawerSide();\n  return (\n    <DrawerPrimitive.Viewport\n      ref={ref}\n      data-slot=\"drawer-viewport\"\n      className={cn('fixed inset-0 z-50 flex', viewportSideClasses[side], className)}\n      {...props}\n    />\n  );\n});\nDrawerViewport.displayName = 'DrawerViewport';\n\n// `drawer-popup` hooks into drawer.css for swipe/stack transforms; `::after` dims under nested drawers.\nconst drawerPopupBaseClass = cn(\n  'drawer-popup group/popup relative z-50 box-border flex flex-col overflow-y-auto overscroll-contain outline-none [touch-action:auto] will-change-transform',\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// Top/bottom sheets bleed 3rem past the edge so a stacked parent's border stays flush behind.\nconst popupSideClasses: Record<DrawerSide, string> = {\n  bottom: 'h-[var(--drawer-height,auto)] max-h-[calc(85vh_+_3rem)] w-full -mb-12 pb-12 rounded-t-xl border-x border-t',\n  top: 'h-[var(--drawer-height,auto)] max-h-[calc(85vh_+_3rem)] w-full -mt-12 pt-12 rounded-b-xl border-x border-b',\n  left: 'h-full w-[20rem] max-w-[85vw] rounded-r-xl border-y border-r',\n  right: 'h-full w-[20rem] max-w-[85vw] rounded-l-xl border-y border-l',\n};\n\ntype DrawerPopupProps = Omit<DrawerPrimitive.Popup.Props, 'className'> & {\n  className?: string;\n};\n\nconst DrawerPopup = React.forwardRef<HTMLDivElement, DrawerPopupProps>(({ className, ...props }, ref) => {\n  const side = useDrawerSide();\n  return (\n    <DrawerPrimitive.Popup\n      ref={ref}\n      data-slot=\"drawer-popup\"\n      className={cn(drawerPopupBaseClass, popupSideClasses[side], className)}\n      {...props}\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 DrawerContentProps = Omit<DrawerPrimitive.Popup.Props, 'className' | 'children'> & {\n  className?: string;\n  children?: React.ReactNode;\n};\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>(({ className, children, ...props }, ref) => {\n  const side = useDrawerSide();\n  const showHandle = side === 'top' || side === 'bottom';\n\n  return (\n    <DrawerPortal>\n      <DrawerBackdrop />\n      <DrawerViewport>\n        <DrawerPopup ref={ref} className={className} {...props}>\n          {showHandle && side === 'bottom' && <DrawerHandleBar />}\n          <div data-slot=\"drawer-content\" className={cn('relative flex min-h-0 flex-1 flex-col', nestedFadeClass)}>\n            {children}\n          </div>\n          {showHandle && side === 'top' && <DrawerHandleBar />}\n        </DrawerPopup>\n      </DrawerViewport>\n    </DrawerPortal>\n  );\n});\nDrawerContent.displayName = 'DrawerContent';\n\nconst DrawerHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div data-slot=\"drawer-header\" className={cn('flex flex-col gap-0.5 px-4 py-3 text-left', className)} {...props} />\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-4 py-3 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-4 py-3', 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":";;;;;AAWA,MAAM,oBAAA,GAA6E;AAAA,EACjF,GAAA,EAAK,IAAA;AAAA,EACL,MAAA,EAAQ,MAAA;AAAA,EACR,IAAA,EAAM,MAAA;AAAA,EACN,KAAA,EAAO;AACT,CAAA;AAEA,MAAM,iBAAA,GAAoB,KAAA,CAAM,aAAA,CAA0B,QAAQ,CAAA;AAE3D,MAAM,aAAA,GAAgB,MAAM,KAAA,CAAM,UAAA,CAAW,iBAAiB;AAOrE,SAAS,OAA0B,EAAE,IAAA,GAAO,UAAU,QAAA,EAAU,GAAG,OAAM,EAAyB;AAChG,EAAA,2BACG,iBAAA,CAAkB,QAAA,EAAlB,EAA2B,KAAA,EAAO,MACjC,QAAA,kBAAA,GAAA,CAACA,QAAA,CAAgB,IAAA,EAAhB,EAAqB,gBAAgB,oBAAA,CAAqB,IAAI,GAAI,GAAG,KAAA,EACnE,UACH,CAAA,EACF,CAAA;AAEJ;AACA,MAAA,CAAO,WAAA,GAAc,QAAA;AAOrB,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;AAM5B,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,cAAA,GAAiB,MAAM,UAAA,CAAgD,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBACrG,GAAA;AAAA,EAACA,QAAA,CAAgB,QAAA;AAAA,EAAhB;AAAA,IACC,GAAA;AAAA,IACA,WAAA,EAAU,iBAAA;AAAA,IACV,SAAA,EAAW,EAAA,CAAG,gEAAA,EAAkE,SAAS,CAAA;AAAA,IACxF,GAAG;AAAA;AACN,CACD;AACD,cAAA,CAAe,WAAA,GAAc,gBAAA;AAE7B,MAAM,mBAAA,GAAkD;AAAA,EACtD,GAAA,EAAK,4BAAA;AAAA,EACL,MAAA,EAAQ,0BAAA;AAAA,EACR,IAAA,EAAM,6BAAA;AAAA,EACN,KAAA,EAAO;AACT,CAAA;AAQA,MAAM,cAAA,GAAiB,MAAM,UAAA,CAAgD,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC7G,EAAA,MAAM,OAAO,aAAA,EAAc;AAC3B,EAAA,uBACE,GAAA;AAAA,IAACA,QAAA,CAAgB,QAAA;AAAA,IAAhB;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,iBAAA;AAAA,MACV,WAAW,EAAA,CAAG,yBAAA,EAA2B,mBAAA,CAAoB,IAAI,GAAG,SAAS,CAAA;AAAA,MAC5E,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;AACD,cAAA,CAAe,WAAA,GAAc,gBAAA;AAG7B,MAAM,oBAAA,GAAuB,EAAA;AAAA,EAC3B,2JAAA;AAAA,EACA,wDAAA;AAAA,EACA,4BAAA;AAAA,EACA,2JAAA;AAAA,EACA;AACF,CAAA;AAGA,MAAM,gBAAA,GAA+C;AAAA,EACnD,MAAA,EAAQ,4GAAA;AAAA,EACR,GAAA,EAAK,4GAAA;AAAA,EACL,IAAA,EAAM,8DAAA;AAAA,EACN,KAAA,EAAO;AACT,CAAA;AAMA,MAAM,WAAA,GAAc,MAAM,UAAA,CAA6C,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACvG,EAAA,MAAM,OAAO,aAAA,EAAc;AAC3B,EAAA,uBACE,GAAA;AAAA,IAACA,QAAA,CAAgB,KAAA;AAAA,IAAhB;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,cAAA;AAAA,MACV,WAAW,EAAA,CAAG,oBAAA,EAAsB,gBAAA,CAAiB,IAAI,GAAG,SAAS,CAAA;AAAA,MACpE,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;AACD,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;AAS9B,MAAM,aAAA,GAAgB,KAAA,CAAM,UAAA,CAA+C,CAAC,EAAE,WAAW,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACrH,EAAA,MAAM,OAAO,aAAA,EAAc;AAC3B,EAAA,MAAM,UAAA,GAAa,IAAA,KAAS,KAAA,IAAS,IAAA,KAAS,QAAA;AAE9C,EAAA,4BACG,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,CAAA;AAAA,wBACf,cAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,eAAY,GAAA,EAAU,SAAA,EAAuB,GAAG,KAAA,EAC9C,QAAA,EAAA;AAAA,MAAA,UAAA,IAAc,IAAA,KAAS,QAAA,oBAAY,GAAA,CAAC,eAAA,EAAA,EAAgB,CAAA;AAAA,sBACrD,GAAA,CAAC,SAAI,WAAA,EAAU,gBAAA,EAAiB,WAAW,EAAA,CAAG,uCAAA,EAAyC,eAAe,CAAA,EACnG,QAAA,EACH,CAAA;AAAA,MACC,UAAA,IAAc,IAAA,KAAS,KAAA,oBAAS,GAAA,CAAC,eAAA,EAAA,EAAgB;AAAA,KAAA,EACpD,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ,CAAC;AACD,aAAA,CAAc,WAAA,GAAc,eAAA;AAE5B,MAAM,eAAe,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,qBAC1C,GAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,iBAAgB,SAAA,EAAW,EAAA,CAAG,6CAA6C,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAEnH,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,4EAAA,EAA8E,SAAS,CAAA;AAAA,IACpG,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,oBAAoB,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAExF,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/drawer.css

@@ -0,0 +1,131 @@
+/* Drawer motion.
+ *
+ * Only the *advanced* motion lives here — the swipe/stack transforms are long
+ * calc() expressions that are unreadable as escaped Tailwind arbitrary values
+ * (`[transform:translateY(calc(..._-_...))]`). Everything native (layout, colour,
+ * sizing, borders, the `after:` dim overlay) stays as inline Tailwind in drawer.tsx.
+ *
+ * Base UI drives the gesture through CSS custom properties set on the popup:
+ *   --drawer-swipe-movement-x/y   finger tracking
+ *   --drawer-swipe-progress       0..1 dismiss progress (fades the backdrop)
+ *   --drawer-swipe-strength       0.1..1 release-velocity scalar
+ *   --drawer-snap-point-offset    bottom-sheet snap offset
+ *   --nested-drawers              stack depth (frontmost = 0)
+ *   --drawer-height               measured popup height
+ *   --drawer-frontmost-height     height of the frontmost drawer in the stack
+ *
+ * The 3rem bleed mirrors `-mb-12`/`pb-12` (and `-mt-12`/`pt-12`) on the popup in
+ * drawer.tsx — keep the two in sync. */
+
+.drawer-popup {
+  --bleed: 3rem;
+  --peek: 1rem;
+  --stack-step: 0.05;
+
+  /* For an unnested drawer `--nested-drawers` is 0, so peek/shrink collapse to 0
+   * and scale to 1 — the transforms below reduce to a plain slide. */
+  --stack-progress: clamp(0, var(--drawer-swipe-progress, 0), 1);
+  --stack-peek-offset: max(0px, calc((var(--nested-drawers, 0) - var(--stack-progress)) * var(--peek)));
+  --stack-scale: calc(
+    max(0, calc(1 - (var(--nested-drawers, 0) * var(--stack-step)))) + (var(--stack-step) * var(--stack-progress))
+  );
+  --stack-shrink: calc(1 - var(--stack-scale));
+  --stack-height: max(0px, calc(var(--drawer-frontmost-height, var(--drawer-height, 0px)) - var(--bleed)));
+
+  /* Combined push-back applied to a stacked drawer (peek lift + scale shrink),
+   * folded into one var so the per-side transforms stay on a single line. */
+  --stack-offset: calc(var(--stack-peek-offset) + (var(--stack-shrink) * var(--stack-height)));
+
+  transition:
+    transform 450ms cubic-bezier(0.32, 0.72, 0, 1),
+    height 450ms cubic-bezier(0.32, 0.72, 0, 1),
+    opacity 450ms cubic-bezier(0.32, 0.72, 0, 1);
+}
+
+/* Track the finger 1:1 — no easing while a drag (own or nested) is in progress. */
+.drawer-popup[data-swiping],
+.drawer-popup[data-nested-drawer-swiping] {
+  transition-duration: 0ms;
+}
+
+/* Release after a swipe: scale the settle duration by the gesture velocity. */
+.drawer-popup[data-ending-style] {
+  transition-duration: calc(var(--drawer-swipe-strength, 1) * 400ms);
+}
+
+/* ---- Bottom sheet (swipe down) ---------------------------------------------- */
+
+.drawer-popup[data-swipe-direction='down'] {
+  --live-y: calc(var(--drawer-snap-point-offset, 0px) + var(--drawer-swipe-movement-y, 0px));
+
+  transform-origin: 50% calc(100% - var(--bleed));
+  transform: translateY(calc(var(--live-y) - var(--stack-offset))) scale(var(--stack-scale));
+}
+
+.drawer-popup[data-swipe-direction='down'][data-starting-style],
+.drawer-popup[data-swipe-direction='down'][data-ending-style] {
+  transform: translateY(calc(100% - var(--bleed) + 2px));
+}
+
+/* ---- Top sheet (swipe up) --------------------------------------------------- */
+
+.drawer-popup[data-swipe-direction='up'] {
+  transform-origin: 50% var(--bleed);
+  transform: translateY(calc(var(--drawer-swipe-movement-y, 0px) + var(--stack-offset))) scale(var(--stack-scale));
+}
+
+.drawer-popup[data-swipe-direction='up'][data-starting-style],
+.drawer-popup[data-swipe-direction='up'][data-ending-style] {
+  transform: translateY(calc(-100% + var(--bleed) - 2px));
+}
+
+/* Collapse a stacked top/bottom parent to the frontmost drawer's height. */
+.drawer-popup[data-swipe-direction='down'][data-nested-drawer-open],
+.drawer-popup[data-swipe-direction='up'][data-nested-drawer-open] {
+  height: calc(var(--stack-height) + var(--bleed));
+  overflow: hidden;
+}
+
+/* ---- Side drawers (swipe left / right) -------------------------------------- */
+
+.drawer-popup[data-swipe-direction='left'],
+.drawer-popup[data-swipe-direction='right'] {
+  transform: translateX(var(--drawer-swipe-movement-x, 0px));
+}
+
+.drawer-popup[data-swipe-direction='right'][data-starting-style],
+.drawer-popup[data-swipe-direction='right'][data-ending-style] {
+  transform: translateX(100%);
+}
+
+.drawer-popup[data-swipe-direction='left'][data-starting-style],
+.drawer-popup[data-swipe-direction='left'][data-ending-style] {
+  transform: translateX(-100%);
+}
+
+/* ---- Backdrop --------------------------------------------------------------- */
+
+.drawer-backdrop {
+  opacity: calc(1 - var(--drawer-swipe-progress, 0));
+  transition: opacity 450ms cubic-bezier(0.32, 0.72, 0, 1);
+}
+
+.drawer-backdrop[data-starting-style],
+.drawer-backdrop[data-ending-style] {
+  opacity: 0;
+}
+
+.drawer-backdrop[data-swiping] {
+  transition-duration: 0ms;
+}
+
+.drawer-backdrop[data-ending-style] {
+  transition-duration: calc(var(--drawer-swipe-strength, 1) * 400ms);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .drawer-popup,
+  .drawer-backdrop {
+    transition-duration: 0ms;
+  }
+}

package/dist/dropdown-menu-Dh-CMMjl.js

@@ -0,0 +1,203 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Menu } from '@base-ui/react/menu';
+import { ChevronDown, CheckIcon, Circle } from 'lucide-react';
+import * as React from 'react';
+import { u as usePortalContainer } from './portal-container-BlQ6JKob.js';
+import { a as asChildRenderProps } from './as-child-N1qMDCr8.js';
+import { c as cn } from './utils-CzYGxqbG.js';
+
+const DropdownMenuRoot = Menu.Root;
+const DropdownMenuGroup = Menu.Group;
+const DropdownMenuPortal = Menu.Portal;
+const DropdownMenuSub = Menu.SubmenuRoot;
+const DropdownMenuRadioGroup = Menu.RadioGroup;
+const itemClass = cn(
+  "relative flex cursor-pointer select-none items-center gap-2.5 rounded-lg px-2 py-1.5 text-ui-smd leading-ui-sm transition-colors text-neutral4 hover:text-neutral6 focus:text-neutral6 hover:bg-surface4 focus:bg-surface4 data-[highlighted]:bg-surface4 data-[highlighted]:text-neutral6 data-disabled:cursor-not-allowed data-disabled:opacity-50 data-disabled:hover:bg-transparent data-disabled:hover:text-neutral4 data-disabled:focus:bg-transparent data-disabled:focus:text-neutral4 data-disabled:data-[highlighted]:bg-transparent data-disabled:data-[highlighted]:text-neutral4 [&>span]:truncate [&_svg]:size-4 [&_svg]:shrink-0 outline-none focus:outline-none focus-visible:outline-none focus-visible:ring-0",
+  "[&>svg]:w-[1.1em] [&>svg]:h-[1.1em] [&>svg]:opacity-60 [&:hover>svg]:opacity-100"
+);
+const popupClass = cn(
+  "bg-surface3 text-neutral4 z-50 min-w-44 max-h-[min(20rem,var(--available-height))] overflow-x-hidden overflow-y-auto rounded-xl border border-border1 p-1 shadow-dialog origin-[var(--transform-origin)] outline-none",
+  "data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95",
+  "data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1"
+);
+const DropdownMenuTrigger = React.forwardRef(
+  ({ className, asChild, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      Menu.Trigger,
+      {
+        ref,
+        className: cn("cursor-pointer outline-none", className),
+        ...asChildRenderProps(asChild, children),
+        ...props,
+        children: asChild ? void 0 : children
+      }
+    );
+  }
+);
+DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
+const DropdownMenuSubTrigger = React.forwardRef(
+  ({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+    Menu.SubmenuTrigger,
+    {
+      ref,
+      className: cn(
+        itemClass,
+        "data-[popup-open]:bg-surface4 data-[popup-open]:text-neutral6",
+        inset && "pl-8",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx("span", { className: "ml-auto pl-2", children: /* @__PURE__ */ jsx(ChevronDown, { className: "-rotate-90 opacity-50" }) })
+      ]
+    }
+  )
+);
+DropdownMenuSubTrigger.displayName = "DropdownMenuSubTrigger";
+const DropdownMenuSubContent = React.forwardRef(
+  ({ className, align = "start", alignOffset = -4, side = "right", sideOffset = 0, ...props }, ref) => {
+    const resolvedContainer = usePortalContainer();
+    return /* @__PURE__ */ jsx(Menu.Portal, { container: resolvedContainer, children: /* @__PURE__ */ jsx(
+      Menu.Positioner,
+      {
+        align,
+        alignOffset,
+        side,
+        sideOffset,
+        className: "z-50 outline-none",
+        children: /* @__PURE__ */ jsx(
+          Menu.Popup,
+          {
+            ref,
+            "data-slot": "dropdown-menu-sub-content",
+            className: cn(popupClass, className),
+            ...props
+          }
+        )
+      }
+    ) });
+  }
+);
+DropdownMenuSubContent.displayName = "DropdownMenuSubContent";
+const DropdownMenuContent = React.forwardRef(
+  ({ className, container, align = "start", alignOffset = 0, side = "bottom", sideOffset = 8, ...props }, ref) => {
+    const resolvedContainer = usePortalContainer(container);
+    return /* @__PURE__ */ jsx(Menu.Portal, { container: resolvedContainer, children: /* @__PURE__ */ jsx(
+      Menu.Positioner,
+      {
+        align,
+        alignOffset,
+        side,
+        sideOffset,
+        className: "z-50 outline-none",
+        children: /* @__PURE__ */ jsx(
+          Menu.Popup,
+          {
+            ref,
+            "data-slot": "dropdown-menu-content",
+            className: cn(popupClass, className),
+            ...props
+          }
+        )
+      }
+    ) });
+  }
+);
+DropdownMenuContent.displayName = "DropdownMenuContent";
+const DropdownMenuItem = React.forwardRef(
+  ({ className, inset, variant = "default", onSelect, onClick, ...props }, ref) => /* @__PURE__ */ jsx(
+    Menu.Item,
+    {
+      ref,
+      "data-inset": inset ? "" : void 0,
+      "data-variant": variant,
+      onClick: (event) => {
+        onClick?.(event);
+        onSelect?.(event);
+      },
+      className: cn(
+        itemClass,
+        inset && "pl-8",
+        "data-[variant=destructive]:text-accent2 data-[variant=destructive]:hover:bg-accent2/10 data-[variant=destructive]:hover:text-accent2 data-[variant=destructive]:data-[highlighted]:bg-accent2/10 data-[variant=destructive]:data-[highlighted]:text-accent2",
+        className
+      ),
+      ...props
+    }
+  )
+);
+DropdownMenuItem.displayName = "DropdownMenuItem";
+const DropdownMenuCheckboxItem = React.forwardRef(
+  ({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(Menu.CheckboxItem, { ref, className: cn(itemClass, "w-full", className), checked, ...props, children: [
+    /* @__PURE__ */ jsx("div", { className: "border border-border2 flex h-4 w-4 items-center justify-center rounded-sm", children: /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) }) }),
+    children
+  ] })
+);
+DropdownMenuCheckboxItem.displayName = "DropdownMenuCheckboxItem";
+const DropdownMenuRadioItem = React.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+    Menu.RadioItem,
+    {
+      ref,
+      className: cn(
+        "relative flex cursor-pointer select-none items-center rounded-lg py-1.5 pl-8 pr-2 text-ui-smd leading-ui-sm transition-colors text-neutral4 hover:text-neutral6 focus:text-neutral6 hover:bg-surface4 focus:bg-surface4 data-[highlighted]:bg-surface4 data-[highlighted]:text-neutral6 data-disabled:cursor-not-allowed data-disabled:opacity-50 data-disabled:hover:bg-transparent data-disabled:hover:text-neutral4 data-disabled:focus:bg-transparent data-disabled:focus:text-neutral4 data-disabled:data-[highlighted]:bg-transparent data-disabled:data-[highlighted]:text-neutral4 outline-none focus:outline-none focus-visible:outline-none focus-visible:ring-0",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(Menu.RadioItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }),
+        children
+      ]
+    }
+  )
+);
+DropdownMenuRadioItem.displayName = "DropdownMenuRadioItem";
+const DropdownMenuLabel = React.forwardRef(
+  ({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "px-2 pt-1.5 pb-1 text-ui-xs font-medium uppercase tracking-wider text-neutral3",
+        inset && "pl-8",
+        className
+      ),
+      ...props
+    }
+  )
+);
+DropdownMenuLabel.displayName = "DropdownMenuLabel";
+const DropdownMenuSeparator = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(Menu.Separator, { ref, className: cn("bg-border1 -mx-1 my-1 h-px", className), ...props })
+);
+DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
+const DropdownMenuShortcut = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", 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-Dh-CMMjl.js.map

package/dist/dropdown-menu-Dh-CMMjl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-Dh-CMMjl.js","sources":["../src/ds/components/DropdownMenu/dropdown-menu.tsx"],"sourcesContent":["import { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { CheckIcon, ChevronDown, Circle } from 'lucide-react';\nimport * as React from 'react';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { asChildRenderProps } from '@/lib/as-child';\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\nconst itemClass = cn(\n  'relative flex cursor-pointer select-none items-center gap-2.5 rounded-lg px-2 py-1.5 text-ui-smd leading-ui-sm transition-colors text-neutral4 hover:text-neutral6 focus:text-neutral6 hover:bg-surface4 focus:bg-surface4 data-[highlighted]:bg-surface4 data-[highlighted]:text-neutral6 data-disabled:cursor-not-allowed data-disabled:opacity-50 data-disabled:hover:bg-transparent data-disabled:hover:text-neutral4 data-disabled:focus:bg-transparent data-disabled:focus:text-neutral4 data-disabled:data-[highlighted]:bg-transparent data-disabled:data-[highlighted]:text-neutral4 [&>span]:truncate [&_svg]:size-4 [&_svg]:shrink-0 outline-none focus:outline-none focus-visible:outline-none focus-visible:ring-0',\n  '[&>svg]:w-[1.1em] [&>svg]:h-[1.1em] [&>svg]:opacity-60 [&:hover>svg]:opacity-100',\n);\n\nconst popupClass = cn(\n  'bg-surface3 text-neutral4 z-50 min-w-44 max-h-[min(20rem,var(--available-height))] overflow-x-hidden overflow-y-auto rounded-xl border border-border1 p-1 shadow-dialog origin-[var(--transform-origin)] outline-none',\n  'data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95',\n  'data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1',\n);\n\ntype DropdownMenuTriggerProps = MenuPrimitive.Trigger.Props & {\n  /** @deprecated Use Base UI's `render` prop instead, e.g. `render={<Button />}`. */\n  asChild?: boolean;\n};\n\nconst DropdownMenuTrigger = React.forwardRef<HTMLButtonElement, DropdownMenuTriggerProps>(\n  ({ className, asChild, children, ...props }, ref) => {\n    return (\n      <MenuPrimitive.Trigger\n        ref={ref}\n        className={cn('cursor-pointer outline-none', className)}\n        {...asChildRenderProps(asChild, children)}\n        {...props}\n      >\n        {asChild ? undefined : 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={ref}\n      className={cn(\n        itemClass,\n        'data-[popup-open]:bg-surface4 data-[popup-open]:text-neutral6',\n        inset && 'pl-8',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <span className=\"ml-auto pl-2\">\n        <ChevronDown className=\"-rotate-90 opacity-50\" />\n      </span>\n    </MenuPrimitive.SubmenuTrigger>\n  ),\n);\nDropdownMenuSubTrigger.displayName = 'DropdownMenuSubTrigger';\n\ntype DropdownMenuSubContentProps = MenuPrimitive.Popup.Props &\n  Pick<MenuPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>;\n\nconst DropdownMenuSubContent = React.forwardRef<HTMLDivElement, DropdownMenuSubContentProps>(\n  ({ className, align = 'start', alignOffset = -4, side = 'right', sideOffset = 0, ...props }, ref) => {\n    // Default to the nearest SideDialog/Drawer popup so the submenu stays\n    // interactive inside a modal drawer.\n    const resolvedContainer = usePortalContainer();\n    return (\n      <MenuPrimitive.Portal container={resolvedContainer}>\n        <MenuPrimitive.Positioner\n          align={align}\n          alignOffset={alignOffset}\n          side={side}\n          sideOffset={sideOffset}\n          className=\"z-50 outline-none\"\n        >\n          <MenuPrimitive.Popup\n            ref={ref}\n            data-slot=\"dropdown-menu-sub-content\"\n            className={cn(popupClass, className)}\n            {...props}\n          />\n        </MenuPrimitive.Positioner>\n      </MenuPrimitive.Portal>\n    );\n  },\n);\nDropdownMenuSubContent.displayName = 'DropdownMenuSubContent';\n\ntype DropdownMenuContentProps = MenuPrimitive.Popup.Props &\n  Pick<MenuPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'> & {\n    container?: HTMLElement;\n  };\n\nconst DropdownMenuContent = React.forwardRef<HTMLDivElement, DropdownMenuContentProps>(\n  ({ className, container, align = 'start', alignOffset = 0, side = 'bottom', sideOffset = 8, ...props }, ref) => {\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    return (\n      <MenuPrimitive.Portal container={resolvedContainer}>\n        <MenuPrimitive.Positioner\n          align={align}\n          alignOffset={alignOffset}\n          side={side}\n          sideOffset={sideOffset}\n          className=\"z-50 outline-none\"\n        >\n          <MenuPrimitive.Popup\n            ref={ref}\n            data-slot=\"dropdown-menu-content\"\n            className={cn(popupClass, className)}\n            {...props}\n          />\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  /** 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', onSelect, onClick, ...props }, ref) => (\n    <MenuPrimitive.Item\n      ref={ref}\n      data-inset={inset ? '' : undefined}\n      data-variant={variant}\n      onClick={event => {\n        onClick?.(event);\n        onSelect?.(event);\n      }}\n      className={cn(\n        itemClass,\n        inset && 'pl-8',\n        'data-[variant=destructive]:text-accent2 data-[variant=destructive]:hover:bg-accent2/10 data-[variant=destructive]:hover:text-accent2 data-[variant=destructive]:data-[highlighted]:bg-accent2/10 data-[variant=destructive]:data-[highlighted]:text-accent2',\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 ref={ref} className={cn(itemClass, 'w-full', className)} checked={checked} {...props}>\n      <div className=\"border border-border2 flex h-4 w-4 items-center justify-center rounded-sm\">\n        <MenuPrimitive.CheckboxItemIndicator>\n          <CheckIcon />\n        </MenuPrimitive.CheckboxItemIndicator>\n      </div>\n      {children}\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\n      ref={ref}\n      className={cn(\n        'relative flex cursor-pointer select-none items-center rounded-lg py-1.5 pl-8 pr-2 text-ui-smd leading-ui-sm transition-colors text-neutral4 hover:text-neutral6 focus:text-neutral6 hover:bg-surface4 focus:bg-surface4 data-[highlighted]:bg-surface4 data-[highlighted]:text-neutral6 data-disabled:cursor-not-allowed data-disabled:opacity-50 data-disabled:hover:bg-transparent data-disabled:hover:text-neutral4 data-disabled:focus:bg-transparent data-disabled:focus:text-neutral4 data-disabled:data-[highlighted]:bg-transparent data-disabled:data-[highlighted]:text-neutral4 outline-none focus:outline-none focus-visible:outline-none focus-visible:ring-0',\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n        <MenuPrimitive.RadioItemIndicator>\n          <Circle className=\"h-2 w-2 fill-current\" />\n        </MenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\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\n      ref={ref}\n      className={cn(\n        'px-2 pt-1.5 pb-1 text-ui-xs font-medium uppercase tracking-wider text-neutral3',\n        inset && 'pl-8',\n        className,\n      )}\n      {...props}\n    />\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('bg-border1 -mx-1 my-1 h-px', className)} {...props} />\n  ),\n);\nDropdownMenuSeparator.displayName = 'DropdownMenuSeparator';\n\nconst DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return <span className={cn('ml-auto text-xs tracking-widest opacity-60', 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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"}