@tea-ui/core 0.1.0

package/dist/overlays/drawer.js

@@ -0,0 +1,125 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Dialog as DialogPrimitive } from "radix-ui";
+import { cn, cva } from "@tea-ui/utils";
+import { COPY } from "@tea-ui/ux-standards";
+import { dataSlot } from "../internal/index.js";
+import { DialogOverlay } from "./dialog.js";
+const drawerVariants = cva(
+  [
+    "fixed z-modal flex flex-col border-line bg-surface shadow-modal",
+    "transition-transform data-[state=open]:animate-in data-[state=closed]:animate-out",
+    "duration-normal ease-standard"
+  ],
+  {
+    variants: {
+      side: {
+        start: [
+          "inset-y-0 start-0 w-[min(20rem,85vw)] border-e",
+          "data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left"
+        ],
+        end: [
+          "inset-y-0 end-0 w-[min(24rem,90vw)] border-s",
+          "data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right"
+        ],
+        top: [
+          "inset-x-0 top-0 max-h-[80dvh] border-b",
+          "data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top"
+        ],
+        bottom: [
+          "inset-x-0 bottom-0 max-h-[85dvh] border-t rounded-t-none",
+          "data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom"
+        ]
+      }
+    },
+    defaultVariants: { side: "end" }
+  }
+);
+const Drawer = DialogPrimitive.Root;
+const DrawerTrigger = DialogPrimitive.Trigger;
+const DrawerClose = DialogPrimitive.Close;
+const DrawerPortal = DialogPrimitive.Portal;
+const DrawerContent = React.forwardRef(
+  function DrawerContent2({ className, side = "end", children, showCloseButton = true, closeLabel, ...props }, ref) {
+    return /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [
+      /* @__PURE__ */ jsx(DialogOverlay, {}),
+      /* @__PURE__ */ jsxs(
+        DialogPrimitive.Content,
+        {
+          ref,
+          className: cn(drawerVariants({ side }), className),
+          ...dataSlot("drawer", "content"),
+          ...props,
+          children: [
+            showCloseButton ? /* @__PURE__ */ jsx(DrawerCloseButton, { label: closeLabel }) : null,
+            children
+          ]
+        }
+      )
+    ] });
+  }
+);
+function DrawerCloseButton({ label }) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Close,
+    {
+      "aria-label": label ?? COPY.a11y.close,
+      className: "absolute end-3 top-3 p-1 text-fg-muted transition-colors hover:text-fg",
+      ...dataSlot("drawer", "close"),
+      children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xD7" })
+    }
+  );
+}
+const DrawerHeader = React.forwardRef(
+  function DrawerHeader2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx("div", { ref, className: cn("shrink-0 border-b border-line p-4 pe-12", className), ...dataSlot("drawer", "header"), ...props });
+  }
+);
+const DrawerTitle = React.forwardRef(function DrawerTitle2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Title, { ref, className: cn("text-title font-semibold text-fg", className), ...dataSlot("drawer", "title"), ...props });
+});
+const DrawerDescription = React.forwardRef(function DrawerDescription2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Description, { ref, className: cn("text-micro text-fg-muted", className), ...dataSlot("drawer", "description"), ...props });
+});
+const DrawerBody = React.forwardRef(
+  function DrawerBody2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx("div", { ref, className: cn("min-h-0 flex-1 overflow-y-auto p-4", className), ...dataSlot("drawer", "body"), ...props });
+  }
+);
+const DrawerFooter = React.forwardRef(
+  function DrawerFooter2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx("div", { ref, className: cn("shrink-0 border-t border-line p-4", className), ...dataSlot("drawer", "footer"), ...props });
+  }
+);
+const Sheet = Drawer;
+const SheetTrigger = DrawerTrigger;
+const SheetClose = DrawerClose;
+const SheetContent = React.forwardRef(
+  function SheetContent2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(DrawerContent, { ref, side: "bottom", className: cn("w-full", className), ...props });
+  }
+);
+const SheetHeader = DrawerHeader;
+const SheetBody = DrawerBody;
+const SheetFooter = DrawerFooter;
+export {
+  Drawer,
+  DrawerBody,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerPortal,
+  DrawerTitle,
+  DrawerTrigger,
+  Sheet,
+  SheetBody,
+  SheetClose,
+  SheetContent,
+  SheetFooter,
+  SheetHeader,
+  SheetTrigger,
+  drawerVariants
+};
+//# sourceMappingURL=drawer.js.map

