style: adds styles for rating rewrite

package.json

@@ -33,7 +33,7 @@
     "@formkit/addons": "latest",
     "@formkit/barcode": "latest",
     "@formkit/icons": "latest",
-    "@formkit/pro": "^0.122.14",
+    "@formkit/pro": "0.122.16-b9c1fd1",
     "@formkit/theme-editor": "latest",
     "@formkit/vue": "latest",
     "@typescript-eslint/eslint-plugin": "^6.21.0",

src/App.vue

@@ -4,6 +4,6 @@ import { FormKitKitchenSink } from "@formkit/vue";
 
 <template>
   <Suspense>
-    <FormKitKitchenSink />
+    <FormKitKitchenSink :schemas="['rating']" />
   </Suspense>
 </template>

src/inputs/pro/rating.ts

@@ -1,32 +1,54 @@
 export default {
   inner: `
-    flex
-    w-[130px]
-    items-center
-    relative
+    text-neutral-400
   `,
   itemsWrapper: `
-    w-full
+    relative
+    inline-flex
+    focus:border-neutral-400
   `,
-  onItems: `
-    text-yellow-400
+  onItemRow: `
+    h-full
+    w-full
   `,
-  offItems: `
-    text-$colorTemperature-400
+  offItemRow: `
+    h-full
+    w-full
   `,
   onItemWrapper: `
     [&>*]:w-full
-    [&>*]:h-auto
-    [&>*]:max-w-none
-    [&>*]:max-h-none
+    [&>*]:h-full
+    w-full
+    h-full
+    text-yellow-400
   `,
   offItemWrapper: `
+  text-$colorTemperature-400
+    w-full
+    h-full
     [&>*]:w-full
-    [&>*]:h-auto
-    [&>*]:max-w-none
-    [&>*]:max-h-none
+    [&>*]:h-full
+  `,
+  ratingItem: `
+    relative
+    focus-within:outline
+    w-[1.5em]
+    h-[1.5em]
+  `,
+  itemLabelInner: `
+    h-px
+    w-px
+    overflow-hidden
+    absolute
+    white-space-nowrap
+  `,
+  itemLabel: `
+    absolute
+    h-full
   `,
   ratingIcon: `
-    w-full
+    w-[1.5em]
+    h-[1.5em]
+    flex
   `,
 };