@doujins/payments-ui 0.1.13 → 0.1.15

package/dist/index.js

@@ -531,7 +531,7 @@ var Label = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Label.displayName = LabelPrimitive.Root.displayName;
-var Select = SelectPrimitive.Root;
+var Select = ({ children, ...props }) => /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx(SelectPrimitive.Root, { ...props, children }) });
 var SelectValue = SelectPrimitive.Value;
 var SelectTrigger = React15.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Trigger,
@@ -575,25 +575,37 @@ var SelectScrollDownButton = React15.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React15.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxs(
-  SelectPrimitive.Content,
-  {
-    ref,
-    className: cn(
-      "relative z-[200] max-h-64 overflow-y-auto overflow-x-hidden rounded-md border border-white/20 bg-background-regular text-foreground shadow-lg backdrop-blur-xl 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",
-      position === "popper" && "w-[var(--radix-select-trigger-width)]",
-      className
-    ),
-    position,
-    sideOffset: 4,
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx(SelectPrimitive.Viewport, { className: "p-1", children }),
-      /* @__PURE__ */ jsx(SelectScrollDownButton, {})
-    ]
+var SelectContent = React15.forwardRef(
+  ({
+    className,
+    children,
+    position = "popper",
+    side = "bottom",
+    sideOffset = 4,
+    align = "start",
+    ...props
+  }, ref) => {
+    const popperProps = position === "popper" ? { side, sideOffset, align } : {};
+    return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+      SelectPrimitive.Content,
+      {
+        ref,
+        className: cn(
+          "z-[200] max-h-64 w-[var(--radix-select-trigger-width)] overflow-y-auto overflow-x-hidden rounded-md border border-white/20 bg-background-regular text-foreground shadow-lg backdrop-blur-xl 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
+        ),
+        position,
+        ...popperProps,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+          /* @__PURE__ */ jsx(SelectPrimitive.Viewport, { className: "p-1", children }),
+          /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+        ]
+      }
+    ) });
   }
-));
+);
 SelectContent.displayName = SelectPrimitive.Content.displayName;
 var SelectLabel = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,