@ornikar/kitt-universal 32.5.3-canary.00f8f98ae6299285821fb6a87eab9440995c7566.0 → 32.5.3-canary.f3d9b69069a5f00edad9110e1f71513d5e1ba86a.0

package/dist/index-node-22.17.es.web.css

@@ -6,7 +6,16 @@
 .kitt-u_opacityEnterActive_o1t4vl7b{opacity:1;-webkit-transition:opacity 250ms cubic-bezier(0.42,0,1,1);transition:opacity 250ms cubic-bezier(0.42,0,1,1);}
 .kitt-u_opacityExit_ogyytm1{opacity:1;}
 .kitt-u_opacityExitActive_o18xvk52{opacity:0;-webkit-transition:opacity 250ms cubic-bezier(0.42,0,1,1);transition:opacity 250ms cubic-bezier(0.42,0,1,1);}
-.kitt-u_inputTextContainer_i1encr9g{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;}.kitt-u_inputTextContainer_i1encr9g > *::-ms-clear,.kitt-u_inputTextContainer_i1encr9g > *::-ms-reveal{display:none;}.kitt-u_inputTextContainer_i1encr9g > *{-webkit-transition:border-color 200ms ease-in-out,background-color 200ms ease-in-out;transition:border-color 200ms ease-in-out,background-color 200ms ease-in-out;}
+.InputTextContainer-module_inputTextContainer__gzH8Q > * {
+  transition: 200ms ease-in-out;
+  border-radius: 4px;
+}
+
+.InputTextContainer-module_inputTextContainer__gzH8Q > *:hover,
+.kitt-hover .InputTextContainer-module_inputTextContainer__gzH8Q > * {
+  background-color: #f7f4ee;
+}
+
 /* Overlay animation styles - uses CSS variables for theme values */
 .FullscreenModalAnimation-module_overlay-enter__L1J1X {
   opacity: 0;

package/dist/index-node-22.17.es.web.mjs

@@ -4229,29 +4229,6 @@ function useStaticBottomSheet(Content) {
   };
 }
 