package/dist/overlays/drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/overlays/drawer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Dialog as DialogPrimitive } from \"radix-ui\";\nimport { cn, cva, type VariantProps } from \"@tea-ui/utils\";\nimport { COPY } from \"@tea-ui/ux-standards\";\n\nimport { dataSlot } from \"../internal\";\nimport { DialogOverlay } from \"./dialog\";\n\n/**\n * TEA UI — Drawer and Sheet.\n *\n * The one primitive that replaces three copy-pasted \"right drawer\" overrides in\n * the audit, and the answer to the behaviour *both* source products needed and\n * each implemented separately: below 1024px the sidebar stops being information\n * and becomes an obstruction, so it collapses into an edge panel.\n *\n * `Drawer` is an edge panel on `Dialog`, so it inherits the focus trap, the\n * scroll lock, Escape and focus restoration. `Sheet` is the bottom variant for\n * small screens, where a side panel would fight the system back gesture.\n */\nexport const drawerVariants = cva(\n  [\n    \"fixed z-modal flex flex-col border-line bg-surface shadow-modal\",\n    \"transition-transform data-[state=open]:animate-in data-[state=closed]:animate-out\",\n    \"duration-normal ease-standard\",\n  ],\n  {\n    variants: {\n      side: {\n        start: [\n          \"inset-y-0 start-0 w-[min(20rem,85vw)] border-e\",\n          \"data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left\",\n        ],\n        end: [\n          \"inset-y-0 end-0 w-[min(24rem,90vw)] border-s\",\n          \"data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right\",\n        ],\n        top: [\n          \"inset-x-0 top-0 max-h-[80dvh] border-b\",\n          \"data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top\",\n        ],\n        bottom: [\n          \"inset-x-0 bottom-0 max-h-[85dvh] border-t rounded-t-none\",\n          \"data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom\",\n        ],\n      },\n    },\n    defaultVariants: { side: \"end\" },\n  },\n);\n\nexport const Drawer = DialogPrimitive.Root;\nexport const DrawerTrigger = DialogPrimitive.Trigger;\nexport const DrawerClose = DialogPrimitive.Close;\nexport const DrawerPortal = DialogPrimitive.Portal;\n\nexport interface DrawerContentProps\n  extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof drawerVariants> {\n  showCloseButton?: boolean | undefined;\n  closeLabel?: string | undefined;\n}\n\nexport const DrawerContent = React.forwardRef<HTMLDivElement, DrawerContentProps>(\n  function DrawerContent(\n    { className, side = \"end\", children, showCloseButton = true, closeLabel, ...props },\n    ref,\n  ) {\n    return (\n      <DialogPrimitive.Portal>\n        <DialogOverlay />\n        <DialogPrimitive.Content\n          ref={ref}\n          className={cn(drawerVariants({ side }), className)}\n          {...dataSlot(\"drawer\", \"content\")}\n          {...props}\n        >\n          {showCloseButton ? <DrawerCloseButton label={closeLabel} /> : null}\n          {children}\n        </DialogPrimitive.Content>\n      </DialogPrimitive.Portal>\n    );\n  },\n);\n\nfunction DrawerCloseButton({ label }: { label?: string | undefined }): React.ReactElement {\n  return (\n    <DialogPrimitive.Close\n      aria-label={label ?? COPY.a11y.close}\n      className=\"absolute end-3 top-3 p-1 text-fg-muted transition-colors hover:text-fg\"\n      {...dataSlot(\"drawer\", \"close\")}\n    >\n      <span aria-hidden=\"true\">&times;</span>\n    </DialogPrimitive.Close>\n  );\n}\n\nexport const DrawerHeader = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(\n  function DrawerHeader({ className, ...props }, ref) {\n    return (\n      <div ref={ref} className={cn(\"shrink-0 border-b border-line p-4 pe-12\", className)} {...dataSlot(\"drawer\", \"header\")} {...props} />\n    );\n  },\n);\n\n/**\n * A drawer, like a dialog, must have an accessible name. Radix wires the title\n * into the content, so a drawer without one is an unnamed dialog — which is why\n * this exists as a part rather than a bare heading.\n */\nexport const DrawerTitle = React.forwardRef<\n  HTMLHeadingElement,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(function DrawerTitle({ className, ...props }, ref) {\n  return <DialogPrimitive.Title ref={ref} className={cn(\"text-title font-semibold text-fg\", className)} {...dataSlot(\"drawer\", \"title\")} {...props} />;\n});\n\nexport const DrawerDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(function DrawerDescription({ className, ...props }, ref) {\n  return <DialogPrimitive.Description ref={ref} className={cn(\"text-micro text-fg-muted\", className)} {...dataSlot(\"drawer\", \"description\")} {...props} />;\n});\n\nexport const DrawerBody = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(\n  function DrawerBody({ className, ...props }, ref) {\n    return <div ref={ref} className={cn(\"min-h-0 flex-1 overflow-y-auto p-4\", className)} {...dataSlot(\"drawer\", \"body\")} {...props} />;\n  },\n);\n\nexport const DrawerFooter = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(\n  function DrawerFooter({ className, ...props }, ref) {\n    return <div ref={ref} className={cn(\"shrink-0 border-t border-line p-4\", className)} {...dataSlot(\"drawer\", \"footer\")} {...props} />;\n  },\n);\n\n/** A bottom sheet: the mobile-safe drawer. */\nexport const Sheet = Drawer;\nexport const SheetTrigger = DrawerTrigger;\nexport const SheetClose = DrawerClose;\nexport const SheetContent = React.forwardRef<HTMLDivElement, DrawerContentProps>(\n  function SheetContent({ className, ...props }, ref) {\n    return <DrawerContent ref={ref} side=\"bottom\" className={cn(\"w-full\", className)} {...props} />;\n  },\n);\nexport const SheetHeader = DrawerHeader;\nexport const SheetBody = DrawerBody;\nexport const SheetFooter = DrawerFooter;\n"],"mappings":"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","names":["DrawerContent","DrawerHeader","DrawerTitle","DrawerDescription","DrawerBody","DrawerFooter","SheetContent"]}

