fix: export namings

Author: abelflopes

packages/components/base/src/boolean-input/BooleaInput.tsx

@@ -3,7 +3,7 @@ import React, { useEffect, useMemo, useRef } from "react";
 import classNames from "classnames";
 import { type FormFieldContextProps, useFormFieldContext } from "../form-field";
 import { type BooleanInputIconComponent } from "./types";
-import { megeRefs } from "@react-ck/react-utils";
+import { mergeRefs } from "@react-ck/react-utils";
 
 /**
  * Props interface for the BooleanInput component.
@@ -58,7 +58,7 @@ export const BooleaInput = ({
         (disabled || formFieldContext?.disabled) && styles.disabled,
       )}>
       <input
-        ref={megeRefs(ref, inputRef)}
+        ref={mergeRefs(ref, inputRef)}
         id={computedId}
         className={styles.input}
         disabled={disabled}

packages/components/base/src/dropdown/Dropdown.tsx

@@ -5,7 +5,7 @@ import { ScrollableContainer } from "../scrollable-container";
 import { Card } from "../card";
 import styles from "./index.module.scss";
 import classNames from "classnames";
-import { megeRefs, useOnClickOutside } from "@react-ck/react-utils";
+import { mergeRefs, useOnClickOutside } from "@react-ck/react-utils";
 import { FocusTrap } from "@react-ck/focus-trap";
 import { KeyboardControls } from "@react-ck/keyboard-controls";
 
@@ -141,7 +141,7 @@ export const Dropdown = ({
           <Layer elevation="overlay" group="dropdown">
             <div
               ref={(el) => {
-                megeRefs(ref, containerRef)(el);
+                mergeRefs(ref, containerRef)(el);
                 setFocusWrapperElement(el || undefined);
               }}
               tabIndex={0}

packages/components/base/src/file-uploader/FileUploader.tsx

@@ -4,7 +4,7 @@ import classNames from "classnames";
 import { Text } from "../text";
 import { Button, type ButtonProps } from "../button";
 import { readFileList } from "./utils/read-file";
-import { megeRefs } from "@react-ck/react-utils";
+import { mergeRefs } from "@react-ck/react-utils";
 
 // TODO: check https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file
 // TODO: add size limitation: https://stackoverflow.com/questions/5697605/limit-the-size-of-a-file-upload-html-input-element
@@ -106,7 +106,7 @@ export const FileUploader = ({
       )}>
       <input
         {...inputProps}
-        ref={megeRefs(inputRef, inputProps?.ref)}
+        ref={mergeRefs(inputRef, inputProps?.ref)}
         type="file"
         className={classNames(styles.file, inputProps?.className)}
         onChange={handleChange}

packages/components/base/src/select/index.tsx

@@ -6,7 +6,7 @@ import { Menu } from "../menu";
 import { Dropdown } from "../dropdown";
 import { Input } from "../input";
 import classNames from "classnames";
-import { megeRefs, raf } from "@react-ck/react-utils";
+import { mergeRefs, raf } from "@react-ck/react-utils";
 import { EmptyState } from "../empty-state";
 import { getChildrenData, simplifyString, valueAsArray } from "./utils";
 import { type SelectProps, type ChangeHandler } from "./types";
@@ -338,7 +338,7 @@ const Select = ({
         </div>
 
         <select
-          ref={megeRefs(ref, selectRef)}
+          ref={mergeRefs(ref, selectRef)}
           id={computedId}
           name={selectName}
           multiple={selectMultiple}

packages/components/base/src/select/specs/__snapshots__/index.snapshot.test.tsx.snap

@@ -10,9 +10,31 @@ exports[`snapshot Select renders correctly 1`] = `
     <div
       class="value_slot"
     >
+      <div
+        class="value_content"
+      >
+        <span
+          class="placeholder"
+        />
+      </div>
       <span
-        class="placeholder"
-      />
+        class="root size_l skin_default"
+      >
+        <svg
+          fill="none"
+          height="1em"
+          stroke="currentColor"
+          stroke-width="0"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
     </div>
     <select
       class="native_element"

packages/utils/react/src/index.ts

@@ -8,7 +8,7 @@ export * from "./click-outside";
 
 export * from "./children-without-fragments";
 
-export { mergeRefs, mergeRefs as megeRefs } from "./merge-refs";
+export * from "./merge-refs";
 
 export * from "./raf";