feat: add resolveProps as vcn's second return

packages/react/shared.ts

@@ -20,8 +20,17 @@ export function vcn<V extends Record<string, Record<string, string>>>({
   defaults: {
     [VariantKey in keyof V]: BooleanString<keyof V[VariantKey] & string>;
   };
-}): (variantProps: RawVariantProps<V> & { className?: string }) => string {
+}): [
-  return ({ className, ...variantProps }) => {
+  (variantProps: RawVariantProps<V> & { className?: string }) => string,
+  (
+    anyProps: Record<string, any>,
+    options?: {
+      includeClassName?: boolean;
+    }
+  ) => [RawVariantProps<V> & { className?: string }, Record<string, any>],
+] {
+  return [
+    ({ className, ...variantProps }) => {
       return twMerge(
         base,
         ...(
@@ -35,10 +44,27 @@ export function vcn<V extends Record<string, Record<string, string>>>({
         ),
         className
       );
-  };
+    },
+    (anyProps, options = {}) => {
+      const variantKeys = Object.keys(variants) as (keyof V)[];
+
+      return Object.entries(anyProps).reduce(
+        ([variantProps, otherProps], [key, value]) => {
+          if (
+            variantKeys.includes(key) ||
+            (options.includeClassName && key === "className")
+          ) {
+            return [{ ...variantProps, [key]: value }, otherProps];
+          }
+          return [variantProps, { ...otherProps, [key]: value }];
+        },
+        [{}, {}]
+      );
+    },
+  ];
 }
 
-export type VariantProps<F extends ReturnType<typeof vcn>> = F extends (
+export type VariantProps<F extends ReturnType<typeof vcn>[0]> = F extends (
   props: infer P
 ) => string
   ? P