-function isDocumentBodyAvailable(body) {
-  return !!body;
-}
-
-/**
- * Returns document.body if it exists, or null otherwise.
- * This is useful when document.body might not be available, such as when document.write() is called
- * which destroys the DOM and causes React portals to fail with "Target container is not a DOM element" error.
- */
-function getDocumentBodyIfExists() {
-  // document.body can be null when document.write() is called
-  const body = typeof document !== 'undefined' ? document.body : null;
-  return isDocumentBodyAvailable(body) ? body : null;
-}
-
-function Portal({
-  children
-}) {
-  const container = getDocumentBodyIfExists();
-  if (!container) return null;
-  return /*#__PURE__*/createPortal(children, container);
-}
-
 function useBlockBodyScroll(shouldBlockScroll, isInitialRender) {
   useEffect(() => {
     if (shouldBlockScroll) {
@@ -4274,9 +4251,7 @@ function ModalBehaviourPortal({
   const isInitialRenderRef = useRef(true);
   useBlockBodyScroll(!!visible, isInitialRenderRef.current);
   isInitialRenderRef.current = false;
-  return children ? /*#__PURE__*/jsx(Portal, {
-    children: children
-  }) : null;
+  return children ? /*#__PURE__*/createPortal(children, document.body) : null;
 }
 
 const OnCloseContext = /*#__PURE__*/createContext(() => {});
@@ -5414,10 +5389,11 @@ function InputPressable({
   });
 }
 
-const inputTextContainer = "kitt-u_inputTextContainer_i1encr9g";
+const styles$3 = {"inputTextContainer":"InputTextContainer-module_inputTextContainer__gzH8Q"};
+
 function InputTextContainer(props) {
   return /*#__PURE__*/jsx("div", {
-    className: inputTextContainer,
+    className: styles$3.inputTextContainer,
     ...props
   });
 }
@@ -11772,89 +11748,87 @@ function Picker({
         disabled,
         ...restToggleProps
       })
-    }), /*#__PURE__*/jsx(Portal, {
+    }), /*#__PURE__*/createPortal(/*#__PURE__*/jsx(View, {
+      ref: refMemo,
+      testID: testID,
+      ...menuProps,
+      position: strategy,
+      top: 0,
+      left: 0,
+      width: isItemsWidthFixed ? '100%' : itemsWidth,
+      maxWidth: isItemsWidthFixed ? 'kitt.picker.maxWidthFixed' : undefined,
+      zIndex: 1,
+      _web: {
+        style: {
+          transform: `translate3d(${tooltipX}px, ${tooltipY}px, 0)`,
+          visibility: isOpen ? 'visible' : 'hidden',
+          transitionDuration: '300ms',
+          transitionProperty: 'opacity, padding',
+          transitionTimingFunction: 'ease-in-out'
+        }
+      },
       children: /*#__PURE__*/jsx(View, {
-        ref: refMemo,
-        testID: testID,
-        ...menuProps,
-        position: strategy,
-        top: 0,
-        left: 0,
-        width: isItemsWidthFixed ? '100%' : itemsWidth,
-        maxWidth: isItemsWidthFixed ? 'kitt.picker.maxWidthFixed' : undefined,
-        zIndex: 1,
+        opacity: isOpen ? 1 : 0,
+        backgroundColor: "kitt.picker.web.optionsContainer.backgroundColor",
+        borderRadius: "kitt.picker.web.optionsContainer.borderRadius",
+        shadow: "kitt.picker.web.optionsContainer.shadow",
         _web: {
           style: {
-            transform: `translate3d(${tooltipX}px, ${tooltipY}px, 0)`,
+            transform: `translateY(${isOpen ? 0 : 8})`,
             visibility: isOpen ? 'visible' : 'hidden',
             transitionDuration: '300ms',
-            transitionProperty: 'opacity, padding',
             transitionTimingFunction: 'ease-in-out'
           }
         },
-        children: /*#__PURE__*/jsx(View, {
-          opacity: isOpen ? 1 : 0,
-          backgroundColor: "kitt.picker.web.optionsContainer.backgroundColor",
-          borderRadius: "kitt.picker.web.optionsContainer.borderRadius",
-          shadow: "kitt.picker.web.optionsContainer.shadow",
-          _web: {
-            style: {
-              transform: `translateY(${isOpen ? 0 : 8})`,
-              visibility: isOpen ? 'visible' : 'hidden',
-              transitionDuration: '300ms',
-              transitionTimingFunction: 'ease-in-out'
-            }
-          },
-          children: /*#__PURE__*/jsx(CSSTransition, {
-            unmountOnExit: true,
-            nodeRef: nodeRef,
-            timeout: 300,
-            in: isOpen,
-            classNames: pickerClassNames,
-            children: /*#__PURE__*/jsx(View, {
-              ref: nodeRef,
-              paddingY: "kitt.2",
-              children: childrenArray.map((child, index) => {
-                const currentValue = items[index];
-                if (currentValue === undefined) {
-                  throw new Error(`Picker: No value found for item at index ${index}`);
+        children: /*#__PURE__*/jsx(CSSTransition, {
+          unmountOnExit: true,
+          nodeRef: nodeRef,
+          timeout: 300,
+          in: isOpen,
+          classNames: pickerClassNames,
+          children: /*#__PURE__*/jsx(View, {
+            ref: nodeRef,
+            paddingY: "kitt.2",
+            children: childrenArray.map((child, index) => {
+              const currentValue = items[index];
+              if (currentValue === undefined) {
+                throw new Error(`Picker: No value found for item at index ${index}`);
+              }
+              const {
+                onClick,
+                'aria-selected': ariaSelected,
+                ...itemProps
+              } = getItemProps({
+                item: currentValue,
+                index,
+                disabled
+              });
+              return /*#__PURE__*/jsx(Pressable, {
+                ...itemProps,
+                accessibilityState: {
+                  selected: ariaSelected
+                },
+                onPress: onClick,
+                children: ({
+                  isHovered,
+                  isFocused,
+                  isPressed
+                }) => {
+                  return /*#__PURE__*/jsx(PickerItem, {
+                    isSelected: checkSelectedItem(selectedItem || undefined, currentValue),
+                    isHighlighted: highlightedIndex === index,
+                    isHovered: isHovered,
+                    isFocused: isFocused,
+                    isPressed: isPressed,
+                    children: child
+                  });
                 }
-                const {
-                  onClick,
-                  'aria-selected': ariaSelected,
-                  ...itemProps
-                } = getItemProps({
-                  item: currentValue,
-                  index,
-                  disabled
-                });
-                return /*#__PURE__*/jsx(Pressable, {
-                  ...itemProps,
-                  accessibilityState: {
-                    selected: ariaSelected
-                  },
-                  onPress: onClick,
-                  children: ({
-                    isHovered,
-                    isFocused,
-                    isPressed
-                  }) => {
-                    return /*#__PURE__*/jsx(PickerItem, {
-                      isSelected: checkSelectedItem(selectedItem || undefined, currentValue),
-                      isHighlighted: highlightedIndex === index,
-                      isHovered: isHovered,
-                      isFocused: isFocused,
-                      isPressed: isPressed,
-                      children: child
-                    });
-                  }
-                }, itemProps.id);
-              })
+              }, itemProps.id);
             })
           })
         })
       })
-    })]
+    }), document.body)]
   });
 }
 Picker.Option = PickerOption;
@@ -13318,69 +13292,67 @@ function Tooltip({
       onFocus: handleToggleTooltip,
       onBlur: handleToggleTooltip,
       width: '100%'
-    }), /*#__PURE__*/jsx(Portal, {
-      children: /*#__PURE__*/jsx(View, {
-        ref: refs.setFloating,
-        "aria-hidden": !isVisible,
-        paddingX: {
-          base: 'kitt.4',
-          small: 0
-        },
-        width: {
-          base: '100%',
-          small: 'max-content'
-        },
-        maxWidth: {
-          base: '100%',
-          small: 'kitt.tooltip.maxWidth'
-        },
-        opacity: isVisible ? 'kitt.tooltip.opacity' : 0,
-        paddingTop: placement === 'bottom' ? currentFloatingPadding : undefined,
-        paddingBottom: placement === 'top' ? currentFloatingPadding : undefined,
+    }), /*#__PURE__*/createPortal(/*#__PURE__*/jsx(View, {
+      ref: refs.setFloating,
+      "aria-hidden": !isVisible,
+      paddingX: {
+        base: 'kitt.4',
+        small: 0
+      },
+      width: {
+        base: '100%',
+        small: 'max-content'
+      },
+      maxWidth: {
+        base: '100%',
+        small: 'kitt.tooltip.maxWidth'
+      },
+      opacity: isVisible ? 'kitt.tooltip.opacity' : 0,
+      paddingTop: placement === 'bottom' ? currentFloatingPadding : undefined,
+      paddingBottom: placement === 'top' ? currentFloatingPadding : undefined,
+      style: {
+        pointerEvents: isVisible ? 'auto' : 'none'
+      },
+      position: strategy,
+      zIndex: zIndex,
+      top: 0,
+      left: 0,
+      _web: {
         style: {
-          pointerEvents: isVisible ? 'auto' : 'none'
-        },
-        position: strategy,
-        zIndex: zIndex,
-        top: 0,
-        left: 0,
+          transform: `translate3d(${isBase && !fullWidth ? `0, ${tooltipY}px, 0` : `${tooltipX}px, ${tooltipY}px, 0`})`,
+          visibility: isVisible ? 'visible' : 'hidden',
+          transitionDuration,
+          transitionProperty: theme.kitt.tooltip.transition[themePart].property,
+          transitionTimingFunction
+        }
+      },
+      onTouchStart: handleToggleTooltip,
+      onTouchEnd: handleToggleTooltip,
+      onMouseEnter: handleToggleTooltip,
+      onMouseLeave: handleToggleTooltip,
+      children: /*#__PURE__*/jsxs(View, {
         _web: {
           style: {
-            transform: `translate3d(${isBase && !fullWidth ? `0, ${tooltipY}px, 0` : `${tooltipX}px, ${tooltipY}px, 0`})`,
-            visibility: isVisible ? 'visible' : 'hidden',
-            transitionDuration,
-            transitionProperty: theme.kitt.tooltip.transition[themePart].property,
-            transitionTimingFunction
+            transform: `scale(${isVisible ? 1 : 0.8})`,
+            transitionDuration: isVisible ? '0' : transitionDuration,
+            transitionProperty: 'all',
+            transitionTimingFunction,
+            transformOrigin
           }
         },
-        onTouchStart: handleToggleTooltip,
-        onTouchEnd: handleToggleTooltip,
-        onMouseEnter: handleToggleTooltip,
-        onMouseLeave: handleToggleTooltip,
-        children: /*#__PURE__*/jsxs(View, {
-          _web: {
-            style: {
-              transform: `scale(${isVisible ? 1 : 0.8})`,
-              transitionDuration: isVisible ? '0' : transitionDuration,
-              transitionProperty: 'all',
-              transitionTimingFunction,
-              transformOrigin
-            }
-          },
-          children: [shouldRenderArrow && placement === 'bottom' ? /*#__PURE__*/jsx(Arrow, {
-            ref: arrowRef,
-            position: "bottom",
-            ...sharedArrowProps
-          }) : null, /*#__PURE__*/jsx(TooltipContent, {
-            children: content
-          }), shouldRenderArrow && placement === 'top' ? /*#__PURE__*/jsx(Arrow, {
-            ref: arrowRef,
-            position: "top",
-            ...sharedArrowProps
-          }) : null]
-        })
+        children: [shouldRenderArrow && placement === 'bottom' ? /*#__PURE__*/jsx(Arrow, {
+          ref: arrowRef,
+          position: "bottom",
+          ...sharedArrowProps
+        }) : null, /*#__PURE__*/jsx(TooltipContent, {
+          children: content
+        }), shouldRenderArrow && placement === 'top' ? /*#__PURE__*/jsx(Arrow, {
+          ref: arrowRef,
+          position: "top",
+          ...sharedArrowProps
+        }) : null]
       })
-    })]
+    }), document.body)]
   });
 }
 Tooltip.Arrow = Arrow;