impact-nova 2.2.1 → 2.2.2

package/dist/components/feedback/dialog/dialog.js

@@ -1,105 +1,151 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import * as d from "react";
-import * as t from "@radix-ui/react-dialog";
-import { Cross as y } from "impact-nova-icons";
-import { createCompoundPart as s, wrapRadixPart as o } from "../../../lib/primitives/create-compound.js";
-import { cn as c } from "../../../lib/utils.js";
-import { useImpactNovaI18n as v } from "../../../i18n/use-impact-nova-i18n.js";
-import { Button as D } from "../../primitives/button/button.js";
-const R = (a) => /* @__PURE__ */ e(t.Root, { "data-component": "dialog", ...a }), j = o(
+import { jsx as t, jsxs as D } from "react/jsx-runtime";
+import * as u from "react";
+import * as e from "@radix-ui/react-dialog";
+import { Cross as N } from "impact-nova-icons";
+import { createCompoundPart as y, wrapRadixPart as c } from "../../../lib/primitives/create-compound.js";
+import { cn as v } from "../../../lib/utils.js";
+import { useImpactNovaI18n as h } from "../../../i18n/use-impact-nova-i18n.js";
+import { Button as w } from "../../primitives/button/button.js";
+import { mergeElementRefs as O } from "../../../lib/overlay/merge-element-refs.js";
+import { OverlayHostProvider as P, useOverlayHostDismissBeforeClose as x, useOverlayHostNestedDismissing as H } from "../../../lib/overlay/overlay-portal-context.js";
+import { OVERLAY_HOST_GROUP_CLASS as R } from "../../../lib/overlay/overlay-host.constants.js";
+import { useOverlayPortalContainerState as T } from "../../../lib/overlay/use-overlay-portal-container-state.js";
+const K = (o) => /* @__PURE__ */ t(e.Root, { "data-component": "dialog", ...o }), U = c(
   "dialog",
   "trigger",
   "DialogTrigger",
-  t.Trigger
-), b = t.Portal, O = o(
+  e.Trigger
+), z = e.Portal, V = c(
   "dialog",
   "close",
   "DialogClose",
-  t.Close
-), m = d.forwardRef(({ className: a, ...i }, n) => /* @__PURE__ */ e(
-  t.Overlay,
-  {
-    ref: n,
-    className: c(
-      "fixed inset-0 z-50 bg-scrim  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 motion-reduce:animate-none motion-reduce:transition-none",
-      a
-    ),
-    ...i
-  }
-));
-m.displayName = t.Overlay.displayName;
-const N = d.forwardRef(({ className: a, children: i, hideClose: n, onOpenAutoFocus: g, ...p }, f) => {
-  const { t: u } = v(), x = u("aria.close");
-  return /* @__PURE__ */ r(b, { children: [
-    /* @__PURE__ */ e(m, {}),
-    /* @__PURE__ */ r(
-      t.Content,
+  e.Close
+), b = u.forwardRef(({ className: o, onPointerDown: a, ...s }, i) => {
+  const n = x();
+  return /* @__PURE__ */ t(
+    e.Overlay,
+    {
+      ref: i,
+      className: v(
+        "fixed inset-0 z-50 bg-scrim  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 motion-reduce:animate-none motion-reduce:transition-none",
+        o
+      ),
+      onPointerDown: (r) => {
+        n(), a?.(r);
+      },
+      ...s
+    }
+  );
+});
+b.displayName = e.Overlay.displayName;
+const C = u.forwardRef(
+  ({
+    hideClose: o,
+    closeLabel: a,
+    setPortalContainerElement: s,
+    className: i,
+    children: n,
+    onOpenAutoFocus: r,
+    onEscapeKeyDown: m,
+    ...g
+  }, p) => {
+    const f = H(), l = x();
+    return /* @__PURE__ */ D(
+      e.Content,
       {
-        ref: f,
+        ref: O(p, s),
         "aria-describedby": void 0,
         "data-component": "dialog-content",
-        onOpenAutoFocus: (l) => {
-          l.preventDefault(), g?.(l);
+        "data-overlay-host": "",
+        "data-nested-dismissing": f || void 0,
+        onOpenAutoFocus: (d) => {
+          d.preventDefault(), r?.(d);
         },
-        className: c(
+        onEscapeKeyDown: (d) => {
+          l(), m?.(d);
+        },
+        className: v(
           "fixed left-[50%] top-[50%] z-50 flex flex-col w-full max-w-lg translate-x-[-50%] translate-y-[-50%] border bg-canvas shadow-xl duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-lg overflow-hidden motion-reduce:animate-none motion-reduce:transition-none",
-          a
+          R,
+          i
         ),
-        ...p,
+        ...g,
         children: [
-          i,
-          !n && /* @__PURE__ */ e(t.Close, { asChild: !0, children: /* @__PURE__ */ e(
-            D,
+          n,
+          !o && /* @__PURE__ */ t(e.Close, { asChild: !0, children: /* @__PURE__ */ t(
+            w,
             {
               variant: "ghost",
               size: "iconSm",
               "data-component": "dialog-close",
               className: "absolute end-4 top-3.5 opacity-50 ring-offset-canvas transition-opacity hover:opacity-100 focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 data-[state=open]:bg-accent data-[state=open]:text-content-icon [&_svg]:!size-3 [&_svg]:block",
-              "aria-label": x,
-              children: /* @__PURE__ */ e(y, {})
+              "aria-label": a,
+              onPointerDown: () => l(),
+              children: /* @__PURE__ */ t(N, {})
             }
           ) })
         ]
       }
+    );
+  }
+);
+C.displayName = "DialogHostContent";
+const B = u.forwardRef(({ className: o, children: a, hideClose: s, onOpenAutoFocus: i, onEscapeKeyDown: n, ...r }, m) => {
+  const { t: g } = h(), p = g("aria.close"), { portalContainer: f, setPortalContainerElement: l } = T();
+  return /* @__PURE__ */ t(z, { children: /* @__PURE__ */ D(P, { portalContainer: f, children: [
+    /* @__PURE__ */ t(b, {}),
+    /* @__PURE__ */ t(
+      C,
+      {
+        ref: m,
+        hideClose: s,
+        closeLabel: p,
+        setPortalContainerElement: l,
+        className: o,
+        onOpenAutoFocus: i,
+        onEscapeKeyDown: n,
+        ...r,
+        children: a
+      }
     )
-  ] });
+  ] }) });
 });
-N.displayName = t.Content.displayName;
-const B = s("dialog", {
+B.displayName = e.Content.displayName;
+const Y = y("dialog", {
   part: "header",
   displayName: "DialogHeader",
   className: "relative flex flex-col justify-center border-b bg-canvas-tint p-4 pe-12 text-center sm:text-start"
-}), F = s("dialog", {
+}), q = y("dialog", {
   part: "body",
   displayName: "DialogBody",
   className: "min-h-0 flex-1 overflow-y-auto px-6 py-6"
-}), k = s("dialog", {
+}), J = y("dialog", {
   part: "footer",
   displayName: "DialogFooter",
   className: "flex flex-col-reverse bg-canvas-elevated px-4 py-[9px] sm:flex-row sm:items-center sm:justify-end sm:gap-2"
-}), H = o(
+}), M = c(
   "dialog",
   "title",
   "DialogTitle",
-  t.Title,
+  e.Title,
   "text-md font-bold leading-none tracking-tight text-content"
-), I = o(
+), Q = c(
   "dialog",
   "description",
   "DialogDescription",
-  t.Description,
+  e.Description,
   "text-sm text-content-secondary leading-relaxed"
 );
 export {
-  R as Dialog,
-  F as DialogBody,
-  O as DialogClose,
-  N as DialogContent,
-  I as DialogDescription,
-  k as DialogFooter,
-  B as DialogHeader,
-  m as DialogOverlay,
-  b as DialogPortal,
-  H as DialogTitle,
-  j as DialogTrigger
+  K as Dialog,
+  q as DialogBody,
+  V as DialogClose,
+  B as DialogContent,
+  Q as DialogDescription,
+  J as DialogFooter,
+  Y as DialogHeader,
+  b as DialogOverlay,
+  z as DialogPortal,
+  M as DialogTitle,
+  U as DialogTrigger
 };

package/dist/components/feedback/dropdown-menu/dropdown-menu.d.ts

@@ -13,6 +13,7 @@ declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<Dropd
 declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     portalled?: boolean;
+    container?: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>["container"];
 } & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;

package/dist/components/feedback/dropdown-menu/dropdown-menu.js

@@ -1,82 +1,89 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import * as c from "react";
 import * as t from "@radix-ui/react-dropdown-menu";
-import { Checkmark as f, ChevronRight as x } from "impact-nova-icons";
-import { wrapRadixPart as p } from "../../../lib/primitives/create-compound.js";
-import { cn as d } from "../../../lib/utils.js";
-const j = (n) => /* @__PURE__ */ e(t.Root, { "data-component": "dropdown-menu", ...n }), G = p(
+import { Checkmark as h, ChevronRight as N } from "impact-nova-icons";
+import { wrapRadixPart as f } from "../../../lib/primitives/create-compound.js";
+import { cn as s } from "../../../lib/utils.js";
+import { useOverlayNestedLayerDismiss as b, useOverlayPortalContainer as x } from "../../../lib/overlay/overlay-portal-context.js";
+import { OVERLAY_NESTED_FLOATING_INSTANT_HIDE_CLASS as g } from "../../../lib/overlay/overlay-host.constants.js";
+const O = (n) => (b(n.open, n.onOpenChange), /* @__PURE__ */ e(t.Root, { "data-component": "dropdown-menu", ...n })), A = f(
   "dropdown-menu",
   "trigger",
   "DropdownMenuTrigger",
   t.Trigger
-), P = p(
+), E = f(
   "dropdown-menu",
   "group",
   "DropdownMenuGroup",
   t.Group
-), T = t.Portal, L = t.Sub, g = c.forwardRef(({ className: n, ...a }, o) => /* @__PURE__ */ e(
+), F = t.Portal, H = t.Sub, w = c.forwardRef(({ className: n, ...a }, o) => /* @__PURE__ */ e(
   t.RadioGroup,
   {
     ref: o,
-    className: d("flex flex-col gap-0.5", n),
+    className: s("flex flex-col gap-0.5", n),
     ...a
   }
 ));
-g.displayName = t.RadioGroup.displayName;
-const h = c.forwardRef(({ className: n, inset: a, icon: o, children: r, ...s }, i) => /* @__PURE__ */ l(
+w.displayName = t.RadioGroup.displayName;
+const y = c.forwardRef(({ className: n, inset: a, icon: o, children: r, ...d }, i) => /* @__PURE__ */ l(
   t.SubTrigger,
   {
     ref: i,
-    className: d(
+    className: s(
       "flex cursor-default select-none items-center gap-2 rounded-md px-3 h-[35px] text-[13px] outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 font-medium",
       a && "pl-4",
       n
     ),
-    ...s,
+    ...d,
     children: [
       o && /* @__PURE__ */ e("span", { className: "flex-shrink-0 text-content-secondary [&>svg]:size-4", children: o }),
       r,
-      /* @__PURE__ */ e(x, { className: "ml-auto text-content-icon" })
+      /* @__PURE__ */ e(N, { className: "ml-auto text-content-icon" })
     ]
   }
 ));
-h.displayName = t.SubTrigger.displayName;
-const b = c.forwardRef(({ className: n, ...a }, o) => /* @__PURE__ */ e(t.Portal, { children: /* @__PURE__ */ e(
-  t.SubContent,
-  {
-    ref: o,
-    className: d(
-      "z-50 min-w-[8rem] overflow-hidden rounded-lg bg-canvas-overlay p-2 text-canvas-overlay-foreground shadow-elevation-floating text-[13px] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin] motion-reduce:animate-none motion-reduce:transition-none",
-      n
-    ),
-    ...a
-  }
-) }));
-b.displayName = t.SubContent.displayName;
-const w = c.forwardRef(({ className: n, sideOffset: a = 4, portalled: o = !0, ...r }, s) => {
-  const i = /* @__PURE__ */ e(
+y.displayName = t.SubTrigger.displayName;
+const v = c.forwardRef(({ className: n, ...a }, o) => {
+  const r = x();
+  return /* @__PURE__ */ e(t.Portal, { container: r, children: /* @__PURE__ */ e(
+    t.SubContent,
+    {
+      ref: o,
+      className: s(
+        "z-50 min-w-[8rem] overflow-hidden rounded-lg bg-canvas-overlay p-2 text-canvas-overlay-foreground shadow-elevation-floating text-[13px] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin] motion-reduce:animate-none motion-reduce:transition-none",
+        g,
+        n
+      ),
+      ...a
+    }
+  ) });
+});
+v.displayName = t.SubContent.displayName;
+const D = c.forwardRef(({ className: n, sideOffset: a = 4, portalled: o = !0, container: r, ...d }, i) => {
+  const m = x(), p = r ?? m, u = /* @__PURE__ */ e(
     t.Content,
     {
-      ref: s,
+      ref: i,
       sideOffset: a,
       "data-component": "dropdown-menu-content",
-      className: d(
+      className: s(
         "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[12rem] overflow-y-auto overflow-x-hidden rounded-lg bg-canvas-overlay p-2 text-canvas-overlay-foreground shadow-elevation-floating flex flex-col gap-0.5",
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin] motion-reduce:animate-none motion-reduce:transition-none",
+        g,
         n
       ),
-      ...r
+      ...d
     }
   );
-  return o ? /* @__PURE__ */ e(t.Portal, { children: i }) : i;
+  return o ? /* @__PURE__ */ e(t.Portal, { container: p, children: u }) : u;
 });
-w.displayName = t.Content.displayName;
-const N = c.forwardRef(({ className: n, inset: a, description: o, icon: r, children: s, ...i }, m) => /* @__PURE__ */ l(
+D.displayName = t.Content.displayName;
+const M = c.forwardRef(({ className: n, inset: a, description: o, icon: r, children: d, ...i }, m) => /* @__PURE__ */ l(
   t.Item,
   {
     ref: m,
     "data-component": "dropdown-menu-item",
-    className: d(
+    className: s(
       "relative flex cursor-default select-none items-center gap-2 rounded-md px-3 h-[35px] text-[13px] outline-none transition-colors focus:bg-accent focus:text-content data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
       a && "pl-4",
       n
@@ -85,37 +92,37 @@ const N = c.forwardRef(({ className: n, inset: a, description: o, icon: r, child
     children: [
       r && /* @__PURE__ */ e("span", { className: "flex-shrink-0 [&>svg]:size-4", children: r }),
       /* @__PURE__ */ l("div", { className: "flex flex-col gap-0.5 justify-center", children: [
-        /* @__PURE__ */ e("span", { className: "font-medium leading-none", children: s }),
+        /* @__PURE__ */ e("span", { className: "font-medium leading-none", children: d }),
         o && /* @__PURE__ */ e("span", { className: "text-[10px] leading-tight text-content-secondary line-clamp-1", children: o })
       ] })
     ]
   }
 ));
-N.displayName = t.Item.displayName;
-const y = c.forwardRef(({ className: n, children: a, checked: o, description: r, icon: s, ...i }, m) => /* @__PURE__ */ l(
+M.displayName = t.Item.displayName;
+const R = c.forwardRef(({ className: n, children: a, checked: o, description: r, icon: d, ...i }, m) => /* @__PURE__ */ l(
   t.CheckboxItem,
   {
     ref: m,
-    className: d(
+    className: s(
       "relative flex cursor-default select-none items-center rounded-md h-[35px] pl-10 pr-3 text-[13px] outline-none transition-colors focus:bg-accent focus:text-content data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       n
     ),
     checked: o,
-    onSelect: (u) => u.preventDefault(),
+    onSelect: (p) => p.preventDefault(),
     ...i,
     children: [
       /* @__PURE__ */ e("span", { className: "absolute left-3 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ e(
         "div",
         {
-          className: d(
+          className: s(
             "flex h-4 w-4 items-center justify-center rounded-[4px] border border-stroke transition-colors",
             o && "bg-brand border-brand text-brand-foreground"
           ),
-          children: /* @__PURE__ */ e(t.ItemIndicator, { children: /* @__PURE__ */ e(f, { className: "h-3.5 w-3.5" }) })
+          children: /* @__PURE__ */ e(t.ItemIndicator, { children: /* @__PURE__ */ e(h, { className: "h-3.5 w-3.5" }) })
         }
       ) }),
       /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
-        s && /* @__PURE__ */ e("span", { className: "flex-shrink-0 text-content-secondary [&>svg]:size-4", children: s }),
+        d && /* @__PURE__ */ e("span", { className: "flex-shrink-0 text-content-secondary [&>svg]:size-4", children: d }),
         /* @__PURE__ */ l("div", { className: "flex flex-col gap-0.5 justify-center", children: [
           /* @__PURE__ */ e("span", { className: "font-medium leading-none", children: a }),
           r && /* @__PURE__ */ e("span", { className: "text-[10px] leading-tight text-content-secondary line-clamp-1", children: r })
@@ -124,23 +131,23 @@ const y = c.forwardRef(({ className: n, children: a, checked: o, description: r,
     ]
   }
 ));
-y.displayName = t.CheckboxItem.displayName;
-const v = c.forwardRef(({ className: n, children: a, description: o, icon: r, ...s }, i) => /* @__PURE__ */ l(
+R.displayName = t.CheckboxItem.displayName;
+const k = c.forwardRef(({ className: n, children: a, description: o, icon: r, ...d }, i) => /* @__PURE__ */ l(
   t.RadioItem,
   {
     ref: i,
     "data-component": "dropdown-menu-radio-item",
-    className: d(
+    className: s(
       "group relative flex cursor-default select-none items-center rounded-md min-h-[35px] py-1.5 pl-10 pr-3 text-[13px] outline-none transition-colors focus:bg-accent focus:text-content data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[state=checked]:bg-accent",
       n
     ),
     onSelect: (m) => m.preventDefault(),
-    ...s,
+    ...d,
     children: [
       /* @__PURE__ */ e("span", { className: "absolute left-3 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ e(
         "div",
         {
-          className: d(
+          className: s(
             "flex h-4 w-4 items-center justify-center rounded-full border border-stroke transition-colors",
             "group-data-[state=checked]:border-brand"
           ),
@@ -157,12 +164,12 @@ const v = c.forwardRef(({ className: n, children: a, description: o, icon: r, ..
     ]
   }
 ));
-v.displayName = t.RadioItem.displayName;
-const D = c.forwardRef(({ className: n, inset: a, ...o }, r) => /* @__PURE__ */ e(
+k.displayName = t.RadioItem.displayName;
+const S = c.forwardRef(({ className: n, inset: a, ...o }, r) => /* @__PURE__ */ e(
   t.Label,
   {
     ref: r,
-    className: d(
+    className: s(
       "px-3 py-2 text-xs font-bold tracking-wider text-content-icon",
       a && "pl-4",
       n
@@ -170,56 +177,56 @@ const D = c.forwardRef(({ className: n, inset: a, ...o }, r) => /* @__PURE__ */
     ...o
   }
 ));
-D.displayName = t.Label.displayName;
-const M = c.forwardRef(({ className: n, ...a }, o) => /* @__PURE__ */ e(
+S.displayName = t.Label.displayName;
+const C = c.forwardRef(({ className: n, ...a }, o) => /* @__PURE__ */ e(
   t.Separator,
   {
     ref: o,
-    className: d("-mx-2 my-1 h-px bg-stroke-hairline", n),
+    className: s("-mx-2 my-1 h-px bg-stroke-hairline", n),
     ...a
   }
 ));
-M.displayName = t.Separator.displayName;
-const k = ({
+C.displayName = t.Separator.displayName;
+const I = ({
   className: n,
   ...a
 }) => /* @__PURE__ */ e(
   "div",
   {
-    className: d(
+    className: s(
       "sticky bottom-0 z-10 -mx-2 -mb-2 mt-1 flex items-center justify-end gap-2 border-t bg-canvas-elevated p-2 shrink-0 rounded-b-xl",
       n
     ),
     ...a
   }
 );
-k.displayName = "DropdownMenuFooter";
-const R = ({
+I.displayName = "DropdownMenuFooter";
+const z = ({
   className: n,
   ...a
 }) => /* @__PURE__ */ e(
   "span",
   {
-    className: d("ml-auto text-xs tracking-widest opacity-60", n),
+    className: s("ml-auto text-xs tracking-widest opacity-60", n),
     ...a
   }
 );
-R.displayName = "DropdownMenuShortcut";
+z.displayName = "DropdownMenuShortcut";
 export {
-  j as DropdownMenu,
-  y as DropdownMenuCheckboxItem,
-  w as DropdownMenuContent,
-  k as DropdownMenuFooter,
-  P as DropdownMenuGroup,
-  N as DropdownMenuItem,
-  D as DropdownMenuLabel,
-  T as DropdownMenuPortal,
-  g as DropdownMenuRadioGroup,
-  v as DropdownMenuRadioItem,
-  M as DropdownMenuSeparator,
-  R as DropdownMenuShortcut,
-  L as DropdownMenuSub,
-  b as DropdownMenuSubContent,
-  h as DropdownMenuSubTrigger,
-  G as DropdownMenuTrigger
+  O as DropdownMenu,
+  R as DropdownMenuCheckboxItem,
+  D as DropdownMenuContent,
+  I as DropdownMenuFooter,
+  E as DropdownMenuGroup,
+  M as DropdownMenuItem,
+  S as DropdownMenuLabel,
+  F as DropdownMenuPortal,
+  w as DropdownMenuRadioGroup,
+  k as DropdownMenuRadioItem,
+  C as DropdownMenuSeparator,
+  z as DropdownMenuShortcut,
+  H as DropdownMenuSub,
+  v as DropdownMenuSubContent,
+  y as DropdownMenuSubTrigger,
+  A as DropdownMenuTrigger
 };

package/dist/components/feedback/popover/popover.d.ts

@@ -3,7 +3,10 @@ import * as PopoverPrimitive from "@radix-ui/react-popover";
 declare const Popover: (props: React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
 declare const PopoverTrigger: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const PopoverAnchor: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverPortal: React.FC<PopoverPrimitive.PopoverPortalProps>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    container?: React.ComponentProps<typeof PopoverPrimitive.Portal>["container"];
+} & React.RefAttributes<HTMLDivElement>>;
 declare const PopoverHeader: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
@@ -18,4 +21,4 @@ declare const PopoverFooter: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverHeader, PopoverTitle, PopoverClose, PopoverBody, PopoverFooter, };
+export { Popover, PopoverTrigger, PopoverContent, PopoverPortal, PopoverAnchor, PopoverHeader, PopoverTitle, PopoverClose, PopoverBody, PopoverFooter, };