chore: release nativewind utils

packages/nativewind/utils/tva/index.js

@@ -1,7 +1,14 @@
+import { deepMergeObjects } from '../utils/deepMerge';
 // @ts-ignore
 import { tv } from 'tailwind-variants';
-import { deepMergeObjects } from '../utils/deepMerge';
-const tvatemp = (options, config) => {
+const tvatemp = (
+  options,
+  /**
+   * The config object allows you to modify the default configuration.
+   * @see https://www.tailwind-variants.org/docs/api-reference#config-optional
+   */
+  config
+) => {
   const parentVariants = options?.parentVariants;
   const parentCompoundVariants = options?.parentCompoundVariants;
   delete options.parentVariants;

packages/nativewind/utils/withStates/index.d.ts

@@ -1 +1,13 @@
-export declare const withStates: <T>(Component: T) => T;
+import React from 'react';
+type WithStatesProps = {
+  className?: string;
+  states?: any;
+};
+export declare const withStates: <T extends React.ComponentType<any>>(
+  Component: T
+) => React.ForwardRefExoticComponent<
+  React.PropsWithoutRef<React.ComponentProps<T>> &
+    WithStatesProps &
+    React.RefAttributes<T>
+>;
+export {};

packages/nativewind/utils/withStates/index.jsx

@@ -7,8 +7,5 @@ export const withStates = (Component) =>
       if (!className) return;
       return extractDataClassName(className, states);
     }, [className, states]);
-    return (
-      // @ts-ignore
-      <Component className={classNamesFinal} {...props} ref={ref} />
-    );
+    return <Component className={classNamesFinal} {...props} ref={ref} />;
   });

packages/nativewind/utils/withStates/index.tsx

@@ -7,17 +7,16 @@ type WithStatesProps = {
   states?: any;
 };
 
-export const withStates = <T,>(Component: T) =>
-  React.forwardRef(
-    ({ states, className, ...props }: T & WithStatesProps, ref?: any) => {
-      const classNamesFinal = React.useMemo(() => {
-        if (!className) return;
-        return extractDataClassName(className, states);
-      }, [className, states]);
+export const withStates = <T extends React.ComponentType<any>>(Component: T) =>
+  React.forwardRef(({ states, className, ...props }, ref) => {
+    const classNamesFinal = React.useMemo(() => {
+      if (!className) return;
+      return extractDataClassName(className, states);
+    }, [className, states]);
 
-      return (
-        // @ts-ignore
-        <Component className={classNamesFinal} {...(props as any)} ref={ref} />
-      );
-    }
-  ) as T;
+    return (
+      <Component className={classNamesFinal} {...(props as any)} ref={ref} />
+    );
+  }) as React.ForwardRefExoticComponent<
+    React.ComponentPropsWithoutRef<T> & WithStatesProps & React.RefAttributes<T>
+  >;