package/dist/overlays/dropdown-menu.d.ts

@@ -0,0 +1,53 @@
+import * as React from 'react';
+import { ContextMenu as ContextMenu$1, DropdownMenu as DropdownMenu$1 } from 'radix-ui';
+export { COPY as menuCopy } from '@tea-ui/ux-standards';
+
+/**
+ * TEA UI — DropdownMenu and ContextMenu.
+ *
+ * Both source projects shipped a fully built `DropdownMenu` and used it in
+ * exactly one place, hand-rolling the rest. This is the one implementation, and
+ * the styling defect it fixes is worth naming: the source project's dropdown
+ * item highlighted with `bg-muted` while its select item highlighted with
+ * `bg-accent`. The same "you are here" moment therefore looked like two
+ * different things depending on which control the user was in. Here, a
+ * highlighted item is always `bg-accent-subtle` with the foreground brought up.
+ */
+declare const menuContentVariants: string;
+declare const DropdownMenu: React.FC<DropdownMenu$1.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenu$1.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuPortal: React.FC<DropdownMenu$1.DropdownMenuPortalProps>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenu$1.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSub: React.FC<DropdownMenu$1.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenu$1.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenu$1.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenu$1.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+    variant?: "default" | "destructive" | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenu$1.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenu$1.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenu$1.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenu$1.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/** A right-aligned keyboard hint. Decorative unless it is the only key shown. */
+declare const DropdownMenuShortcut: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenu$1.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenu$1.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenu: React.FC<ContextMenu$1.ContextMenuProps>;
+declare const ContextMenuTrigger: React.ForwardRefExoticComponent<ContextMenu$1.ContextMenuTriggerProps & React.RefAttributes<HTMLSpanElement>>;
+declare const ContextMenuGroup: React.ForwardRefExoticComponent<ContextMenu$1.ContextMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuSub: React.FC<ContextMenu$1.ContextMenuSubProps>;
+declare const ContextMenuRadioGroup: React.ForwardRefExoticComponent<ContextMenu$1.ContextMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuContent: React.ForwardRefExoticComponent<Omit<ContextMenu$1.ContextMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<ContextMenu$1.ContextMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+    variant?: "default" | "destructive" | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuSeparator: React.ForwardRefExoticComponent<Omit<ContextMenu$1.ContextMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuLabel: React.ForwardRefExoticComponent<Omit<ContextMenu$1.ContextMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { ContextMenu, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuSeparator, ContextMenuSub, ContextMenuTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, menuContentVariants };

package/dist/overlays/dropdown-menu.js

