move gradientSelector function to keystatic helper

docs/keystatic.config.tsx

@@ -1,9 +1,8 @@
-// keystatic.config.ts
 import { config, fields, collection, singleton } from '@keystatic/core'
 import { superscriptIcon } from '@keystar/ui/icon/icons/superscriptIcon'
-
 import { inline, mark, wrapper } from '@keystatic/core/content-components'
-// import { WellPreview } from './keystatic/admin-previews'
+
+import { gradientSelector } from './keystatic/gradient-selector'
 
 export default config({
   storage: {
@@ -310,19 +309,3 @@ export default config({
     }),
   },
 })
-
-type Gradient = 'grad1' | 'grad2' | 'grad3' | 'grad4'
-
-function gradientSelector({ defaultValue = 'grad1' }: { defaultValue: Gradient }) {
-  return fields.select({
-    label: 'Gradient',
-    description: 'The gradient to use for the group',
-    options: [
-      { label: '1', value: 'grad1' },
-      { label: '2', value: 'grad2' },
-      { label: '3', value: 'grad3' },
-      { label: '4', value: 'grad4' },
-    ],
-    defaultValue: defaultValue,
-  })
-}

docs/keystatic/gradient-selector.ts

@@ -0,0 +1,17 @@
+import { fields } from '@keystatic/core'
+
+type Gradient = 'grad1' | 'grad2' | 'grad3' | 'grad4'
+
+export function gradientSelector ({ defaultValue = 'grad1' }: { defaultValue: Gradient }) {
+  return fields.select({
+    label: 'Gradient',
+    description: 'The gradient to use for the group',
+    options: [
+      { label: '1', value: 'grad1' },
+      { label: '2', value: 'grad2' },
+      { label: '3', value: 'grad3' },
+      { label: '4', value: 'grad4' },
+    ],
+    defaultValue: defaultValue,
+  })
+}