@facter/ds-core 1.33.9 → 1.33.10

package/dist/index.mjs

@@ -17,7 +17,7 @@ import { toast as toast$1, Toaster as Toaster$1 } from 'sonner';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
 import { FormProvider, useFormContext, Controller } from 'react-hook-form';
 export { FormProvider, useFormContext } from 'react-hook-form';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as PopoverPrimitive2 from '@radix-ui/react-popover';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
@@ -3379,22 +3379,6 @@ function FormInput({
   ) });
 }
 FormInput.displayName = "Form.Input";
-var Popover = PopoverPrimitive.Root;
-var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React10.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-  PopoverPrimitive.Content,
-  {
-    ref,
-    align,
-    sideOffset,
-    className: cn(
-      "z-50 w-auto rounded-md border bg-popover p-4 text-popover-foreground shadow-lg outline-none 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",
-      className
-    ),
-    ...props
-  }
-) }));
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 function FormSelect({
   name,
   label,
@@ -3522,19 +3506,6 @@ function CardSelect({
     },
     [onSearch]
   );
-  React10.useEffect(() => {
-    const el = listRef.current;
-    if (!el || !open) return;
-    const handleWheel = (e) => {
-      const { scrollTop, scrollHeight, clientHeight } = el;
-      if (scrollHeight <= clientHeight) return;
-      e.preventDefault();
-      e.stopPropagation();
-      el.scrollTop = Math.max(0, Math.min(scrollTop + e.deltaY, scrollHeight - clientHeight));
-    };
-    el.addEventListener("wheel", handleWheel, { passive: false, capture: true });
-    return () => el.removeEventListener("wheel", handleWheel, { capture: true });
-  }, [open, filteredOptions]);
   const handleScroll = React10.useCallback(() => {
     if (!onLoadMore || !hasMore || loading) return;
     const el = listRef.current;
@@ -3544,9 +3515,9 @@ function CardSelect({
       onLoadMore();
     }
   }, [onLoadMore, hasMore, loading]);
-  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: handleOpenChange, children: [
+  return /* @__PURE__ */ jsxs(PopoverPrimitive2.Root, { open, onOpenChange: handleOpenChange, children: [
     /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      /* @__PURE__ */ jsx(PopoverPrimitive2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
         "button",
         {
           type: "button",
@@ -3583,11 +3554,14 @@ function CardSelect({
       )
     ] }),
     /* @__PURE__ */ jsxs(
-      PopoverContent,
+      PopoverPrimitive2.Content,
       {
         align: "start",
         sideOffset: 4,
-        className: "p-0 overflow-hidden",
+        className: cn(
+          "z-50 rounded-md border bg-popover text-popover-foreground shadow-lg p-0 overflow-hidden",
+          "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=top]:slide-in-from-bottom-2"
+        ),
         style: { width: "var(--radix-popover-trigger-width)" },
         onOpenAutoFocus: (e) => {
           e.preventDefault();
@@ -4218,6 +4192,22 @@ var DropdownMenuShortcut = ({
   );
 };
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+var Popover = PopoverPrimitive2.Root;
+var PopoverTrigger = PopoverPrimitive2.Trigger;
+var PopoverContent = React10.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive2.Portal, { children: /* @__PURE__ */ jsx(
+  PopoverPrimitive2.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 w-auto rounded-md border bg-popover p-4 text-popover-foreground shadow-lg outline-none 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",
+      className
+    ),
+    ...props
+  }
+) }));
+PopoverContent.displayName = PopoverPrimitive2.Content.displayName;
 var TooltipProvider = TooltipPrimitive.Provider;
 var TooltipRoot = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;