@@ -0,0 +1,192 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { DropdownMenu as DropdownPrimitive, ContextMenu as ContextPrimitive } from "radix-ui";
+import { Check, ChevronRight } from "@tea-ui/icons";
+import { cn } from "@tea-ui/utils";
+import { COPY } from "@tea-ui/ux-standards";
+import { dataSlot } from "../internal/index.js";
+const menuContentVariants = cn(
+  "z-dropdown min-w-48 border border-line bg-surface-2 p-1 shadow-overlay",
+  "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+  "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95"
+);
+const itemVariants = cn(
+  "relative flex cursor-default select-none items-center gap-2 px-2 py-1.5 text-ui text-fg outline-none",
+  "data-[highlighted]:bg-accent-subtle data-[highlighted]:text-fg",
+  "data-disabled:pointer-events-none data-disabled:opacity-50",
+  "[&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-fg-muted"
+);
+const DropdownMenu = DropdownPrimitive.Root;
+const DropdownMenuTrigger = DropdownPrimitive.Trigger;
+const DropdownMenuPortal = DropdownPrimitive.Portal;
+const DropdownMenuGroup = DropdownPrimitive.Group;
+const DropdownMenuSub = DropdownPrimitive.Sub;
+const DropdownMenuRadioGroup = DropdownPrimitive.RadioGroup;
+const DropdownMenuContent = React.forwardRef(function DropdownMenuContent2({ className, sideOffset = 4, align = "start", ...props }, ref) {
+  return /* @__PURE__ */ jsx(DropdownPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    DropdownPrimitive.Content,
+    {
+      ref,
+      sideOffset,
+      align,
+      collisionPadding: 12,
+      className: cn(menuContentVariants, className),
+      ...dataSlot("menu", "content"),
+      ...props
+    }
+  ) });
+});
+const DropdownMenuItem = React.forwardRef(function DropdownMenuItem2({ className, inset, variant = "default", ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    DropdownPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        itemVariants,
+        inset && "ps-8",
+        variant === "destructive" && "text-critical data-[highlighted]:bg-critical-subtle data-[highlighted]:text-critical",
+        className
+      ),
+      ...dataSlot("menu", "item"),
+      ...props
+    }
+  );
+});
+const DropdownMenuCheckboxItem = React.forwardRef(function DropdownMenuCheckboxItem2({ className, children, checked, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    DropdownPrimitive.CheckboxItem,
+    {
+      ref,
+      checked,
+      className: cn(itemVariants, "ps-8", className),
+      ...dataSlot("menu", "checkbox-item"),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute start-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { size: 14, "aria-hidden": "true" }) }) }),
+        children
+      ]
+    }
+  );
+});
+const DropdownMenuRadioItem = React.forwardRef(function DropdownMenuRadioItem2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    DropdownPrimitive.RadioItem,
+    {
+      ref,
+      className: cn(itemVariants, "ps-8", className),
+      ...dataSlot("menu", "radio-item"),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute start-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "size-1.5 rounded-pill bg-current" }) }) }),
+        children
+      ]
+    }
+  );
+});
+const DropdownMenuLabel = React.forwardRef(function DropdownMenuLabel2({ className, inset, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    DropdownPrimitive.Label,
+    {
+      ref,
+      className: cn("px-2 py-1.5 text-label font-semibold uppercase tracking-widest text-fg-muted", inset && "ps-8", className),
+      ...dataSlot("menu", "label"),
+      ...props
+    }
+  );
+});
+const DropdownMenuSeparator = React.forwardRef(function DropdownMenuSeparator2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(DropdownPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-line", className), ...dataSlot("menu", "separator"), ...props });
+});
+const DropdownMenuShortcut = React.forwardRef(
+  function DropdownMenuShortcut2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx("span", { ref, className: cn("ms-auto text-label text-fg-subtle", className), ...dataSlot("menu", "shortcut"), ...props });
+  }
+);
+const DropdownMenuSubTrigger = React.forwardRef(function DropdownMenuSubTrigger2({ className, inset, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    DropdownPrimitive.SubTrigger,
+    {
+      ref,
+      className: cn(itemVariants, inset && "ps-8", className),
+      ...dataSlot("menu", "sub-trigger"),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronRight, { size: 14, "aria-hidden": "true", className: "ms-auto" })
+      ]
+    }
+  );
+});
+const DropdownMenuSubContent = React.forwardRef(function DropdownMenuSubContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(DropdownPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    DropdownPrimitive.SubContent,
+    {
+      ref,
+      className: cn(menuContentVariants, className),
+      ...dataSlot("menu", "sub-content"),
+      ...props
+    }
+  ) });
+});
+const ContextMenu = ContextPrimitive.Root;
+const ContextMenuTrigger = ContextPrimitive.Trigger;
+const ContextMenuGroup = ContextPrimitive.Group;
+const ContextMenuSub = ContextPrimitive.Sub;
+const ContextMenuRadioGroup = ContextPrimitive.RadioGroup;
+const ContextMenuContent = React.forwardRef(function ContextMenuContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(ContextPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    ContextPrimitive.Content,
+    {
+      ref,
+      className: cn(menuContentVariants, className),
+      ...dataSlot("context-menu", "content"),
+      ...props
+    }
+  ) });
+});
+const ContextMenuItem = React.forwardRef(function ContextMenuItem2({ className, inset, variant = "default", ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    ContextPrimitive.Item,
+    {
+      ref,
+      className: cn(itemVariants, inset && "ps-8", variant === "destructive" && "text-critical", className),
+      ...dataSlot("context-menu", "item"),
+      ...props
+    }
+  );
+});
+const ContextMenuSeparator = React.forwardRef(function ContextMenuSeparator2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(ContextPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-line", className), ...dataSlot("context-menu", "separator"), ...props });
+});
+const ContextMenuLabel = React.forwardRef(function ContextMenuLabel2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(ContextPrimitive.Label, { ref, className: cn("px-2 py-1.5 text-label uppercase tracking-widest text-fg-muted", className), ...dataSlot("context-menu", "label"), ...props });
+});
+export {
+  ContextMenu,
+  ContextMenuContent,
+  ContextMenuGroup,
+  ContextMenuItem,
+  ContextMenuLabel,
+  ContextMenuRadioGroup,
+  ContextMenuSeparator,
+  ContextMenuSub,
+  ContextMenuTrigger,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  menuContentVariants,
+  COPY as menuCopy
+};
+//# sourceMappingURL=dropdown-menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/overlays/dropdown-menu.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { DropdownMenu as DropdownPrimitive, ContextMenu as ContextPrimitive } from \"radix-ui\";\nimport { Check, ChevronRight } from \"@tea-ui/icons\";\nimport { cn } from \"@tea-ui/utils\";\nimport { COPY } from \"@tea-ui/ux-standards\";\n\nimport { dataSlot } from \"../internal\";\n\n/**\n * TEA UI — DropdownMenu and ContextMenu.\n *\n * Both source projects shipped a fully built `DropdownMenu` and used it in\n * exactly one place, hand-rolling the rest. This is the one implementation, and\n * the styling defect it fixes is worth naming: the source project's dropdown\n * item highlighted with `bg-muted` while its select item highlighted with\n * `bg-accent`. The same \"you are here\" moment therefore looked like two\n * different things depending on which control the user was in. Here, a\n * highlighted item is always `bg-accent-subtle` with the foreground brought up.\n */\nexport const menuContentVariants = cn(\n  \"z-dropdown min-w-48 border border-line bg-surface-2 p-1 shadow-overlay\",\n  \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\",\n  \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\",\n);\n\nconst itemVariants = cn(\n  \"relative flex cursor-default select-none items-center gap-2 px-2 py-1.5 text-ui text-fg outline-none\",\n  \"data-[highlighted]:bg-accent-subtle data-[highlighted]:text-fg\",\n  \"data-disabled:pointer-events-none data-disabled:opacity-50\",\n  \"[&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-fg-muted\",\n);\n\nexport const DropdownMenu = DropdownPrimitive.Root;\nexport const DropdownMenuTrigger = DropdownPrimitive.Trigger;\nexport const DropdownMenuPortal = DropdownPrimitive.Portal;\nexport const DropdownMenuGroup = DropdownPrimitive.Group;\nexport const DropdownMenuSub = DropdownPrimitive.Sub;\nexport const DropdownMenuRadioGroup = DropdownPrimitive.RadioGroup;\n\nexport const DropdownMenuContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof DropdownPrimitive.Content>\n>(function DropdownMenuContent({ className, sideOffset = 4, align = \"start\", ...props }, ref) {\n  return (\n    <DropdownPrimitive.Portal>\n      <DropdownPrimitive.Content\n        ref={ref}\n        sideOffset={sideOffset}\n        align={align}\n        collisionPadding={12}\n        className={cn(menuContentVariants, className)}\n        {...dataSlot(\"menu\", \"content\")}\n        {...props}\n      />\n    </DropdownPrimitive.Portal>\n  );\n});\n\nexport const DropdownMenuItem = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof DropdownPrimitive.Item> & { inset?: boolean | undefined; variant?: \"default\" | \"destructive\" | undefined }\n>(function DropdownMenuItem({ className, inset, variant = \"default\", ...props }, ref) {\n  return (\n    <DropdownPrimitive.Item\n      ref={ref}\n      className={cn(\n        itemVariants,\n        inset && \"ps-8\",\n        variant === \"destructive\" && \"text-critical data-[highlighted]:bg-critical-subtle data-[highlighted]:text-critical\",\n        className,\n      )}\n      {...dataSlot(\"menu\", \"item\")}\n      {...props}\n    />\n  );\n});\n\nexport const DropdownMenuCheckboxItem = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof DropdownPrimitive.CheckboxItem>\n>(function DropdownMenuCheckboxItem({ className, children, checked, ...props }, ref) {\n  return (\n    <DropdownPrimitive.CheckboxItem\n      ref={ref}\n      checked={checked}\n      className={cn(itemVariants, \"ps-8\", className)}\n      {...dataSlot(\"menu\", \"checkbox-item\")}\n      {...props}\n    >\n      <span className=\"absolute start-2 flex size-4 items-center justify-center\">\n        <DropdownPrimitive.ItemIndicator>\n          <Check size={14} aria-hidden=\"true\" />\n        </DropdownPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownPrimitive.CheckboxItem>\n  );\n});\n\nexport const DropdownMenuRadioItem = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof DropdownPrimitive.RadioItem>\n>(function DropdownMenuRadioItem({ className, children, ...props }, ref) {\n  return (\n    <DropdownPrimitive.RadioItem\n      ref={ref}\n      className={cn(itemVariants, \"ps-8\", className)}\n      {...dataSlot(\"menu\", \"radio-item\")}\n      {...props}\n    >\n      <span className=\"absolute start-2 flex size-4 items-center justify-center\">\n        <DropdownPrimitive.ItemIndicator>\n          <span aria-hidden=\"true\" className=\"size-1.5 rounded-pill bg-current\" />\n        </DropdownPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownPrimitive.RadioItem>\n  );\n});\n\nexport const DropdownMenuLabel = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof DropdownPrimitive.Label> & { inset?: boolean | undefined }\n>(function DropdownMenuLabel({ className, inset, ...props }, ref) {\n  return (\n    <DropdownPrimitive.Label\n      ref={ref}\n      className={cn(\"px-2 py-1.5 text-label font-semibold uppercase tracking-widest text-fg-muted\", inset && \"ps-8\", className)}\n      {...dataSlot(\"menu\", \"label\")}\n      {...props}\n    />\n  );\n});\n\nexport const DropdownMenuSeparator = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof DropdownPrimitive.Separator>\n>(function DropdownMenuSeparator({ className, ...props }, ref) {\n  return (\n    <DropdownPrimitive.Separator ref={ref} className={cn(\"-mx-1 my-1 h-px bg-line\", className)} {...dataSlot(\"menu\", \"separator\")} {...props} />\n  );\n});\n\n/** A right-aligned keyboard hint. Decorative unless it is the only key shown. */\nexport const DropdownMenuShortcut = React.forwardRef<HTMLSpanElement, React.ComponentProps<\"span\">>(\n  function DropdownMenuShortcut({ className, ...props }, ref) {\n    return <span ref={ref} className={cn(\"ms-auto text-label text-fg-subtle\", className)} {...dataSlot(\"menu\", \"shortcut\")} {...props} />;\n  },\n);\n\nexport const DropdownMenuSubTrigger = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof DropdownPrimitive.SubTrigger> & { inset?: boolean | undefined }\n>(function DropdownMenuSubTrigger({ className, inset, children, ...props }, ref) {\n  return (\n    <DropdownPrimitive.SubTrigger\n      ref={ref}\n      className={cn(itemVariants, inset && \"ps-8\", className)}\n      {...dataSlot(\"menu\", \"sub-trigger\")}\n      {...props}\n    >\n      {children}\n      <ChevronRight size={14} aria-hidden=\"true\" className=\"ms-auto\" />\n    </DropdownPrimitive.SubTrigger>\n  );\n});\n\nexport const DropdownMenuSubContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof DropdownPrimitive.SubContent>\n>(function DropdownMenuSubContent({ className, ...props }, ref) {\n  return (\n    <DropdownPrimitive.Portal>\n      <DropdownPrimitive.SubContent\n        ref={ref}\n        className={cn(menuContentVariants, className)}\n        {...dataSlot(\"menu\", \"sub-content\")}\n        {...props}\n      />\n    </DropdownPrimitive.Portal>\n  );\n});\n\n/* -------------------------------------------------------------------------- */\n\nexport const ContextMenu = ContextPrimitive.Root;\nexport const ContextMenuTrigger = ContextPrimitive.Trigger;\nexport const ContextMenuGroup = ContextPrimitive.Group;\nexport const ContextMenuSub = ContextPrimitive.Sub;\nexport const ContextMenuRadioGroup = ContextPrimitive.RadioGroup;\n\nexport const ContextMenuContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof ContextPrimitive.Content>\n>(function ContextMenuContent({ className, ...props }, ref) {\n  return (\n    <ContextPrimitive.Portal>\n      <ContextPrimitive.Content\n        ref={ref}\n        className={cn(menuContentVariants, className)}\n        {...dataSlot(\"context-menu\", \"content\")}\n        {...props}\n      />\n    </ContextPrimitive.Portal>\n  );\n});\n\nexport const ContextMenuItem = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof ContextPrimitive.Item> & { inset?: boolean | undefined; variant?: \"default\" | \"destructive\" | undefined }\n>(function ContextMenuItem({ className, inset, variant = \"default\", ...props }, ref) {\n  return (\n    <ContextPrimitive.Item\n      ref={ref}\n      className={cn(itemVariants, inset && \"ps-8\", variant === \"destructive\" && \"text-critical\", className)}\n      {...dataSlot(\"context-menu\", \"item\")}\n      {...props}\n    />\n  );\n});\n\nexport const ContextMenuSeparator = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof ContextPrimitive.Separator>\n>(function ContextMenuSeparator({ className, ...props }, ref) {\n  return <ContextPrimitive.Separator ref={ref} className={cn(\"-mx-1 my-1 h-px bg-line\", className)} {...dataSlot(\"context-menu\", \"separator\")} {...props} />;\n});\n\nexport const ContextMenuLabel = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof ContextPrimitive.Label>\n>(function ContextMenuLabel({ className, ...props }, ref) {\n  return <ContextPrimitive.Label ref={ref} className={cn(\"px-2 py-1.5 text-label uppercase tracking-widest text-fg-muted\", className)} {...dataSlot(\"context-menu\", \"label\")} {...props} />;\n});\n\nexport { COPY as menuCopy };\n"],"mappings":"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","names":["DropdownMenuContent","DropdownMenuItem","DropdownMenuCheckboxItem","DropdownMenuRadioItem","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSubTrigger","DropdownMenuSubContent","ContextMenuContent","ContextMenuItem","ContextMenuSeparator","ContextMenuLabel"]}

