fix

comps/form/base/BaseField.tsx

@@ -60,7 +60,7 @@ export const BaseField = (prop: {
       <div className="field-input c-flex c-flex-1 c-flex-col">
         <div
           className={cx(
-            !["toogle", "button", "radio", "checkbox"].includes(arg.sub_type)
+            !["toggle", "button", "radio", "checkbox"].includes(arg.sub_type)
               ? cx(
                   "field-outer c-overflow-hidden c-flex-1 c-flex c-flex-row c-text-sm c-bg-white",
                   "c-rounded "

comps/form/field/FieldInput.tsx

@@ -108,7 +108,7 @@ export const FieldInput: FC<{
   return (
     <div
       className={cx(
-        !["toogle", "button", "radio", "checkbox"].includes(arg.sub_type)
+        !["toggle", "button", "radio", "checkbox"].includes(arg.sub_type)
           ? cx(
               "field-outer c-overflow-hidden c-flex-1 c-flex c-flex-row c-text-sm c-bg-white",
               "c-rounded "

comps/form/field/type/TypeSingleOption.tsx

@@ -16,7 +16,7 @@ export const SingleOption: FC<{
     <>
       {arg.sub_type === "dropdown" ? (
         <TypeDropdown arg={arg} field={field} fm={fm} />
-      ) : arg.sub_type === "toogle" ? (
+      ) : arg.sub_type === "toggle" ? (
         <FieldToggle arg={arg} field={field} fm={fm} />
       ) : arg.sub_type === "button" ? (
         <FieldButton arg={arg} field={field} fm={fm} />

comps/form/gen/fields.ts

@@ -92,7 +92,7 @@ export const newField = async (
 }`,
           ],
           type: "single-option",
-          sub_type: "toogle",
+          sub_type: "toggle",
           ext__on_change: opt.on_change
             ? [opt.on_change, opt.on_change]
             : undefined,