@firecms/ui 3.0.0-canary.124 → 3.0.0-canary.126

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@firecms/ui",
   "type": "module",
-  "version": "3.0.0-canary.124",
+  "version": "3.0.0-canary.126",
   "description": "Awesome Firebase/Firestore-based headless open-source CMS",
   "funding": {
     "url": "https://github.com/sponsors/firecmsco"
@@ -105,7 +105,7 @@
     "src",
     "tailwind.config.js"
   ],
-  "gitHead": "b1ef1804b61ad99988128d9a79d4364dba7d9beb",
+  "gitHead": "122cb2b218a404444b4580e8f561f671c8b785a9",
   "publishConfig": {
     "access": "public"
   }

package/src/components/MultiSelect.tsx

@@ -94,7 +94,6 @@ export const MultiSelect = React.forwardRef<
     ) => {
         const [isPopoverOpen, setIsPopoverOpen] = React.useState(open ?? false);
         const [selectedValues, setSelectedValues] = React.useState<string[]>(value ?? []);
-        console.log("selectedValues", selectedValues);
 
         const onPopoverOpenChange = (open: boolean) => {
             setIsPopoverOpen(open);

package/src/components/Select.tsx

@@ -5,7 +5,8 @@ import {
     fieldBackgroundDisabledMixin,
     fieldBackgroundHoverMixin,
     fieldBackgroundInvisibleMixin,
-    fieldBackgroundMixin
+    fieldBackgroundMixin,
+    focusedDisabled
 } from "../styles";
 import { CheckIcon, ExpandMoreIcon } from "../icons";
 import { cls } from "../util";
@@ -161,7 +162,7 @@ export const Select = forwardRef<HTMLDivElement, SelectProps>(({
             </div>
             <SelectPrimitive.Portal>
                 <SelectPrimitive.Content position={position}
-                                         className={cls("z-50 relative overflow-hidden border bg-white dark:bg-gray-900 p-2 rounded-lg", defaultBorderMixin)}>
+                                         className={cls(focusedDisabled, "z-50 relative overflow-hidden border bg-white dark:bg-gray-900 p-2 rounded-lg", defaultBorderMixin)}>
                     <SelectPrimitive.Viewport className={"p-1"}
                                               style={{ maxHeight: "var(--radix-select-content-available-height)" }}>
                         {children}
@@ -205,8 +206,7 @@ export function SelectItem({
             "[&>*]:w-full",
             "overflow-visible",
             className
-        )}
-    >
+        )}>
         <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
         <div
             className="absolute left-1 data-[state=checked]:block hidden">

package/src/components/Sheet.tsx

@@ -53,7 +53,7 @@ export const Sheet: React.FC<SheetProps> = ({
         <DialogPrimitive.Root open={displayed || open}
                               onOpenChange={onOpenChange}>
             <DialogPrimitive.Portal>
-                <DialogPrimitive.Title>
+                <DialogPrimitive.Title autoFocus tabIndex={0}>
                     {title ?? "Sheet"}
                 </DialogPrimitive.Title>
                 <DialogPrimitive.Overlay

package/src/components/Tooltip.tsx

@@ -18,6 +18,7 @@ export type TooltipProps = {
     tooltipStyle?: React.CSSProperties;
     children: React.ReactNode,
     className?: string,
+    container?: HTMLElement,
     style?: React.CSSProperties;
 };
 
@@ -34,6 +35,7 @@ export const Tooltip = ({
                             tooltipStyle,
                             children,
                             asChild = false,
+                            container,
                             className,
                             style
                         }: TooltipProps) => {
@@ -57,7 +59,7 @@ export const Tooltip = ({
         <TooltipPrimitive.Provider delayDuration={delayDuration}>
             <TooltipPrimitive.Root open={open} onOpenChange={onOpenChange} defaultOpen={defaultOpen}>
                 {trigger}
-                <TooltipPrimitive.Portal>
+                <TooltipPrimitive.Portal container={container}>
                     <TooltipPrimitive.Content
                         className={cls("TooltipContent",
                             "max-w-lg leading-relaxed",