@bizapps/ui 1.3.3 → 1.3.4

package/dist/main.d.cts

@@ -353,7 +353,14 @@ declare function TooltipContent({ className, sideOffset, variant, size, children
 
 declare function Popover({ ...props }: ComponentProps<typeof Popover$1.Root>): react.JSX.Element;
 declare function PopoverTrigger({ ...props }: ComponentProps<typeof Popover$1.Trigger>): react.JSX.Element;
-declare function PopoverContent({ className, align, sideOffset, ...props }: ComponentProps<typeof Popover$1.Content>): react.JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, container, ...props }: ComponentProps<typeof Popover$1.Content> & {
+    /**
+     * Portal target for the popover content. Pass the Dialog content node when
+     * the popover lives inside a modal Dialog so the content stays within the
+     * Dialog's scroll-lock shard — otherwise wheel/touch scrolling is blocked.
+     */
+    container?: ComponentProps<typeof Popover$1.Portal>['container'];
+}): react.JSX.Element;
 declare function PopoverAnchor({ ...props }: ComponentProps<typeof Popover$1.Anchor>): react.JSX.Element;
 declare function PopoverHeader({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
 declare function PopoverTitle({ className, ...props }: ComponentProps<'h2'>): react.JSX.Element;
@@ -432,8 +439,14 @@ interface ComboboxProps {
     emptyMessage?: string;
     disabled?: boolean;
     className?: string;
+    /**
+     * Portal target for the dropdown. Pass the Dialog content node when the
+     * Combobox is rendered inside a modal Dialog so the list stays within the
+     * Dialog's scroll-lock shard — otherwise wheel/touch scrolling is blocked.
+     */
+    container?: HTMLElement | null;
 }
-declare function Combobox({ options, value, onValueChange, placeholder, searchPlaceholder, emptyMessage, disabled, className, }: ComboboxProps): react.JSX.Element;
+declare function Combobox({ options, value, onValueChange, placeholder, searchPlaceholder, emptyMessage, disabled, className, container, }: ComboboxProps): react.JSX.Element;
 
 declare function DropdownMenu({ ...props }: ComponentProps<typeof DropdownMenu$1.Root>): react.JSX.Element;
 declare function DropdownMenuPortal({ ...props }: ComponentProps<typeof DropdownMenu$1.Portal>): react.JSX.Element;

package/dist/main.d.ts

@@ -353,7 +353,14 @@ declare function TooltipContent({ className, sideOffset, variant, size, children
 
 declare function Popover({ ...props }: ComponentProps<typeof Popover$1.Root>): react.JSX.Element;
 declare function PopoverTrigger({ ...props }: ComponentProps<typeof Popover$1.Trigger>): react.JSX.Element;
-declare function PopoverContent({ className, align, sideOffset, ...props }: ComponentProps<typeof Popover$1.Content>): react.JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, container, ...props }: ComponentProps<typeof Popover$1.Content> & {
+    /**
+     * Portal target for the popover content. Pass the Dialog content node when
+     * the popover lives inside a modal Dialog so the content stays within the
+     * Dialog's scroll-lock shard — otherwise wheel/touch scrolling is blocked.
+     */
+    container?: ComponentProps<typeof Popover$1.Portal>['container'];
+}): react.JSX.Element;
 declare function PopoverAnchor({ ...props }: ComponentProps<typeof Popover$1.Anchor>): react.JSX.Element;
 declare function PopoverHeader({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
 declare function PopoverTitle({ className, ...props }: ComponentProps<'h2'>): react.JSX.Element;
@@ -432,8 +439,14 @@ interface ComboboxProps {
     emptyMessage?: string;
     disabled?: boolean;
     className?: string;
+    /**
+     * Portal target for the dropdown. Pass the Dialog content node when the
+     * Combobox is rendered inside a modal Dialog so the list stays within the
+     * Dialog's scroll-lock shard — otherwise wheel/touch scrolling is blocked.
+     */
+    container?: HTMLElement | null;
 }
-declare function Combobox({ options, value, onValueChange, placeholder, searchPlaceholder, emptyMessage, disabled, className, }: ComboboxProps): react.JSX.Element;
+declare function Combobox({ options, value, onValueChange, placeholder, searchPlaceholder, emptyMessage, disabled, className, container, }: ComboboxProps): react.JSX.Element;
 
 declare function DropdownMenu({ ...props }: ComponentProps<typeof DropdownMenu$1.Root>): react.JSX.Element;
 declare function DropdownMenuPortal({ ...props }: ComponentProps<typeof DropdownMenu$1.Portal>): react.JSX.Element;

package/dist/main.js

@@ -2121,9 +2121,10 @@ function PopoverContent({
   className,
   align = "center",
   sideOffset = 4,
+  container,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Popover$1.Portal, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Popover$1.Portal, { container, children: /* @__PURE__ */ jsx(
     Popover$1.Content,
     {
       "data-slot": "popover-content",
@@ -2636,7 +2637,8 @@ function Combobox({
   searchPlaceholder = "Search...",
   emptyMessage = "No results found.",
   disabled = false,
-  className
+  className,
+  container
 }) {
   const [open, setOpen] = useState(false);
   const selected = options.find((opt) => opt.value === value);
@@ -2659,7 +2661,7 @@ function Combobox({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx(PopoverContent, { className: "w-64 rounded-lg p-0", align: "start", children: /* @__PURE__ */ jsxs(Command, { className: "rounded-lg", children: [
+    /* @__PURE__ */ jsx(PopoverContent, { className: "w-64 rounded-lg p-0", align: "start", container, children: /* @__PURE__ */ jsxs(Command, { className: "rounded-lg", children: [
       /* @__PURE__ */ jsxs("div", { className: "border-border flex items-center gap-2 border-b px-3", children: [
         /* @__PURE__ */ jsx(SearchIcon, { size: 14, className: "text-muted-foreground shrink-0" }),
         /* @__PURE__ */ jsx(