@doujins/payments-ui 0.1.14 → 0.1.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -575,31 +575,37 @@ var SelectScrollDownButton = React15.forwardRef(({ className, ...props }, ref) =
575
575
  }
576
576
  ));
577
577
  SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
578
- var SelectContent = React15.forwardRef(({ className, children, position = "popper", style, ...props }, ref) => /* @__PURE__ */ jsxs(
579
- SelectPrimitive.Content,
580
- {
581
- ref,
582
- className: cn(
583
- "z-[200] max-h-64 w-full 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",
584
- className
585
- ),
586
- position,
587
- style: {
588
- // Override Floating UI positioning to work inside transformed modals
589
- position: "absolute",
590
- top: "100%",
591
- left: 0,
592
- marginTop: "4px",
593
- ...style
594
- },
595
- ...props,
596
- children: [
597
- /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
598
- /* @__PURE__ */ jsx(SelectPrimitive.Viewport, { className: "p-1", children }),
599
- /* @__PURE__ */ jsx(SelectScrollDownButton, {})
600
- ]
578
+ var SelectContent = React15.forwardRef(
579
+ ({
580
+ className,
581
+ children,
582
+ position = "popper",
583
+ side = "bottom",
584
+ sideOffset = 4,
585
+ align = "start",
586
+ ...props
587
+ }, ref) => {
588
+ const popperProps = position === "popper" ? { side, sideOffset, align } : {};
589
+ return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
590
+ SelectPrimitive.Content,
591
+ {
592
+ ref,
593
+ className: cn(
594
+ "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",
595
+ className
596
+ ),
597
+ position,
598
+ ...popperProps,
599
+ ...props,
600
+ children: [
601
+ /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
602
+ /* @__PURE__ */ jsx(SelectPrimitive.Viewport, { className: "p-1", children }),
603
+ /* @__PURE__ */ jsx(SelectScrollDownButton, {})
604
+ ]
605
+ }
606
+ ) });
601
607
  }
602
- ));
608
+ );
603
609
  SelectContent.displayName = SelectPrimitive.Content.displayName;
604
610
  var SelectLabel = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
605
611
  SelectPrimitive.Label,