@7onic-ui/react 0.3.7 → 0.3.9

package/dist/index.js

@@ -2530,7 +2530,7 @@ var DropdownMenuContent = React17.forwardRef(({ className, sideOffset = 4, radiu
       onCloseAutoFocus?.(e);
     },
     className: cn(
-      "z-dropdown min-w-[8rem] overflow-hidden border border-border bg-background text-foreground shadow-lg",
+      "z-popover min-w-[8rem] overflow-hidden border border-border bg-background text-foreground shadow-lg",
       flush ? "py-1" : "p-1",
       contentRadiusMap[radius],
       className
@@ -2669,7 +2669,7 @@ var DropdownMenuSubContent = React17.forwardRef(({ className, ...props }, ref) =
     {
       ref,
       className: cn(
-        "z-dropdown min-w-[8rem] overflow-hidden border border-border bg-background text-foreground shadow-lg",
+        "z-popover min-w-[8rem] overflow-hidden border border-border bg-background text-foreground shadow-lg",
         flush ? "py-1" : "p-1",
         contentRadiusMap[radius],
         className
@@ -2872,7 +2872,7 @@ var SelectContent = React18.forwardRef(({ className, children, position = "poppe
         onCloseAutoFocus?.(e);
       },
       className: cn(
-        "relative z-dropdown min-w-[var(--radix-select-trigger-width)] overflow-hidden border border-border bg-background text-foreground shadow-lg",
+        "relative z-popover min-w-[var(--radix-select-trigger-width)] overflow-hidden border border-border bg-background text-foreground shadow-lg",
         flush ? "py-1" : "p-1",
         contentRadiusMap2[contentRadius],
         position === "popper" && "max-h-[var(--radix-select-content-available-height)]",
@@ -4029,7 +4029,8 @@ var tabsTriggerVariants = (0, import_class_variance_authority20.cva)(
   [
     "inline-flex items-center justify-center gap-2 whitespace-nowrap",
     "transition-all duration-micro ease-out cursor-pointer",
-    "focus-visible:focus-ring",
+    // Keyboard-only focus ring: see pointer tracking in TabsTrigger
+    "[&:focus-visible:not([data-pointer-focus])]:focus-ring",
     "disabled:pointer-events-none disabled:text-text-subtle disabled:opacity-50"
   ].join(" "),
   {
@@ -4133,9 +4134,10 @@ var pillItemRadiusClasses = {
   "3xl": "rounded-2xl",
   full: "rounded-full"
 };
-var TabsTrigger = React24.forwardRef(({ className, children, ...props }, ref) => {
+var TabsTrigger = React24.forwardRef(({ className, children, onPointerDown, onKeyDown, onBlur, ...props }, ref) => {
   const { variant, size, fitted, color, radius } = useTabsStyleContext();
   const resolvedSize = size || "default";
+  const [pointerFocus, setPointerFocus] = React24.useState(false);
   return /* @__PURE__ */ React24.createElement(
     TabsPrimitive.Trigger,
     {
@@ -4148,6 +4150,19 @@ var TabsTrigger = React24.forwardRef(({ className, children, ...props }, ref) =>
         variant === "pill" && pillItemRadiusClasses[radius || "md"],
         className
       ),
+      "data-pointer-focus": pointerFocus ? "" : void 0,
+      onPointerDown: (event) => {
+        setPointerFocus(true);
+        onPointerDown?.(event);
+      },
+      onKeyDown: (event) => {
+        setPointerFocus(false);
+        onKeyDown?.(event);
+      },
+      onBlur: (event) => {
+        setPointerFocus(false);
+        onBlur?.(event);
+      },
       ...props
     },
     children
@@ -5589,7 +5604,7 @@ var ANIMATION_CLASSES3 = {
   right: "data-[state=open]:animate-popover-right-enter data-[state=closed]:animate-popover-right-exit"
 };
 var popoverContentVariants = (0, import_class_variance_authority25.cva)(
-  "relative z-popover font-normal select-none w-auto max-w-[calc(100vw-16px)] outline-none",
+  "relative z-popover flex flex-col font-normal select-none w-auto max-w-[calc(100vw-16px)] max-h-[var(--radix-popover-content-available-height)] outline-none",
   {
     variants: {
       variant: {
@@ -5646,7 +5661,7 @@ var PopoverContent = React30.forwardRef(({ className, variant = "default", size,
       },
       closeIcon || /* @__PURE__ */ React30.createElement(DefaultCloseIcon3, { className: "icon-sm" })
     ),
-    children,
+    /* @__PURE__ */ React30.createElement("div", { className: "min-h-0 overflow-y-auto -m-1 p-1" }, children),
     showArrow && variant === "default" && /* @__PURE__ */ React30.createElement(
       "div",
       {