package/dist/overlays/index.d.ts

@@ -0,0 +1,10 @@
+export { Dialog, DialogBody, DialogClose, DialogContent, DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, dialogContentVariants, dialogOverlayVariants } from './dialog.js';
+export { AlertDialog, AlertDialogOverlay, AlertDialogPortal, AlertDialogTrigger, ConfirmDialog, ConfirmDialogProps, ConfirmFn, ConfirmOptions, useConfirm } from './alert-dialog.js';
+export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerContentProps, DrawerDescription, DrawerFooter, DrawerHeader, DrawerPortal, DrawerTitle, DrawerTrigger, Sheet, SheetBody, SheetClose, SheetContent, SheetFooter, SheetHeader, SheetTrigger, drawerVariants } from './drawer.js';
+export { HoverCard, HoverCardContent, HoverCardContentProps, HoverCardPortal, HoverCardTrigger, Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, PopoverContentProps, PopoverTrigger, Tooltip, TooltipContent, TooltipContentProps, TooltipProvider, TooltipTrigger, hoverCardContentVariants, popoverContentVariants, tooltipContentVariants } from './popover.js';
+export { ContextMenu, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuSeparator, ContextMenuSub, ContextMenuTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './dropdown-menu.js';
+import 'class-variance-authority/types';
+import 'react';
+import 'radix-ui';
+import '@tea-ui/utils';
+import '@tea-ui/ux-standards';

package/dist/overlays/index.js

@@ -0,0 +1,169 @@
+import {
+  Dialog,
+  DialogBody,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  dialogContentVariants,
+  dialogOverlayVariants
+} from "./dialog.js";
+import {
+  AlertDialog,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTrigger,
+  ConfirmDialog,
+  useConfirm
+} from "./alert-dialog.js";
+import {
+  Drawer,
+  DrawerBody,
+  DrawerClose,
+  DrawerContent,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerDescription,
+  DrawerPortal,
+  DrawerTitle,
+  DrawerTrigger,
+  Sheet,
+  SheetBody,
+  SheetClose,
+  SheetContent,
+  SheetFooter,
+  SheetHeader,
+  SheetTrigger,
+  drawerVariants
+} from "./drawer.js";
+import {
+  HoverCard,
+  HoverCardContent,
+  HoverCardPortal,
+  HoverCardTrigger,
+  Popover,
+  PopoverAnchor,
+  PopoverArrow,
+  PopoverClose,
+  PopoverContent,
+  PopoverTrigger,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  hoverCardContentVariants,
+  popoverContentVariants,
+  tooltipContentVariants
+} from "./popover.js";
+import {
+  ContextMenu,
+  ContextMenuContent,
+  ContextMenuGroup,
+  ContextMenuItem,
+  ContextMenuLabel,
+  ContextMenuRadioGroup,
+  ContextMenuSeparator,
+  ContextMenuSub,
+  ContextMenuTrigger,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger
+} from "./dropdown-menu.js";
+export {
+  AlertDialog,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTrigger,
+  ConfirmDialog,
+  ContextMenu,
+  ContextMenuContent,
+  ContextMenuGroup,
+  ContextMenuItem,
+  ContextMenuLabel,
+  ContextMenuRadioGroup,
+  ContextMenuSeparator,
+  ContextMenuSub,
+  ContextMenuTrigger,
+  Dialog,
+  DialogBody,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  Drawer,
+  DrawerBody,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerPortal,
+  DrawerTitle,
+  DrawerTrigger,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  HoverCard,
+  HoverCardContent,
+  HoverCardPortal,
+  HoverCardTrigger,
+  Popover,
+  PopoverAnchor,
+  PopoverArrow,
+  PopoverClose,
+  PopoverContent,
+  PopoverTrigger,
+  Sheet,
+  SheetBody,
+  SheetClose,
+  SheetContent,
+  SheetFooter,
+  SheetHeader,
+  SheetTrigger,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  dialogContentVariants,
+  dialogOverlayVariants,
+  drawerVariants,
+  hoverCardContentVariants,
+  popoverContentVariants,
+  tooltipContentVariants,
+  useConfirm
+};
+//# sourceMappingURL=index.js.map

package/dist/overlays/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/overlays/index.ts"],"sourcesContent":["/**\n * TEA UI — overlays.\n *\n * Everything that floats above the page. The universal guarantees across all\n * of them: portal to `document.body`, focus moved in on open and restored to the\n * trigger on close, Escape closes, no keyboard trap, background scroll locked,\n * a z-index taken from the token scale rather than an ad-hoc value, and a focus\n * indicator that is never removed without a replacement.\n */\nexport {\n  Dialog,\n  DialogBody,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n  dialogContentVariants,\n  dialogOverlayVariants,\n  type DialogContentProps,\n} from \"./dialog\";\n\nexport {\n  AlertDialog,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTrigger,\n  ConfirmDialog,\n  useConfirm,\n  type ConfirmDialogProps,\n  type ConfirmFn,\n  type ConfirmOptions,\n} from \"./alert-dialog\";\n\nexport {\n  Drawer,\n  DrawerBody,\n  DrawerClose,\n  DrawerContent,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerDescription,\n  DrawerPortal,\n  DrawerTitle,\n  DrawerTrigger,\n  Sheet,\n  SheetBody,\n  SheetClose,\n  SheetContent,\n  SheetFooter,\n  SheetHeader,\n  SheetTrigger,\n  drawerVariants,\n  type DrawerContentProps,\n} from \"./drawer\";\n\nexport {\n  HoverCard,\n  HoverCardContent,\n  HoverCardPortal,\n  HoverCardTrigger,\n  Popover,\n  PopoverAnchor,\n  PopoverArrow,\n  PopoverClose,\n  PopoverContent,\n  PopoverTrigger,\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n  hoverCardContentVariants,\n  popoverContentVariants,\n  tooltipContentVariants,\n  type HoverCardContentProps,\n  type PopoverContentProps,\n  type TooltipContentProps,\n} from \"./popover\";\n\nexport {\n  ContextMenu,\n  ContextMenuContent,\n  ContextMenuGroup,\n  ContextMenuItem,\n  ContextMenuLabel,\n  ContextMenuRadioGroup,\n  ContextMenuSeparator,\n  ContextMenuSub,\n  ContextMenuTrigger,\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from \"./dropdown-menu\";\n"],"mappings":"AASA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}